Class 3 Notes for Web Publishing II

Learning Objectives:

You will be able to setup a site in dreamweaver.

You will be able to identify several of the weaknesses of Dreamweaver CC


Post: Fake Resume that is linked off your homework page. Make sure to include at least one graphic and link to an external site. Pay attention to the layout of the content.

Read: Lesson 1 & 2


Topics Covered:

Your homework must be linked to your homework.html file in your webspace!

Troubleshooting HTML & CSS with the Chrome Browser Video

Cool things you can do with CSS3 by Creative Can

CSS Tricks or CSS Positioning or Centering with CSS

Advance CSS Selectors or 30 Must Know Selectors


Dreamweaver Settings



Learn Dreamweaver and Setup Tutorial part One and Two by SimonSezitTraining


Responsive Design using Fluid Grid Layouts was introduced in CS6


HTML 5 Video and CS6 Workflow


Local folder is going to be your folder on the C drive


FTP address is (just likeFileZilla) is

first initial plus last name & Password.

Make sure the Web URL goes into your root directory on your Webspace on my server!

You should also export the site settings to your Flash drive and your space on the C drive

Tutorial on how to create a website


Site, CSS3, HTML5, Responsive Layout, Mobile Apps


Final Step:

Review in your mind everything we covered in class and remember to cover it again before you go to bed so your mind to process this information while you sleep.