Introduction to Web Design- Syllabus
Web Design Level 2- Syllabus
COMPUTER MAGNET – Into to Web Design - Level 1
COURSE DESCRIPTION AND EXPECTATIONS
Instructor: Mr. Esparza
Credit: 5 Semester Hours
Prerequisite: Rich Media
Phone: 720-423-7135
E-mail: jerry_esparza@dpsk12.org
Fall 2009
Materials:
Most of the classroom lessons are video and lessons. Therefore, students are required to have their own headphone everyday in class. Not having headphone will prevent students from doing many journals and having full access to the class tutorials. Coming without headphones will keep the student from doing the assignment and will cause them to get behind with their class assignments. (I will have headphone available for sale if student desires to purchase them)
Headphone must be obtained by Aug. 24th, 2009.
FEES:
There is a $40 fee for this class. This fee pays for software and school supplies, this lab fee includes your membership dues to the Computer Design club. Please turn the money in to Mr. Esparza by Friday August 28th, 2009. Checks should be made payable to Thomas Jefferson High School.
Overview:
This course introduces the process and tools for website creation and publishing content on the World Wide Web. Students will learn both professional and Web 2.0 tools including Dreamweaver, Photoshop/Fireworks, Blogger tools. Students will become familiar with and work within the various roles of a web production team. A Project Management model will be used throughout the web production process.
Tools:
Dreamweaver, PhotoShop, Garageband, Blogging, Fetch, Inspiration, Web-hosting.
Projects:
1. Create a website proposal and job bid. (Webquests and PMI documentation – Scope, Timeline, Costs, Communication, Site Map, Home Page Mock up) This will be generated from an RFP. Students will develop a rubric for good web design in the course of this project. A simple webpage will be created using HTML to post this information.
2. Practice website: To practice skills learned from Dreamweaver, students will create a practice website. Students will be provided the resources for create this site.
3. Redesign an existing website or create a fresh site using best practices rubric. This project will be connected to an RFP.
- Best Practices: Site Map, Color Theory, Graphic Optimization, Two-Click Navigation, Focus/Theme, File Management.
- Roles – Information Architect, Graphic Designer, Content Manager
Blogger
Students will set up a blog at blogger.com. This blog site will be used to facilitate daily assignments and to communicate with others students in the class when working in teams.
Key Learnings:
- Design Principles
- Color Theory
- Layout
- Navigation
- File Management
- Code
- Basic html
- Tables
- Images
- Links
- Design Process
- Proposals & Planning
- Site Maps
- Finding the Emotional Center
- Real World
- Navigation Models & Rules (rollovers, two click)
- Types of websites
- Web Design Roles
- Production
- Dreamweaver Basics
- Graphic creation/optimization
- CMS – ( Blogger.com)