Dreamweaver 2 Day Course

This Dreamweaver class will teach the basics of using Dreamweaver - how to design, develop, and maintain a fully functioning Web site. Coverage includes applying style sheets, using dynamic HTML, adding style with images and multimedia, publishing and maintaining a web site, using hyperlinks to navigate throughout a website or link to other sites on the Internet, and creating dynamic websites

Course Content

Lesson 1: Setting Up a New Site
What is Dreamweaver?
User Interface
Live View
Related Files
How web sites work
Servers and web hosts
A look at the Welcome Screen
Creating, opening, and saving documents
Creating a new site
Work views
Files Panel

Lesson 2: Adding Text and Images
Adding text
An introduction to styles
Previewing pages in a web browser
Understanding hyperlinks
Creating hyperlinks
Relative versus absolute hyperlinks
Linking to an e-mail address
Creating lists
Using the Text Insert panel
Inserting images
Image resolution
Image formats
Creating a simple gallery page
Linking images
Using image placeholders
Editing images
Adjusting brightness and contrast
Resizing images
Updating images 

Lesson 3: Styling Your Pages with CSS
Creating and modifying styles
Creating a class style with the Property Inspector
Creating and modifying styles in the CSS Styles panel
Advanced text formatting with CSS
Fine-tuning page appearance with contextual and pseudo-class selectors
Div tags and CSS IDs
Internal versus external style sheets
Attaching an external style sheet to your page
Modifying attached style sheets
Creating a new css file (external style sheet)

Lesson 4: Creating Page Layouts with CSS
The CSS Box model
The basics of CSS margins, padding, and borders
Reviewing the <div> element
Reviewing the ID selector
Positioning content with AP Divs
Creating your first boxes with Draw AP Div
Centering your page with relative positioning
Making layouts cross-browser compatible
Adding columns and headers to a layout
Absolute versus relative positioning
Adding a global navigation
Box overlap and z-index
Reordering <div> elements
Adding additional content and styles
Setting margins, padding, and borders
Overriding default margins in CSS
Futureproofing your layout
Moving the internal styles

Lesson 5: Working with Tables
Using tables in web design
Importing table data
Selecting table elements
Modifying table size
Modifying table structure
Creating a table
Formatting and styling tables in HTML
Formatting and styling tables with CSS
Advanced CSS styling of tables 

Lesson 6: Fine-Tuning Your Workflow
Customizing panels and panel groups
Using the Favorites tab on the Insert bar
Resizing the document window
Using guides
Using grids
The tag selector
Switching between tabs and documents

 


 

Lesson 7: Adding Flash, Video, and Sound Content
Inserting Flash movies
Adding video
Flash Video
QuickTime video and Windows Media
Inserting sound

Lesson 8: Maximizing Site Design
Introducing snippets
The Snippets panel
Creating new snippets
Introducing library items
Modifying and updating library items
Introducing templates
Creating a new template
Working with editable regions
Creating new pages from templates
Modifying templates
Repeating regions 

Lesson 10: Building Web Forms
Building a contact form                             
Inserting the <form> tag                            
Setting form properties                             
Adding form elements                              
Creating Submit and Reset buttons                  
Styling forms with CSS                              
Form processing and validation                      
Adding form validation                              
A look at the Behaviors panel                        
Setting an event or trigger                           
Previewing the button behavior                     
Validating form fields                               
Changing a form field’s behavior order               
Verifying field contents

Lesson 11: Working with the Spry Framework
Introducing the Spry Widgets                        
The Spry framework for AJAX                        
What is AJAX?                                      
The Spry Menu bar                                  
Customizing Spry Widgets with CSS                  
The Spry Accordion panel                           
The Spry Collapsible panel                           
Working with Spry Data Widgets                     
What is XML?                                       
Creating a Spry XML data set                        
Adding a Spry Data Widget: The Spry Repeat List      
Styling and fine-tuning data widgets  

Lesson 12: Managing Your Web Site: Reports, Optimization, and Maintenance
Working with the Files panel
Creating a remote connection
Viewing files on a remote web server
Transferring files to and from a remote server with Get and Put
The Browser Compatibility Check
Uploading your site
 

Back to previous page  

home | our courses | schedule | one-on-one | contact

©TMC Enterprises. All rights reserved