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. Orientation Week

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%

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

Mid Break

8a. Setting Up a Site in Dreamweaver tutorial 

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

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

      Hand in zipped root folder to CANVAS.

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

11a. Image maps  assignment   Download assets   2%

11b. CSS in Dreamweaver  assignment   Download assets   4%

12a. CSS Layout in Dreamweaver   CSS Layout using DIV tags   for viewing only, not an assignment

12b. Final Assignment    final assignment criteria   20%

13a. - Work on Final Assignment DUE.

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%

©2023 Daniel Ouellette                                                                                                                                                                                                                     X