This is my outline for Intro. to Web Design.
Week 1: Lecture: Back-to-basics: HTML, XHTML, DHTML, CSS
Lab: Creating web layouts, create blog
Homework: Design web layout
Week 2: Lecture: Process, design & color schemes. Elements of design. Flexible text: setting a base font
Lab: convert pantone colors to rgb, block out code
Homework: Create box model tutorial.
Week 3: Lecture: Web standards - accessibility and usability
Lab: Creating scalable navigation
Homework: Converting tables to divs - separating content from style.
Week 4: Lecture: Visual hierarchy. Pantone color vs. Web colors.
Lab: Creating a template using Dreamweaver.
Homework: Read Chapter 4 "Creative Floating" of Bulletproof Web Design, do the exercise, and toggle the float direction (page 102). Post link to blog.
Week 5: Lecture: Stylesheets: Using stylesheets to make your site more flexible. Print, smartphones css.
Lab: Dreamweaver Commands and Behaviors. [Midterm] in class quiz
Homework: Read chapters 5 and 6 of the book and create a page using elements of both.
Week 6: Lecture: Fluid and Elastic Layouts
Lab: Creating a web page and linking to an external stylesheet using Dreamweaver.
Homework: Create a possible portfolio home page using chapter 9 "Putting It All Together" as a source.
Week 7: Lecture: Field trip
Lab: Map navigation and signage. Blog your answers to website questions.
Homework: Continue work on possible portfolio page, chapter 9. Blog its target audience and design objective.
Week 8: Lecture: CSS Zen Garden (final project). Design list. Testing your site.
Lab: Lab time to begin work on your final project
Homework: Create wireframe of final project and post to blog.
Week 9: Lecture: Animation
Lab: Critiques and examination of project so far
Homework: Work on final project. Blog how you are creating your project to stand out from all the other submissions.
Week 10: Lecture: Documenting your project.
Lab: html 5 introduction and discussion
Homework: Create a blog posting that is a sample of a possible process page for your final project. Include screenshots and images.
Week 11: Lecture: [Final Quiz.]
Lab: Presentations and critique.
Homework: None.
No comments:
Post a Comment