ITC105 XHTML Web Site

1
ITC105 XHTML Web Site Michael Donevski
This is a presentation for web site created with
XHTML for ITC 105 by Michael Donevski Link to
web site http//csusap.csu.edu.au/mdonev01/
2
Intended Audience

• Janelle Faust and assistants
• Other fellow students - ITC105
• (through a common CSU homepage link)
• Family members
• Friends

3
Goals for Web Site

• Share holiday photographs with friends
• Keep overseas family members up to date
• Keep record of diy projects for future reference
• Share diy tips and instructions with friends and
  others

4
Site Design Diagram
Xhtml validation at W3C
Index.html
holidays.html
mandg.html
diy.html
car.html
5

HTML Pages

• Index.html
• Content
• CSS
• xhtml1-strict.dtd
• Meta tags
• Tables
• Thumbnail images with links
• List
• Layout
• Reason for using style sheet they provide greater
  
• control over the documents format and easy to
  maintain.
• Strict.dtd eliminating errors that you normally
  find in HTML
• All five pages were successfully validated at
  W3C..
• Used tables to keep formatting in place images
  and text.
• Function
• Thumbnail images quick access to other pages with
  more
• description
• The purpose of using Meta tags is for search
  engine placement.
• Total size with images under 100kb for quick
  load.

6

HTML Pages

• Holidays.html
• Content
• CSS
• xhtml1-strict.dtd
• Meta tags
• Tables
• List
• Layout
• Used style sheet because it provided greater
• control over the documents format and are easy to
  maintain.
• Kept the same style through out the site fonts,
  background image,
• color etc.
• Strict.dtd eliminating errors that you normally
  find in HTML.
• Used tables to keep formatting in place images
  and text.
• Function
• The purpose of using Meta tags is for search
  engine placement ,
• Kept images under 20kb X 5 under 100kb for quick
  download

7


HTML Pages

• Auto.html and diy.html
• Content
• CSS
• xhtml1-strict.dtd
• Meta tags
• Tables
• Unordered and ordered list
• Layout
• Used style sheet as other pages.
• Used unordered and ordered list in auto.html for
  a matching picture
• that has numbered parts.
• Used tables to keep formatting in place images
  and text.
• Function
• The purpose of using Meta tags is for search
  engine placement
• Kept images under 20kb X 5 under 100kb for quick
  download

8


HTML Pages

• Mandg.html
• Content
• CSS
• xhtml1-strict.dtd
• Meta tags
• Tables
• List
• Layout
• Used style sheet like other pages.
• Strict.dtd eliminating errors that you normally
  find in HTML.
• Used tables to keep formatting in place images
  and text.
• Function
• The purpose of using Meta tags for this page was
  no search engine placement
• ltmeta name"robots" content"noindex"/gt
• Kept images under 20kb X 5 under 100kb for quick
  download.

9
References
http//www.w3schools.com http//validator.w3.org/c
heck