Presentation is loading. Please wait.

Presentation is loading. Please wait.

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,

Similar presentations


Presentation on theme: "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,"— Presentation transcript:

1 1 HTML / Website Creation

2 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 1 st Page (can download for free)

3 3 HTML Template … Web page contents … …

4 4 Container TAGS For headings, # = 1, 2, …, 6 Unordered list 1… Unordered list 2… Ordered list 1… Ordered list 2… Paragraphs

5 5 Container TAGS Italic Bold changing text color / size…

6 6 Empty Tags – horizontal line – line break

7 7 Link / Images Hypertext  Image file format -.gif,.jpg,.png

8 8 Background & Color e.g. <BODY bgcolor=“#000000” text=“#FFFFFF” link=“#9690CC”> Color code : #RRGGBB (0-9, A-F)

9 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 10 Assignment Modify your home page @ nuscpa3.physics.nus.edu.sg/~scit8???/index.html  Introduce yourself & create links to all the assignments you’ve done Can complete on FREE afternoons.


Download ppt "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,"

Similar presentations


Ads by Google