Adobe DreamWeaver

We’ve been learning how to write code ourselves, which is a very important, valuable skill. However, when it comes to making sites in the real world, you’ll often end up using a program like Adobe DreamWeaver, which does a lot of the coding for you. Since you know what code looks like and how it’s written, you’ll have the ability to do a lot of customizing while using DreamWeaver.

You probably won’t find DreamWeaver in your dock, so you’ll have to find it in your Applications folder or search for it

Screen Shot 2014-01-15 at 11.03.02 AM

As with most programs, the opening splash screen offers links to resources that will help you with the program

Welcome_Screen_and_Adobe_Dreamweaver_CS6-5

You can create a variety of files. In our case, we want multiple files combined into a site

Welcome_Screen_and_Adobe_Dreamweaver_CS6-3

You’ll be asked to choose a name for your site and a location where it will be saved. As usual, I like folders to have your last name on them and the project title. I also always recommend that you save your work in your DropBox or Drive folder, but NOT in the folder you share with me. When completed, you can move your folder into your shared folder for marking

Screen Shot 2014-01-15 at 10.41.01 AM

It would be wise to look under “Local info” and set the location of your images file.

Screen Shot 2014-01-15 at 10.42.15 AM

You will have to CREATE a New Folder. Our previous examples contained a folder called _images so I would recommend using that.

Screen Shot 2014-01-15 at 10.41.31 AM

Welcome_Screen_and_Adobe_Dreamweaver_CS6-4

Site_Setup_for_Unnamed_Site_4_and_Welcome_Screen_and_Adobe_Dreamweaver_CS6-10

Welcome_Screen_and_Adobe_Dreamweaver_CS6-4

Screen_Shot_2014-01-16_at_9_04_34_AM-5

New_Document_and_Adobe_Dreamweaver_CS6_and_CWC_team_info_and_application_-_CANADA_docx-14

You’ll have to specify a name and location for your css file. We’ve used files called main.css and styles.css, so I’d recommend one of those.

Screen Shot 2014-01-15 at 10.54.52 AM

You should, of course, save your work ASAP. Call your first page index.html (important!)

Screen Shot 2014-01-15 at 11.44.00 AM

New_Document-4

Screen_Shot_2014-01-16_at_9_20_04_AM-11

Screen_Shot_2014-01-16_at_9_15_30_AM-3 Screen_Shot_2014-01-16_at_9_15_35_AM-5 Screen_Shot_2014-01-16_at_9_15_45_AM-3 Screen_Shot_2014-01-16_at_9_15_53_AM-5

Dreamweaver is pretty easy to pick up and work with, but if you need them, here are links to more Dreamweaver resources/tutorials:

Adobe TV

Adobe tutorial

Beginner handbook

Training course

Good ol’ YouTube

 

 

Tell Mr. Robson what's on your mind!