GDES 46

Intermediate Web Design with Dreamweaver and CSS - Fall 17 - Section 71426

Weekly Instructions

Week 1 - Aug. 28

Online/at home

  • Watch the video Introduction to the Dreamweaver interface V2 - Duration 35:24
    • You do not have to turn anything in for this video, but you are responsible for knowing the content, so make sure to go through the process in the video
    • Assignment: For this video, follow along with the video and recreate the page in the video.
      Use the starting file linked here.
      You just need to add your name in the header and change the text color to something new, as in the video. Turn in through Canvas in the drop box under the modules link. Check the calendar for due dates.
  • Watch the video on GDES 46 Creating a site in Dreamweaver - Duration 23:08
    • You do not have to turn anything in for this video, but you are responsible for knowing the content, so make sure to go through the process in the video

Lab

  • Introductions, syllabus, logins, etc.
  • Look at work
  • Take the opening day survey in Canvas under the lessons tab
  • Day 1 in person Questions

No in person class Sept. 4. Check back here on Sept. 4 for instructions.

Week 2 - Sept. 4 - No in Person Class - Work at home - see below

Online/at home

Lab

  • No in-person Lab this week (Labor Day Holiday)

Week 3 - Sept. 11

Online/at home

Lab

Week 4 - Sept. 18

Online/at home

  • Watch the video Text in Dreamweaver - Duration 31:52
  • Watch the video The CSS Designer Panel in Dreamweaver - Duration 39:51
    • Assignment: For this video, follow along with the video and recreate the page done in the video.
    • Download the start files here
    • Due in the drop box in Canvas under the lessons tab before the next class meeting.
  • Bring in your 3-4 wireframes for The Quick Project next week
    • Wireframes due in class Sept. 18
    • Project Due in class Oct. 2
  • Review image file formats for the web here
  • Message Assignment: Log into Canvas, click on the discussions link and reply to the discussion "Well Designed Websites" with the URL of a site you think is well designed, and give me 3 reasons why. Also describe who you think the target audience is.
  • Work on Projects 1 and 2 in Adobe Dreamweaver CC - The Professional Portfolio

Lab

  • Review Dreamweaver built in templates
  • Look at wireframes in groups
  • Work on Quick Project
  • Work in project check for Quick Project
  • Look at wireframes with Mark
  • If time, watch Adobe video on Layer Comps in Photoshop duration 6:26
  • If time, play with Layer Comps in class
  • Work on Projects 1 and 2 in Adobe Dreamweaver CC - The Professional Portfolio

Week 5 - Sept. 25

Online/at home

Lab

Week 6 - Oct. 2 - Update: Mark Absent Today - No in-person Class

Online/at home

Lab

Week 7 - Oct. 9

Online/at home

Lab

Week 8 - Oct. 16

Online/at home

Lab

Week 9 - Oct. 23

Online/at home

Lab

Week 10 - Oct. 30

Online/at home

Lab

  • Intro: Group Project
    • See Requirements here
    • Group Project Proposals in class Nov. 20
    • Group Project Prototypes Due Nov. 27
    • Group Project Due for testing Dec. 4
    • Group Project Final Version Due Dec. 11
  • Assign Group Project Teams
  • Look at the Personal Projects in Progress
  • Rollover text fades and animation
  • Review CSS Box Shadows
  • Review CSS Gradients
  • Review CSS Background Images
  • Go through Project 8 - Bootstrap Responsive Page in class from Adobe Dreamweaver CC - The Professional Portfolio

Week 11 - Nov. 6

Online/at home

Lab

Week 12 - Nov. 13

Lab

  • Work on Group Project Presentations
  • Look at Personal Projects
  • Do CSS Animation example
  • If time:
    Look at advanced CSS layout techniques
    • Flexbox gallery example
  • Work on Group Project
    • See Requirements here
    • Group Project Proposals in class Nov. 20
    • Group Project Prototypes Due Nov. 27
    • Group Project Due for testing Dec. 4
    • Group Project Final Version Due Dec. 11

Week 13 - Nov. 20

Online/at home

Lab

Week 14 - Nov. 27

Online/at home

Lab

  • Color Psychology
  • jquery fun
  • Fluid video
  • Responsive forms
  • Responsive tables
  • Work on Group Project
    • See Requirements here
    • Group Project Prototypes Due Nov. 27
    • Group Project Due for testing Dec. 4
    • Group Project Final Version Due Dec. 11

Week 15 - Dec. 4

Online/at home

Week 16 - Dec. 11

Online/at home

  • Final version of Group Project Due
  • 2 Beta Tests per person Due
  • 1 Beta test summary report per group due

Lab

  • Critique the Final Project
  • Final Exam 6:30 - 8:30

Class Links

Outside Links