School of Design
George Brown College
COURSE OUTLINE
COURSE NAME: Web 4
EFFECTIVE DATE: SEPTEMBER 2009
PROFESSOR:
PHONE:
DANIEL OUELLETTE
NO PHONE
EMAIL:
OFFICE HOURS: contact@djolessons.com
NONE
COURSE CODE:
CREDIT HOURS: 14 WEEKS X 3 HOURS = 42 HOURS
PREREQUISITES:
COREQUISITES: NONE
COURSE DESCRIPTION
The student will learn the latest methods and best practices on how to create professional dynamic web sites.
They will learn about databases, specifically the PHP/MySQL server model. Students will build dynamic web sites and admin tools that manipulate and manage databases using Dreamweaver.
Students will learn to build the front end user interface to communicate with and manipulate a targeted MySQL database. Students will also learn best practices on how to visually design dynamic data using advanced cascading style sheets (CSS) & SPRY (AJAX) Methods. As a result the student will possess the ability to build and manage a Content Management System.
COURSE OUTCOMES
Upon full attendance and completion of all classes and assignments, students will demonstrate the ability to:
1.
Design professional dynamic web sites focusing on Content Management Systems
2.
Work with databases using PHP/ MySQL and Dreamweaver
3.
Apply professional and best practices setting up dynamic content
4.
Possess a comprehensive understanding of Cascading Style Sheets
5.
Control the display of dynamic data using CSS
6.
Build sophisticated navigation using SPRYs
7.
Build admin tools for site owner
8.
Apply security to web site & pages
9.
Build & manage mySQL databases using phpMyAdmin
GENERIC SKILLS
DELIVERY METHODS
The instructional methods used in the delivery of this course are:
• Lecture
• Demonstration with audio and visual aids available online
• Hands on
• Homework
IMPORTANT NOTES:
The course outline may be extended or contracted, or otherwise changed depending on the capability and constitution of the class; however it will serve as a substantial guide for study and preparation

School of Design
George Brown College
EVALUATION SYSTEM
INCLASS:
MID-TERM TEST:
In class assignments
FINAL PROJECTS:
ATTENDANCE Attendance / punctuality
40%
20%
30%
10%
TOTAL: 100%
TESTING AND ASSIGNMENT POLICY
Assignments are to be submitted on time. Failure to meet deadline will result in the loss of project marks at the rate of 20% per day late. Students may NOT share or submit the same files for assignments or project work.
Two students submitting the same file with minor changes will result in zero for both parties sharing the file.
LECTURE NOTES AND LEARNING RESOURCES:
The professor’s lectures, notes and handouts will be posted online and/or on the school computer server for access to all students from the classroom. There is no formal textbook assigned for this class.
PROFESSOR HANDOUTS:
All handouts for this course will be delivered as PDF Documents and Quicktime video tutorials available online
&/or on the school’s computer server.
LOST DATA:
Students must keep 2 copies (that’s right 2 copies) of their work backed up on Their own hard drives, CDs or
DVDs (depending what studio we are in). Re-writable disks are highly recommended. Flash cards and ipods can be used as well. Failure to back up work may not be used as an excuse for late or missing assignments. It is not unusual for valuable work to be lost in industry by a client or a service bureau. Likewise the college IS
Department sometimes “wipes” the lab hard drives without warning. You must be backed up at all times on the assumption that “what can be lost or damaged will be lost or damaged”.
GRADING SYSTEM
A+/A 86-100 B+ 77-79 C+ 67-69 D+ 57-59 Below 50 F
A- 80-85 B 73-76 C 63-66 D 50-56
B- 70-72 C- 60-62
EXCERPT FROM THE COLLEGE POLICY ON ACADEMIC DISHONESTY:
The minimal consequence for submitting a plagiarized, purchased, contracted, or in any manner inappropriately negotiated or falsified assignment, test, essay, project, or any evaluated material will be a grade of zero on that material.
2 of 4

School of Design
George Brown College
TOPICAL OUTLINE:
WEEK CONTENT
1
2
3
4
5
6
Designing Web Pages with Cascading Style Sheets
- Creating an External Style Sheet
- Using CSS Text Properties
- Editing a Style
- Creating a Tag Style
- Creating a Class Style
- Contextual Selectors
- Attach an external style sheet
Advanced Cascading Style Sheets – CSS Layouts
- Starting with a Dreamweaver CSS layout
- Editing CSS layout
- Adding Content
- Applying some styles
- Fine-tuning the layout
- IE workarounds
Formatting Links and Spry Menu
- Creating and Formatting Links
- Adding a Spry Navigation Bar
- Using CSS to style a Spry Navigation Bar
Intro to Building Dynamic Web Sites Using Dreamweaver
- Understanding and choosing a Server Model / Apache, PHP & mySQL
- Databases
– an introduction to Tables and Records
- Relational databases
Tools for Managing Databases
- phpMyAdmin
Setting Up the Database and Web Site
- Putting the Web Pages in appropriate Place
- Setting up a Dynamic Site using Dreamweaver
- Setting up a testing server
- Loading the Database on testing server
- Connecting to a Database using Dreamweaver
- Exploring the Database Panel
Adding Dynamic Data to Your Pages (Displaying Database Information )
- Creating a Recordset
- Live Data View and Creating Repeating Regions
- Editing a Recordset and Linking to a Detail Page
- Building the Detailed Product Page
- Filling in the Details
Inserting and Updating Data
- Adding an Insert Product Page
- Finishing the Insert Form
- Filling in the Details
Mid-Term Test 7
8
9
10
Building an Admin Page for Editing Database Records
- Linking to the Update Page
- Creating the Update Page
Creating and linking to the Delete page
Authentication
- Building a Login Page
- Password-Protecting the Administration Pages
- Displaying a Portion of a Page to Logged-In Users
Lab - Final Project
Student will build a content management system, deploying a database, build a web
3 of 4

School of Design
George Brown College based user interface, build admin tools and apply login as well as page view security features.
* Note: A course outline is designed to give a student an idea of the concept and daily implementation of a particular course.
It is, however, a living thing and sometimes changes to content need to be made to it in mid term for a variety of reasons. The teacher reserves the right to do this without prior consultation.
4 of 4