Week 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
Web Design Concepts
Upon successful completion of this unit, you will be able to:
- Explain the idea of markup in general and HTML in particular
- Produce a basic Web page using a text editor and HTML
- Produce a basic site with intermediate tagging using a Web integrated development environment
- Apply the concepts of information representation and organization to Web page navigation
- Plan for the creation of a large scale web site
| Week 1 | March 31 | Markup |
Deliverables | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Readings
|
| Unit Introduction |  |
| Understanding Markup |  |
| Touring Dreamweaver | |
Readings
| WebMonkey | HTML Cheat Sheet |
| W3Schools | HTML Basics Tutorial: Through Attributes |
Lecture
| What's up with Dreamweaver, H-drives and Vergil? | |
| Basic tags | |
| Your class project | |
| Basic page |
Readings
| Dreamweaver Help | Adding content to pages: first 3 sub-sections |
| W3Schools |
|
Lecture
| Basic Web Pages | |
Quiz 1: Markup and basic tags. Must be completed by Friday of this week at 11:45 PM. You have 1/2 hour to complete it. When you start you have to finish.
Readings
| Dreamweaver help | Linking and navigation: First two sub-sections |
| W3Schools | HTML Basics Tutorial: Links |
Lecture
| Links | |
Readings
| Dreamweaver help | Creating pages with CSS:
|
| W3Schools |
|
Lecture
| Feedback on your feedback on the DB & Web Units | |
| Styling with CSS | |
Readings
| Dreamweaver Help | Linking and Navigation:
|
| W3Schools | HTML Basics Tutorial: Remaining sections |
Lecture
| Navigation Structures | |
Readings
| Dreamweaver Help | Creating and managing templates:
|
Lecture
| Layout and Templates | |
Web Project Part 1 due by 11:45 PM on May 16.
Please zip together and submit the following files:
1- Your analysis
- User analysis
- Info Analysis
Your Web site so far. It should have:
2- One completed page
- The page layout you want
- A global nav area with links in it (if that is part of your design)
- One content area that shows one completely laid out and styled item.
- A customized style sheet attached that applies to the content and navigation areas
- One local navigation area showing one way the user can navigate to various items
3- One CSS file with your customized styles
That's a total of 4 files. PLEASE DO NOT HAND IN MORE THAN THESE 4 FILES.
Readings
| Dreamweaver help | Creating pages with CSS:
|
Lecture
| CSS for Layout | |
Note: There will be no Worksheet for CSS layout
Quiz 2: Pages, links and navigation. Covers Worksheets 3, 4 and 5.
Must be completed by Friday of this week at 11:45 PM. You have 1/2 hour to complete it. When you start you have to finish.
Note: There will be no Quiz on Worksheet 6
Readings
None
Lecture
| Information Architecture | |
Readings
None
Lecture
| Web Systems | |
Web Project Part 2 Due
6/08/2008 11:45 PM
- Site templates
- Minimum of 5 pages pages complete and hooked up to one or more templates
- At least one type of local navigaiton
- Global Nav bar optional
- Final content
- Final design
- Final Styles
Site is maintained by