Monday 22 September 2008

Yea lab class is da best : D






Today lab class was interesting.
It was the 1st step to design my own website.... so i fooled around with some of the coding.

FYI the < > has been replaced by ( )


This is the code to use to make the homepage


(html)
(frameset rows="20%,* ,10%")
(frameset cols="20%, *")
(frame src ="hello.html")
(frame src ="http://www.google.com/")
(/frameset)



(frameset cols="20%, *")(frame src ="TutorialNav.html")
(frame src ="http://www.google.com/" name="content")
(/frameset)

(frame src="copyright.html")
(/frameset)

(/html)


Then next is the navigation.




(html)


(body)
(a target="content" href =Packages.html)Packages(/a)(br)(br)
(a target="content" href ="reservation.html")Reservation(/a)(br)(br)
(a target="content" href ="contact.html")Contact Us(/a)(br)


(/body)
(/html)


From here the Navigation is link to other html
1. PACKAGES HTML

(html)
(/body)

(a href="#b1")Package A(/a)(br)
(a href="#b2")Package B(/a)(br)

(ol)
(a name = "b1")(li)Package A(/li)(/a)
(ul)
(li)Lunch(/li)

(table border = "1")

(tr)
(td)Pic(/td)(td)Desription(/td)
(/tr)

(tr)
(td)(img src = lunch1.jpg height = "100" width = "100")(/td)
(td)Desriptionlunch2(/td)
(/tr)

(tr)
(td)(img src = lunch2.jpg height = "100" width = "100")(/td)
(td)Desriptionlunch3(/td)
(/tr)
(/table)(br)(br)

(li)Dinner(/li)
(table border = "1")

(tr)
(td)Pic(/td)
(td)DesriptionDinner1(/td)
(/tr)

(tr)
(td)(img src = dinner1.jpg height = "100" width = "100")(/td)
(td)DesriptionDinner2(/td)
(/tr)

(tr)
(td)(a href="roast.html")(img src = roast.jpg height = "100" width = "100")(/td)
(td)DesriptionDinner3(/td)
(/tr)
(/table)(br)(br)

(/ul)(br)

(a name = "b2")(li)Package B(/li)(/a)
(ul)
(li)Lunch(/li)
(table border = "1")
(tr)
(td)Piclunch1(/td)
(td)Desriptionlunch1(/td)
(/tr)

(tr)
(td)Piclunch2(/td)
(td)Desriptionlunch2(/td)
(/tr)

(tr)
(td)Piclunch3(/td)
(td)Desriptionlunch3(/td)
(/tr)
(/table)(br)(br)

(li)Dinner(/li)

(table border = "1")
(tr)
(td)PicDinner1(/td)
(td)DesriptionDinner1(/td)
(/tr)

(tr)
(td)PicDinner2(/td)
(td)DesriptionDinner2(/td)
(/tr)

(tr)
(td)PicDinner3(/td)
(td)DesriptionDinner3(/td)
(/tr)
(/table)(br)(br)

(/ul)
(/ol)

(a href="#top")TOP(/a)(/body)(/html)


2 . Reservation html

This is a bit complicate cost i was trying to make something that look like this



(html)
(body)

(table)
(tr)
(td)Name:(/td)(td)(input type="text" name="test" size="20")(/td)
(/tr)

(tr)
(td)HandPhone Number:(/td)(td)(input type="number")(/td)
(/tr)

(tr)
(td)No Serials:(/td)(td)(input type="number")(/td)
(/tr)

(tr)
(td)Packages:(/td)
(td)
(Select)(option selected="selected")(/option)(optgroup label = "Package A")
(option)Lunch(/option)(option)Dinner(/option)
(optgroup label = "Package B" )(option)Lunch(/option)(option)Dinner(/option)
(/select)
(/td)
(/tr)

(tr)
(td)No Serials:(/td)(td)(input type="number")(/td)
(/tr)

(tr)
(td)Area:(/td)(td)(input type="radio")Smoking(input type="radio")Non-Smoking(/td)
(/tr)

(tr)
(td)Remants:(/td)(td)(textarea rows="5" cols="20")(/textarea)(/td)
(/tr)
(/table)

(input type="button" value="Submit")

(/body)
(/html)
3. Contact Html

(html)
(body)
(h1 align = center size ="10") About us (/h1)
(center)
(a)_______________________(/a)(br)
(b)_______________________(/b)(br)
(c)_______________________(/c)(br)
(d)_______________________(/d)(br)
(e)_______________________(/e)(br)
(f)_______________________(/f)(br)
(img src = "image.jpg")(br)
(a href="http://www.google.com/" )(font size = "10")Email(/font)(/a)(br)
(a href = "image.jpg" )(font size = "10")Map(/font)(/a)
(/center)
(/body)
(/html)
Yea and finally done with the 3 links. Drop some comments and reply if i type in some wrong stuff. THanks ya



1 comment:

Anonymous said...

You know the coding well men.. nice....... :)