Week Four: July 16-20

Tuesday   Thursday   TO DO

 

WEEK'S OBJECTIVE

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

 

Tuesday

 

GAMEPLAN

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

 

DISCUSSION

 

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.

 

 

BACK TO TOP

 

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

 

Thursday

 

GAMEPLAN

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

 

DISCUSSION

 

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.

 

BACK TO TOP

 

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

 

TO DO

 

ASSIGNMENTS

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

 

 
BACK TO TOP