Download presentation
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, EditPad MUST save as ***.htm or ***.html Or using HTML editor like Eversoft 1st Page (can download for free)
3
HTML Template <HTML> <HEAD> <TITLE>…</TITLE>
<BODY> Web page contents … … </BODY> </HTML>
4
<P>Paragraphs</P>
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>
5
<I>Italic</I> <B>Bold</B>
Container TAGS <I>Italic</I> <B>Bold</B> <FONT color=“blue” size=“+1”> changing text color / size… </FONT>
6
<HR> – horizontal line <BR> – line break
Empty Tags <HR> – horizontal line <BR> – line break
7
Link / Images <A href=“web page address or filename”> Hypertext
<IMG src=“image name” width=“…” height=“…”> Image file format - .gif, .jpg, .png
8
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)
9
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: scit7??? Password: scit000 All files/folders MUST be in the public_html folder
10
Assignment Modify your home nuscpa3.physics.nus.edu.sg/~scit7???/index.html Introduce yourself & create links to all the assignments you’ve done Will be graded Can complete on FREE afternoons.
Similar presentations
