Post on 23-Dec-2015
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<HTML><HEAD><TITLE>…</TITLE></HEAD>
<BODY>Web page contents ……</BODY></HTML>
4
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
Container TAGS
<I>Italic</I> <B>Bold</B> <FONT color=“blue” size=“+1”>
changing text color / size…
</FONT>
6
Empty Tags
<HR> – horizontal line <BR> – line break
7
Link / Images <A href=“web page address or filename”> Hypertext </A>
<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: SSH Secure Shell Client WS_FTP WinScp
Our host: nuscpa3.physics.nus.edu.sgUserID: scit8???Password: scit000
All files/folders MUST be in the public_html folder
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.