Home

Web Authoring 1
All video content created by Daniel Ouellette

Dan's Video Intro to Course

HAND IN INSTRUCTIONS FOR ASSIGNMENTS

ZIP UP THE ROOT FOLDER & UPLOAD TO CANVAS.

Suggested Software for Text Editing:
Mac :
Text Edit
PC:
NotePad++


1a. Must READ from HTML HOME to HTML Block & Inline  Read - W3C Schools    Quiz Video Instructions   Take Quiz on CANVAS   5%


2a. HTML Basics - Using a Text Editor -  page 1  page 2   page 3     Coding assignment    Download assets   5%


3a. HTML Applied - Using a Text Editor - How to create ID link   Tables   spec sheet check list    Video Instructions    Download assets      5%


What is a SELECTOR?

4a. Create HTML page with CSS  - Using a Text Editor -   Video Instructions    spec sheet instructions   Download assets   5%


Fundamental Resources

Full List of CSS Properties:  CSS Keyword Index

Useful Tool - Adobe Color Creator for Web


5a. Create 2 page HTML Site with CSS - Using a Text Editor -    Video for page 1   page 1 instructions     page 2 instructions     Download assets   6%


6a. Layout using Absolute Position Div Tags - Using a Text Editor -   Video Instructions    Download assets     6%

6b. Layout using Div Tags & CSS - Using a Text Editor -  Video Instructions    spec sheet instructions   Download assets     6%


Mid Break


7a. Photoshop - Image formats and sizing   Demo  assignment   set background color  Download assets      5%


8a. Link to Midterm Assignment provided in class.   20%              

      Hand in zipped root folder to CANVAS.


9a. Setting Up a Site in Dreamweaver tutorial 

9b. Dreamweaver basic content assignment   checklist   Download assets     5%


10a. Java-script Rollovers  Demo     assignment  Download assets   6%

11a. Image maps  assignment   Download assets   6%


12a. Final Assignment final assignment criteria   20%


13a. - Work on Final Assignment 


14a. - Final Assignment DUE.


 

Optional Bonus Assignments

B01. Layer based Slices in PhotoShop   tutorial    assignment   Download assets     5%

B02. Cutting Slices in PhotoShop/Java-script Rollovers   assignment-part 1   assignment-part 2     Download assets   6%

B03. Slices and Rollovers Review Exercise    assignment    Download assets   5%


©2022 Daniel Ouellette                                                                                                                                                                                                                     X

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
©2020 DJO Studios