HTML Website Creation

1

• HTML / Website Creation

2

• HTML HyperText Markup Language
• For formatting Web pages
• Ordinary text
• can be created using any Text editor e.g.
  NotePad, EditPad
• MUST save as .htm or .html
• Or using HTML editor like Frontpage or Eversoft
  1st Page (can download for free)

3
HTML Template

• ltHTMLgt
• ltHEADgt
• ltTITLEgtlt/TITLEgt
• lt/HEADgt
• ltBODYgt
• Web page contents
• lt/BODYgt
• lt/HTMLgt

4
Container TAGS

• ltHgtFor headingslt/Hgt, 1, 2, , 6
• ltULgt
• ltLIgtUnordered list 1lt/LIgt
• ltLIgtUnordered list 2lt/LIgt
• lt/ULgt
• ltOLgt
• ltLIgtOrdered list 1lt/LIgt
• ltLIgtOrdered list 2lt/LIgt
• lt/OLgt
• ltPgtParagraphslt/Pgt

5
Container TAGS

• ltIgtItaliclt/Igt
• ltBgtBoldlt/Bgt
• ltFONT colorblue size1gt
• changing text color / size
• lt/FONTgt

6
Empty Tags

• ltHRgt horizontal line
• ltBRgt line break

7
Link / Images

• ltA hrefweb page address or filenamegt
• Hypertext
• lt/Agt
• ltIMG srcimage name width heightgt
• Image file format - .gif, .jpg, .png

8
Background Color

• ltBODY backgroundimage filegt
• ltBODY bgcolorcolor code textcolor code
  linkcolor codegt
• e.g. ltBODY bgcolor000000 textFFFFFF
• 
  link9690CCgt
• Color code RRGGBB (0-9, A-F)

9
FTP File Transfer Protocol

• Upload all .html image files used to a host
  (web server) using an FTP software
• SSH Secure Shell Client
• WS_FTP
• WinScp
• Our host nuscpa3.physics.nus.edu.sg
• UserID scit8???
• Password scit000
• All files/folders MUST be in the public_html
  folder

10
Assignment

• Modify your home page _at_ nuscpa3.physics.nus.edu.sg
  /scit8???/index.html
• Introduce yourself create links to all the
  assignments youve done
• Can complete on FREE afternoons.