Dreamweaver CS5
Web Site Design

Length
3 Days

Class Fees
1 Student	$895
2 Students	$1590
3 Students	$2085
4+ Students	Call

Note:  Those using CS4 can still benefit from this course.  Very little has changed from CS4 to CS5. Minor changes will be pointed out to CS4 students.  There should be no confusion when returning to work and using CS4.

Note: Maximum class size at our Atlanta classroom is two students, though in most cases if you are the only one to sign up from your organization, you will be the only student. There is no extra charge for 1-on-1 training and no classes are cancelled. Three or more students must train on-site at their place of business. For more information, please read about our class sizes.

Note on Fees:  Multiple student discounts are for multiple students from one organization.

---

Class Times
Classes can be held at any time per the customer's schedule, but unless arranged otherwise, classes run from 9 AM to 5 PM each day, with an hour for lunch.

Description
Our Dreamweaver Web Site Design course is an entry level class that teaches students the fundamentals needed to create basic web sites. It is the cornerstone to further Dreamweaver studies. As an example of the work you can do after taking this class, you should be able to create a web site such as the Art=Visual site that you now see, minus the Flash header at the top of each page. 

Students do need to understand that to produce the fancy, highly interactive web sites that they see on the Internet today, they need ADVANCED Photoshop, Flash, Action Script (computer programming language for Flash), and database programming skills. Nothing is actually created in Dreamweaver; it's just the program that is used to lay out all the text, graphics, video, and Flash animations that are created in their respective programs.  For those familiar with InDesign, Dreamweaver is the "InDesign" for web pages. Our Dreamweaver Web Site Design course is the first step towards creating high quality sites.

Prerequisites
None, though it is highly advisable that a student at least try to use the software prior to class.  Students with some experience retain information much better than students who have never opened the software.

After completing this course a student will be able to
• Set up a Dreamweaver project
• Add and format text
• Use Cascading Style Sheets to control text
• Import graphics, Flash movies, and Flash video
• Create text and image links
• Design web sites with DIV tags and CSS
• Create tables
• Save time by creating Library Items
• Save time by creating templates
• Create user fillable data entry forms
• Adding interactivity with Spry Widgets
• Test your web page
• Publish the web page for Internet use

Class materials
The Dreamweaver Web Site Design class uses the original Macromedia Dreamweaver course book that has been updated by Steve Markos to include the latest features of CS4 and CS5. This book is used because it is the only book that has exercises that the students must do by themselves, and it functions as a real class workbook, not a typical reference or self-styled learning book. Students can later re-work the entire book, which creates a web site from scratch, for further practice and understanding.

Art=Visual classes have plenty of hands-on practices that allow students to create real world art and compositions.

Course Outline

Lesson 1: The Dreamweaver Interface
• Updating Dreamweaver software
• The Dreamweaver Start page
• General preferences
• The Dreamweaver interface
• Command panel overviews
• Customizing the workspace
• Rulers, Guides, and Grids

Lesson 2: Creating a Dreamweaver Project Site
• Creating a new Dreamweaver project (Enhanced for CS5)
• Creating new home page and additional HTML pages
• HTML page technical tips
• Metatags
• Saving a page
• Previewing an HTML page in a web browser
• Previewing an HTML page using Live View (Enhanced for CS5)
• Page Properties panel

Lesson 3: Adding and Formatting Text
• Adding text to your web pages
• Importing MS Word and Excel documents
• Overview of text formatting options
• Formatting lists
• Adding special typography items
• Setting font and font size defaults for a web page

Lesson 4: Cascading Style Sheets (CSS)
• Purpose of CSS
• CSS Styles Panel
• Tag, Class, ID, and Compound CSS rules
• CSS Rule Definitions overview
• Creating, editing, applying, and removing style rules
• Enable/Disable CSS properties (New to CS5)
• Embedded Style Sheets and External Style Sheets
• Creating and attaching External style sheets
• Media type for style sheets (Enhanced for CS5)
• Adding embedded styles to an external style sheet
• CSS Hierarchy

Lesson 5: Working with Graphics
• Acceptable image file formats
• Assets Panel
• Adding images to a page
• Importance of Alt Text
• Modifying image properties
• Editing images directly in Dreamweaver
• Setting up a default Image Editor
• Basics of optimizing images in Photoshop or Fireworks
• Aligning images with text
• Adding Flash content to a page

Lesson 6: Creating Navigation
• Creating internal text links
• Testing links
• Creating internal links with images
• Creating a link from scratch
• Changing link colors
• Creating links to external web pages and targets
• Creating anchor links
• Creating email links
• Image maps
• Creating a "Jump" menu

Lesson 7: Designing Web Pages with DIV tags and CSS
• The purpose of Web page design with DIV tags and CSS
• Web page width considerations
• Creating DIV tags
• CSS and DIV tags
• Inserting text, graphics, and Flash into a DIV tag
• Adding margins, padding, and borders
• Relative and Absolute positioning
• Creating and modifying tables

Lesson 8: Library Items and Templates
• The purpose of Library Items
• Creating a Library Item
• Adding a Library Item to a page
• Editing a Library Item
• Updating Library Items
• Detaching a Library Item from it's origin
• Reasons for using your own templates
• Save an existing document as a template
• Selecting editable and non editable regions
• Using a template to create a new document
• Editing a template
• Updating pages made with a template
• Disassociating a page from its template

Lesson 9: Creating On-Line Forms
• Elements of forms: Form creation and CGI scripts
• The Form Box
• Text Fields
• Radio Buttons and Check Boxes
• Drop-down menus
• Submit and Reset Buttons
• Form item accessibility
• Form Focus
• Form validation

Lesson 10:  Spry Widgets
• Spry Menu Bars
• Spry Tabbed Panels
• Spry Accordion
• Spry Collapsible Panel

Lesson 11: Testing and Publishing Your Web Site
• Checking Links
• Site Reports
• Checking for browser compliance
• Updating links in the Files Panel when moving or renaming files
• What is FTP?
• Setting up a FTP server (Enhanced for CS5)
• Connecting to your server
• File view columns
• Uploading and downloading files
• Cloaking
• Synchronize function
• Deleting files from the server

Back to Top