1 HTML / Website Creation. 2 HTML – HyperText Markup Language For formatting Web pages Ordinary...

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>

Paragraphs

5

Container TAGS

Italic Bold 

changing text color / size…

6

Empty Tags

<HR> – horizontal line – 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.

1 HTML / Website Creation. 2 HTML – HyperText Markup Language For formatting Web pages Ordinary...

Documents

Transcript of 1 HTML / Website Creation. 2 HTML – HyperText Markup Language For formatting Web pages Ordinary...