HTML Website Creation 1 n HTML Hyper Text

HTML / Website Creation 1

n HTML – Hyper. Text Markup Language ¨ ¨ For formatting Web pages Ordinary text n can be created using any Text editor: e. g. Note. Pad, Edit. Pad MUST save as ***. htm or ***. html n Or using HTML editor like Frontpage or Eversoft 1 st Page (can download for free) 2

HTML Template <HTML> <HEAD> <TITLE>…</TITLE> </HEAD> <BODY> Web page contents … … </BODY> </HTML> 3

Container TAGS n n <H#>For headings</H#>, # = 1, 2, …, 6 <UL> <LI>Unordered list 1…</LI> <LI>Unordered list 2…</LI> </UL> <OL> <LI>Ordered list 1…</LI> <LI>Ordered list 2…</LI> </OL> Paragraphs 4

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

Empty Tags <HR> – horizontal line n – line break n 6

Link / Images n <A href=“web page address or filename”> Hypertext </A> n <IMG src=“image name” height=“…”> ¨ Image width=“…” file format -. gif, . jpg, . png 7

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

FTP – File Transfer Protocol n Upload all. html & image files used to a host (web server) using an FTP software: ¨ SSH Secure Shell Client ¨ WS_FTP ¨ Win. Scp Our host: nuscpa 3. physics. nus. edu. sg User. ID: scit 8? ? ? Password: scit 000 All files/folders MUST be in the public_html folder 9

Assignment n Modify your home page @ nuscpa 3. physics. nus. edu. sg/~scit 8? ? ? /index. html ¨ Introduce yourself & create links to all the assignments you’ve done n Can complete on FREE afternoons. 10