html sites...

You should be nearing the end of your hand coded HTML adventure. Our goal is for each of you to have a simple 4 page site, linking to each page with consistent navigation in a table (feel free to copy and paste this part of the code). If you are ahead of the game and complete with your basic pages here are 3 options for extra credit:

• create a banner/heading for each page in PhotoShop
• add anchored links to navigate "down" a page
• add any "advanced techniques" from this page (styles, floating frames, marques, etc)

Our goal for these sites is for them to look nice, function seamlessly, and inform the reader/viewer. Take a look at your site in comparison to a similar site/topic, how does yours stack up???

Mr. Story's example code from class...

HTML Site

We are going to be building a simple site using hand coded HTML. Choose any classroom appropriate topic you want and meet or exceed the following requirements:

• 4+ pages
• TABLE <> for navigation that links to all 4 pages
  
• TABLE <> for content
• outside link(s)
• image(s) on each page
• content (actual informative info about your topic)
• aesthetically pleasing layout/design/colors/etc

click here for a link to an outside html tag list

4 pages...

Come with an idea for a 4 page site tomorrow...

Tables in HTML...

Tables are useful for organization as well as navigation...


We will be using a table to create a navigation bar/menu...

here is a link to some table info

html primers

today we will start with some more html basics...

these primers should help expand upon the basics we learned yesterday:

http://www.htmlgoodies.com/primers/html/article.php/3478131

html basics...

in TextEdit we will start learning to hand code our own sites...

this is what a basic .html page will look like:

Welcome to Web Design

This site will provide you all forms of info about our projects, deadlines, tutorials, etc.

• Academic plans are due on Monday 2-8-2010