GDES 46

Intermediate Web Design with Dreamweaver and CSS - Spring 17 - Section 54045

Weekly Instructions

Week 1 - Jan. 30

Online/at home

  • Watch the video Introduction to the Dreamweaver interface - Duration 27:22
    • 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
  • Watch the video on Creating a site in Dreamweaver - Duration 23:52
    • 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 angel under the lessons tab
  • Day 1 in person Questions

Week 2 - Feb. 6

Online/at home

Lab

Week 3 - Feb. 13

Online/at home

Lab

  • Hot studio videos
    • Design
    • Build and Transfer
  • Finish review of Canvas Discussion Forum on web design criteria and resources
  • Intro Quick Project
    • Project 1: Quick project.
      • Create 3-4 linked web pages about the artist of your choice.
      • You can include biographical information and images of the artwork.
      • Try to make the style of the site reflect the style of the artist.
      • Bring in actual files to turn in. You will be graded on whether you fulfilled the requirements, as well as the design.
      • Do sketches, wireframes and comps(optional) first
      • You can use Dreamweaver starter templates as a starting point if you wish
      • Bring in your 3-4 wireframes in 2 weeks
        • Wireframes due in class Feb. 27
        • Project Due in class March 6 (Don't wait until next week to get started on production)
  • Do a content inventory/list for the site
    • Share in a group for feedback
  • Do information architecture for the site
  • Work on Quick Project 1 thumbnails
  • Quick look at mybalsamic for the wireframes
  • Start on Wireframes for Project 1 - Due next class
    • You can use Balsamic for the wireframes. I have made accounts for everyone.
    • Look at Axure in class
    • Bring your 3-4 wireframes next class to discuss. Bring the files as images. You do not have to print them.
  • Work on Projects 1 and 2 in Adobe Dreamweaver CC - The Professional Portfolio

Week 4 - Feb. 20 - No in Person Class - Work at home - see below

Online/at home

  • Watch the video Text in Dreamweaver - Duration 31:52 - revised 2-17
  • Watch the video The CSS Designer Panel in Dreamweaver - Duration 39:51 - revised 2-17
    • 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 angel under the lessons tab before the next class meeting.
  • Review image file formats for the web here
  • Bring in your 3-4 wireframes for The Quick Project next week
    • Wireframes due in class Feb. 27
    • Project Due in class March 6
    • Don't wait until next week to actually start production on pages
  • 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

  • No in person lab this week - holiday
  • Work at home on the Quick Project
  • Work on Projects 1 and 2 in Adobe Dreamweaver CC - The Professional Portfolio

Class Links

Outside Links