Week 3: Converting Tables to Divs

For this homework, reconstruct this website: http://casabasa.com/web/mm2213_wk1.html
Remove all table tags: table, tr, td, th. Guidelines on chapter 3 of the textbook called "Explandable Rows". Provide finished page link. Embed css style sheet.


Here are the finished pages: (Click to enlarge each page)
Page 1 - Page 2 - Page 3








Page 1: Home; Introduction of the class
Page 2: Class schedule
Page 3: Student information

I separated the site into 3 pages. I took off the last two pages, resources and tutorials. Instead, I put those links into the student information page. This way is easier to read all together. I helped grouping the information all in one section, so no more separate ones, and easier to find information. The reason why I changed the layout is because I wanted to make the content box more smaller in the center. Easier to read and the page not spread out.

What I changed for the site:

• All dividers, no tables except the grades.
  
• Colors, font, and styles changed.
• Navigation on top of page now.
• Headers have background colors, depending on the h1,h2,h3.
• Content box in center with scrolling.
• Margins and paddings applied.

CSS style sheet:

FINISHED PAGE: http://slei89.aisites.com/introweb/week3/index.html
View source for HTML coding & CSS.