School of Design
George Brown College
COURSE OUTLINE
COURSE NAME: Web Design 2
EFFECTIVE DATE: SEPTEMBER 2008
PROFESSOR:
DAN OUELLETTE
PHONE:
NO PHONE
EMAIL:
contact@djolessons.com
OFFICE HOURS:
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.
COURSE OUTCOMES
Upon full attendance and completion of all classes and assignments, students will demonstrate the ability to:
1.
2.
3.
4.
5.
6.
Design professional dynamic web sites
Work with databases using PHP/ MySQL and Dreamweaver
Apply professional and best practices setting up dynamic content
Possess a full comprehension of Cascading Style Sheets
Control the display of dynamic data using CSS
Build sophisticated navigation using SPRYs
GENERIC SKILLS
The college is committed to ensuring that students have the full range of knowledge and skills required for
full participation in all aspects of their lives including skills to enable them to be life-long learners. To
ensure graduates have this preparation, such generic skills as literacy and numeracy, computer,
interpersonal, communications, and critical thinking skills will be embedded in all courses. The table below
indicates which generic skills will be taught, practiced, and/or evaluated in this course.
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:
In class assignments
40%
MID-TERM TEST:
20%
FINAL PROJECTS:
30%
ATTENDANCE
Attendance / Participation
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
A-
B
73-76
C
63-66
D
50-56
B-
70-72
C-
60-62
80-85
Below 50
F
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.
TOPICAL OUTLINE:
2 of 4
School of Design
George Brown College
WEEK
CONTENT
1
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
2
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
3
Formatting Links and Spry Menu
- Creating and Formatting Links
- Adding a Spry Navigation Bar
- Using CSS to style a Spry Navigation Bar
4
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
5
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
6
Inserting and Updating Data
- Adding an Insert Product Page
- Finishing the Insert Form
- Filling in the Details
7
Mid-Term Test
8
Building an Admin Page for Editing Database Records
- Linking to the Update Page
- Creating the Update Page
- Creating and linking to the Delete page
9
Authentication
- Building a Login Page
- Password-Protecting the Administration Pages
- Displaying a Portion of a Page to Logged-In Users
10
Lab - Final Project
3 of 4
School of Design
George Brown College
* 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