• Home
• About Me
  • Profile
  • Photos
  • Contact
• Classes
  • Bell Schedule
  • Intro Web
    • Syllabus
    • Assignments
    • Tutorials
  • Intro 3D
    • Syllubus
    • Assignments
    • Tutorials
  • Advance 3D
    • Syllubus
    • Assignments
    • Tutorials
• Journals
  • 3D Journal
  • Web journal
• Exemplars
  • 3D models
  • 3D animation
  • Web Sites
• Rules/Policies
  • Classroom
  • Etiquette
  • Attendance
  • Grades
  • Assignments
  • Class Fee
• Links
  • IC Portal
  • Computer Magnet
  • Fornstrom
  • Spampinato
  • Coleman
  • Laman
  • Adair
  • TJ Journal

Introduction to Web Design- Syllabus

COMPUTER MAGNET – Into to Web Design
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 2008
• Materials:
• 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 $5.00 if student desires to purchase them)

Headphone must be obtained by Aug. 25th, 2008.

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, Podcasting software, 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, Fireworks, 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 Prototype)  This will be generated from an RFP. (Students should utilize a client interview protocol.) Students should develop a rubric for good web design in the course of this project and as part of the requirements of the RFP.

Tools: Dreamweaver, Photoshop/Fireworks

2. Redesign a current website or create a fresh site using best practices rubric.  This project will be connected to an RFP.
1. Best Practices:  Site Map, Color Theory, Graphic Optimization, Two-Click Navigation, Focus/Theme, File Management
2. Roles – Information Architect, Graphic Designer, Content Manager
3. Create a personal portfolio (PMP- Personal Magnet Profile). This project will be connected to an RFP.  Students will use a subdomain to post/FTP their portfolio. More information will be given later.

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:

1. Design Principles
1. Color Theory
2. Layout
3. Navigation
4. File Management
2. Code
1. Basic html –  Tags: H1, H2, H3 etc, body, href, br, a, img, ol, iframe
2. Tables
3. Forms
3. Design Process
1. Proposals  & Planning
2. Site Maps
3. Finding the Emotional Center
4. User Scenarios
5. Navigation Models & Rules (rollovers, two click)
6. Types of websites
7. Web Design Roles
4. Production
1. Dreamweaver Basics
2. CSS Basics
3. Graphic creation/optimization

• File Formats

4. Podcasting
5. Collecting Data (Form processing)
6. Web Hosting
7. FTP
8. CMS – ( Blogger.com)

Instructor: Mr Esparza, Email:jerry_esparza@dpsk12.org, Phone:720-423-7135, Location: Room102