Home

Web Authoring 2
All video content created by Daniel Ouellette

HAND IN INSTRUCTIONS FOR ASSIGNMENTS

ZIP UP THE ROOT FOLDER & UPLOAD TO CANVAS.


1a. Setting Up a Site in Dreamweaver - Revisited   tutorial 

1b. Dreamweaver Warm Up HTML exercise  assignment   checklist    material    6%

Adobe Color Creator for Web


2a. Create and control Div Tags using CSS in Dreamweaver   part 1    part 2    material   6%


READ ME -  The Box Model

READ ME TOO - Block Level Elements vs. Inline Elements 


3. MUST WATCH THIS - CSS Float and Clear Explained

3a. Styling DIV tags using CSS Float and Clear properties & classes    assignment   6%


4a. Java-script Rollovers + creating your button graphics in Photoshop  Demo     assignment  Download assets   6%


5a. Cutting Slices in PhotoShop/Javascript Rollovers   assignment-part 1  assignment-part 2     Download assets   6%

6a. CSS/ HTML Layouts    assignment    Download assets   5%

6b. Javascript Rollovers Exercise    assignment    You must provide your own images  5%


7a. Midterm Assignment   20%

LINK WILL BE LIVE ON CANVAS THE DAY OF THE TEST when class starts.

Bring a headset or earbuds


Mid Semester Week


8a. CSS/ HTML Layouts  & JS Rollovers Review  assignment   Download assets   6%


9a. Image maps  assignment   Download assets   2%

9b. Adding Media - embed Youtube video  assignment     2%

9c. FTP to Remote Web Servers  - Set-up your Web Account    Instructions  -   3%


10a. Intro to Responsive Web Design   Assignment   5%


11a. Responsive Layout   Assignment   5%


12a. Final Assignment  final assignment criteria   20%


13a. - Work on Final Assignment 


14a. - Final Assignment DUE.

------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------

Optional Final Assignment - advanced CSS - 20%

This is one big Assignment broken down into parts

B01a. Styling content with CSS - MUST READ FIRST -  The Box Model  | video - part 1  part 2  part 3  part 4   material   3%

B01b. Creating layouts with CSS  video  3%

B01c. Adding Structure & Image with CSS  video    material   
3%

B01d. Creating & styling Navigation with HTML & CSS    video part 1   part 2    5%

B01e. Intro to Responsive Web Design   video    3%   

B01f. Responsive Layout - video     3%




©2025 Daniel Ouellette

Contact Dan:
douellette@loyalistcollege.com

Check Your Grade
All Marks on CANVAS

Loyalist Animation
winner - Canadian New Media Awards
"Educator of the Year"

"Educator of the Year"
produced by DJO Studios

My musical alter-ego
©2024 DJO Studios