Week Four: July 16-20

Tuesday   Thursday   TO DO



Continue basic CS, introduce Head Section CS, and learn nested tables. Learn about code comprehension techniques. Discuss website planning process and AIA page needs. Book:Introduction, Chapters 1-3, 5, 15


DUE Thursday, July 19: Meeting 1

DUE Sunday, July 22: Assignment 4





  • Code Comprehension
  • In-class task
  • Nesting Tables inside a table
  • Project Planning
  • About AIA Tables - Chapter 5




Code Comprehension

  • Learn from others' code
  • See mistakes
  • Try fixing mistakes


In-Class Task (Meeting 1)- 10 points - 10-15 minutes

  • Open your index page for your Assignment 2 - Basic Tables
  • Switch places with your neighbor
  • Look over your neighbor's code and make notes of what looks interesting,
  • Talk with your neighbor for about 10 minutes and compare notes. You'll learn a lot!


Nesting Tables

  • Table inside a table
  • Use for tabular data inside structural table
  • Can use more than one nested table
  • Must be inside the nestee table's <td></td> cells


Web Project Research

  • Audience
  • Layouts
  • Usability
  • More


Web content research

  • Affects the layout and types of pages
  • Information the visitor needs to act upon
  • Information the client needs to get results
  • Text content, navigation, images, and overall communication items


AIA information - Chapter 5

  • Audience - who is 1-2 main audiences of website?
  • Issues - What are key issues for meeting the needs of these audiences?
  • Approach - How will your website planning approach creating solutions for these issues?


Client Information

  • Get information from the client - ask the 5 Core Questions
  • If not working with a client, research these 5 core questions for yourself.
  • Do the 5 Core Questions research over the next day and we'll talk more in class on Thursday.










  • Head Section embedded CS styles - Chapter 15
  • AIA Table Work - Chapter 5
  • DEMO Styles




Key information points to research

  • Information/Educate - break down by presented client info, where to get more info, resources/links, etc.
  • Sales - break down by products, features/benefits, how to buy, testimonials/how to use
  • Marketing/Promotion - break down by services offered, resputation points/testimonials, how to contact, why different from similar services
  • Edutainment - combo info/resources, networking/contact info, interacting info (media pieces, etc.)


Website Head Section CS style code - Chapter 15

  • Useful to style elements (tags) that will appear throughout the whole web page at once.
  • Replaces the inline/embedded style="" with Head Section style tag
  • Uses same style rules: attribute:value;
  • Styles elements: body {}
  • SEE RE: Styles, EMBEDDED HEAD Section CSS Style for more info/examples.


AIA Components - Chapter 5

  • Audience: Focus on the 2-3 main audiences that need to respond to the website - that the client needs to reach and/or who will benefit most from the site.
  • Issues: Consider issues that each audience might have with the webiste design, presentation, accessibility, and info flow. Also consider your limitation issues - timeline, budget, skill level, client needs vs reality, etc. List the issues so you can then think about how to approach resolving them.
  • Approach: Break down each issue with a way or two you can approach resolving it, through your skills, the information to be used, and design resources/considerations that can make the audience's visits productive.









  • Assignment 4: Fixit-Travel, 25 points, due Sunday, July 22.