Video Demo files for Lecture 3

 

Flash files (with video index) that can be viewed in Browser:
Complete Ex1 Demo (45:06) takes a while to begin and w/h Step7 and uses CS4.
Download Lecture Handout to see textual summary of individual steps.
Ex1 Demo steps:
Step1: Set up Local/Remote Site in CS5 (5:08)
  Set up Local/Remote Site in CS4 (1:58)
Step2: Select Predefined CSS Layout in CS5; Review CSS code; Change Split View layout (4:30)
  Select Predefined CSS Layout in CS4 (1:23)
Step3: Good Housekeeping: Rulers & Grid; Title Page, Page Properties (3:20)
Step4: Selecting DIVs in CS5 and how to select footer using Tags Bar (0:53)
Step4a: Customize CSS, Create CSS Classes & Navigation Structure (14:00)
Step4b: Create CSS code for Navigation LVFHA; Validate Markup & Check Browser Compatibility; Export CSS into Linked External CSS file (17:46)
How to Validate Markup in CS5 (1:40) once Validator extension has been installed.
Step4c: Create Navigation Hyperlink; Create Files for All Categories & "You are Here" Indicator (5:46)
Step5: Create & Format Text (1:19)
Step6: Capture, Edit Screenshot in Fireworks; Insert Image in Dreamweaver (4:29)
Step7: Upload Files to Remote Site and Setting Permissions (5:39).