100 likes | 106 Views
Application Software Practical 13/14. HTML / Website Creation. 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
E N D
Application Software Practical 13/14 HTML / Website Creation 2 Apr 04
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 Eversoft 1st Page (can download for free) 2 Apr 04
HTML Template <HTML> <HEAD> <TITLE>…</TITLE> </HEAD> <BODY> Web page contents … … </BODY> </HTML> 2 Apr 04
Container TAGS • <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> • <P>Paragraphs</P> 2 Apr 04
Container TAGS • <I>Italic</I> • <B>Bold</B> • <FONT color=“blue” size=“+1”> changing text color / size… </FONT> 2 Apr 04
Empty Tags • <HR> – horizontal line • <BR> – line break 2 Apr 04
Link / Images • <A href=“web page address or filename”> Hypertext </A> • <IMG src=“image name” width=“…”height=“…”> • Image file format - .gif, .jpg, .png 2 Apr 04
Background & Color • <BODY background=“image file”> • <BODY bgcolor=“color code” text=“color code” link=“color code”> e.g. <BODY bgcolor=“#000000” text=“#FFFFFF” link=“#9690CC”> Color code : #RRGGBB (0-9, A-F) 2 Apr 04
FTP – File Transfer Protocol • Upload all .html & image files used to a host (web server) using an FTP software: • WS_FTP • WinScp Our host: nuscpa3.physics.nus.edu.sg UserID: scit6??? Password: nus??? All files/folders MUST be in the public_html folder 2 Apr 04
Assignment • Modify your home page @ nuscpa3.physics.nus.edu.sg/~scit6???/index.html • Introduce yourself & create links to all the assignments you’ve done • Will be graded • Can complete on 14 Apr and 19 Apr afternoons. 2 Apr 04