Web Full Time : Course Outline

WEEK 1 : WEB CORE CONCEPTS

• Class Policies
• Student Questionnaire
• Web Basics
• Usability Basics / Navigation / Types of Web Sites
• Web Site Layout Methods
• Domain Registration / Web Host / FTP
• Intro to Coding Websites / Troubleshooting

WEEK 2 : XHTML / CSS

• XHTML / CSS Basics
• CSS Selectors / CSS Basic Text Formatting
• Anchors / Pseudo Classes
• Tables / Images
• Site I : Basic Site using Tables

WEEK 3 : BASIC DREAMWEAVER

• Dreamweaver Workspace / Defining a Web Site
• Dreamweaver Workflow / Template Basics
  SITE II : Basic site using Dreamweaver
• Library Items / Assets
• WEB PRODUCTION I : Process of Building a Web Site
• Introduce Mid-Term Project

WEEK 4 : WEB GRAPHICS I

• Preparing Graphics for the Web / File Formats
• Slicing I – Basics + Image Maps
• Slicing II – Rollovers + Navigation Bars
• Slicing III – Web Interface with Rollovers
• WEB PRODUCTION II : Workflow

WEEK 5 : WEB GRAPHICS II – Integrated project

• Basic GIF Animation in Photoshop
• SITE III : Website workflow from start to finish
  • Sitemap
  • Wireframe
  • Storyboard
  • PSD to HTML/CSS
  • Dreamweaver Template

WEEK 6 : MID-TERM PROJECT

• Site IV : TRAVEL SITE
• Class time is used as production time to build a web site

WEEK 7 : Web Design Basics

• Web Site Checklist
• Web 2.0 Discussion
• Meta Tags / Search Engine Optimization(SEO) / Writing for the Web
• Intro to CSS Layouts using DIVs (2 columns)
• CSS Reset
• Intro to CSS Layouts using DIVs (3 columns)
• Grids
• Basic CSS Backgrounds

WEEK 8 : Advanced Web

• Basic Nav Lists
• Behaviour Basics
• Portfolio Discussion
• Dreamweaver Spry (AJAX) I
• Dreamweaver Spry (AJAX) II
• Basic Typography + Print CSS
• Basic PHP Include
• Basic Intro to WordPress
• HTML / CSS Forms

WEEK 9  : FLASH I

WEEK 10 : FLASH II

WEEK 11 : FLASH III

WEEK 12 : Advanced Techniques & Tools

• Web Toolkit
• JQuery I
• Jquery II
• Font Replacement
• Web Gallery
• CSS Tricks
• HTML 5 – basics
• CSS3 – overview
• HTML newsletter / email

WEEK 13 : Website Production

• SITE V : PORTFOLIO SITE PRODUCTION

WEEK 14 : Website Production

• SITE V : PORTFOLIO SITE PRODUCTION