Dreamweaver CS4 Essentials
► Objectives
Hands-on Dreamweaver training to design and manage your website.
- Create new web pages from wireframes to full blown HTML
- Format text and pictures in your web pages
- Insert movies, videos and Sound to your web pages
- Add meta tags and make your website SEO ready
- Build an intuitive web site navigation
- Upload your polished pages to your web host server in one click
- Get your custom designed web site at the end of your training ($800 value FREE)
- Learn to redesign and update your existing web site
- Get two extra hours (2 x 1) for one-on-one with your instructor ($120 value FREE) to answer any other question.
- 1 Year free access to the "members only" area where you will get tips, assistance and access to valuable resources ($300 value FREE)
It's all about what you will be able to do with Dreamweaver by the end of the training.
An emphasis will be made on Dreamweaver CS4. All versions (Dreamweaver 4, MX, MX2004, 8, CS3, CS4) will be covered.
Dreamweaver Training Outline
-
Dreamweaver CS4 Workspace
- Exploring the Dreamweaver Interface
- Choosing from Preset workspaces
- Organizing Panels
- Displaying/Hiding Panels
- Saving your Custom Workspace
Defining Your Web Site
- Defining the local info
- Defining the remote info
- Defining the testing server
- Design Notes
- Contribute Compatibility
-
Dreamweaver CS4 Main Panels
- Files Panel Group
- Property Inspector
- Insert Panel
- CSS Panel
Creating a New Document
- Creating a New Blank Page
- New Document from Blank Template
- New Document From Template
Previewing Your Web Pages
- Using Dreamweaver LIve View
- Editing a Browser List
- Preview in a Web Browser
-
Dreamweaver CS4 Design Tools
- Using Grid, Guides and Rulers
- Using Visual Aids
- Switching Views
- Dreamweaver CS4 Live View
- Preview in a Web Browser
- Find and Replace Tools
- Validating your Web Page Markup
- Checking Links Site Wide
- Change Link Site Wide
-
Typography
- Editing Text in the Document window
- Copy & Paste From other Text Editors
- Horizontal Text Alignment
- Vertical Text Alignment
- Word & character spacing
- Styling Your Text: bold, italic, underline..
- Applying Text Color
- Creating a CSS Style for Text section
- Applying a CSS Style to Text Selection
- Removing Style to Text Selection
- Adding Special Characters
- Using the Spell Checking Tools
-
Managing Images in a web page
- Inserting a Picture from your Computer
- Inserting an Image from another website
- Swapping images with the Point-to-File
- Aligning an Image with text
- Adding a CSS style to an image
Text Links
- Creating a Text hyperlink
- Creating an Image Hyperlink
- Inserting an email link
- Named Anchors
- Linking to any File
- Absolute Path & Relative Path
- Link Decoration
Web Site Navigation
- Defining an Imagemap
- Clean & Simple Navigation
- Adding Drop-Down Menus
- Creating Fly-out Menus
- Collapsible Navigation Menus
- Navigation Bars
Creating Rollover Effects
- Rollover effect on a text link
- Rollover effect on a button
- Rollover effect on an image
- Rollover effect on a block element
Adding Multimedia Objects
- Inserting a Flash Movie
- Adding a Flash Video
- Embedding a Youtube Video
- Adding a Music Player
- Adding Background Sound
Introduction to CSS
- Defining a CSS Style
- Element Type Selector
- Using CSS Classes
- Defining a CSS Identifier
- Contextual Selector
- Grouping CSS Selectors
CSS Box Model
- Element Dimensions
- Margins
- Padding
- Borders
Element Positioning with CSS
- Relative Positioning
- Static Positioning
- Fixed Positioning
- Absolute Positioning
- Floated blocks
- Inline Blocks
- Layers Stacking order: Z-index
Managing CSS Styles
- Moving CSS Styles
- Renaming CSS Selectors
- Duplicating CSS Styles
- Exporting Embedded Styles
Customize Dreamweaver Preferences
- General Preferences
- Defining Files Type Editors
- Preview Browsers List
- Defining a Site Validator
Using Dreamweaver Templates
- Creating a New Template
- Inserting a Editable Area
- Applying a Template to existing Web pages
- Building a Page from a Template
- Updating a Template
-
Inserting Meta Tags
- Adding a Title To a Web Page
- Adding a Description Meta Tag
- Adding Keywords Meta Tag
- Inserting a Refresh Meta tag
-
Presenting Data Using Tables
- Inserting a Table in a web Page
- Defining Table Properties
- Rows and Columns
- Table Cell Properties
- Align Content in a Table Cell
- Merging Cells: rowspan & colspan
- Splitting Table Cells
- Using Table in Standard Mode
- Using table in Expanded Mode
- Using Background Colors
- Using Background Images
Frames Based Layout
- Using Dreamweaver Sample Framesets
- Defining a Custom Frameset
- Adding Content to Frames
- Defining the Target Frame
Tables Revisited
- Format a Table with CSS
- Styling Table Rows
- Styling Table Cells
Web Page Layout with CSS
- Validation your web site markup
- Checking Links Sitewide
- Generate Site Report
Designing a Web Form
- Adding a Form container
- Inserting a Text Field
- Adding a Drop-Down List Field
- Creating a Password Field
- Placing a Hidden Field
- Setting up Check Boxes
- Dealing with Radio Buttons
- TextArea Field
- Submit & Reset Buttons
Managing Your Web Site Files
- File Naming Conventions
- File Extensions
- Site Folder Structure
- Renaming Files
- Moving Files
- Deleting Files
- Preventing Duplicate Content Slap
-
Publishing Your WebSite
- Uploading a File
- Uploading Multiple Files at once
- Including Dependent Files
- Downloading Files
- Synchronizing the Local & Remote Sites
►► Achievements
- Design a 5 to 10 Pages Web Site
- Create an HTML Ad To Post on Craigslist
- Design an HTML Newsletter
- Design an Images web Gallery
►► Dreamweaver CS4 Goodies
- PHP form Processing
- Ajax Web Site Search Engine
- Leveraging the Power of Craigslist
- SEO Tips for Top Search Engines Ranking
- Free Access to hundred of E-books
