Home

Web Authoring 2
All video content created by Daniel Ouellette

HAND IN INSTRUCTIONS FOR ASSIGNMENTS

ZIP UP THE ROOT FOLDER & UPLOAD TO CANVAS.

Watch this Video First & Welcome back!

Launching Dreamweaver with Remote Access from Home


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

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

Adobe Color Creator for Web


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


3. MUST WATCH THIS - CSS Float and Clear Explained

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


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

**Note - KEEP THIS ROOT FOLDER AND BACK IT UP!!
               
You will continue working on this file until Lesson 8b.


5a. Creating layouts with CSS  assignment  START WITH COMPLETED HTML FILE FROM LESSON 4A     6%

5b. Adding Structure & Image with CSS  assignment    material   
CONTINUE WITH COMPLETED FILE FROM LESSON 5A   3%


6a. FTP to Remote Web Servers  - Set-up your Web Account   instructions

6b. FTP/Upload completed lesson 5b to Loyalist server and send me the URL link on CANVAS   -   3%

  • Your personal FTP login and password:
    • FTP Address = animation.lcaat.ca
    • username = first letter of first name + last name + .animation (eg. David Smith = dsmith.animation)
    • password = your student number

7aa.  MUST READ FIRST - Block Level Elements vs. Inline Elements 

7a. Creating & styling Navigation with HTML & CSS  assignment  CONTINUE WITH COMPLETED FILE FROM LESSON 5B    5%

7b. Fixing Navigation to the top with CSS  assignment   CONTINUE WITH COMPLETED FILE FROM LESSON 7A    3%


Mid Semester Week


08a. Intro to Responsive Web Design  assignment  CONTINUE WITH COMPLETED FILE FROM LESSON 7B  6%

08b. Responsive Layout using CSS  assignment  CONTINUE WITH COMPLETED FILE FROM LESSON 10A  5%


9a. Catch up & review Week


10a. Midterm Assignment   20%

LINK WILL BE LIVE THE DAY OF THE TEST.


11a. Adding Media - embed Youtube video  assignment     5%


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%



©2023 Daniel Ouellette