Dreamweaver CS4 Fundamentals
Learn the essentials of Dreamweaver to design and manage your website without dealing with the any code.
- Customize your Dreamweaver workspace
- Use preset CSS layouts to design your web pages
- Create custom CSS styles to enhance your website's visual appeal
- Build intuitive web site navigation with Adobe Spry
- Design web forms to get feedback from your site visitors
- Learn tricks for easy web site management
- Add pictures , movies and sound to your web pages
- Use background colors/images to enhance your web pages
- Publish your website to your web hosting server with a single click
-
Dreamweaver workspace
- Exploring Dreamweaver workspace
- Choosing a Preset Workspace
- Managing Dreamweaver Panels
- Saving Your workspace
- Dreamweaver Preferences
- Preview Browser List
-
Defining Your Website
- Defining Your Site Local Info
- Specifying the Remote Info
- Defining a Testing Server
-
Typography with CSS
- Defining a Font Family List
- Modifying Text Size
- Text Lines Spacing
- Horizontal Text Alignment
- Letter spacing and word spacing
- Text Decoration
-
Creating Hyperlinks
- Creating Text Links
- Creating e-mail links
- Using named anchors
- Using an Imagemap
- Relative URLs
- Absolute URLs
-
Designing a site Navigation
- Horizontal/Vertical Navigation
- Navigation Buttons
- Navigation Bar
- Rollover Buttons
- Creating CSS Buttons
- Rollover Text Links
- Navigation Depth
Using Images in a web pages
- Optimizing Images for the web
- Adding Image in a web page
- Aligning Image with Text
- Using a Background Image
-
Using Text List
- Working with Unordered List
- Using Ordered Lists
- Formatting Text list with CSS
- Using a list style Image
-
Creating CSS Styles
- Embedded CSS Styles
- External CSS Styles
- Defining a CSS Class
- Defining a CSS Identifier
- CSS Contextual Selector
-
Exploring Positioning in CSS
- Absolute Positioning
- Fixed Positioning
- Relative Positioning
- Static Positioning
- Placing Block Elements Inline
- Floating Block Elements
- Defining a stacking order with z-Index
-
Web Page Layout with CSS
- Defining a Web Page Layout
- Choosing from Preset CSS Layout Templates
- Creating a Custom CSS Layout from Scratch
- Defining Layout Block Margins
- Setting Layout Elements Padding
- Displaying Elements Borders
-
Using Dreamweaver Templates
- Creating a Dreamweaver Template
- Adding Editable Regions
- Applying a template to a web page
- Updating a template
- Removing a template markup
-
Validating Your Web site
- Validating your HTML markup
- Validating CSS Style sheets
- Checking for web browser compatibility
-
Using Table for Grid Layout
- Inserting a table in a web page
- Table Properties with CSS
- Table Row Properties
- Defining table Cell Properties with CSS
- Merging Rows
- Merging Cells
- Adding a new Row or Column
- Deleting Row/Column
-
Designing Web Forms
- Inserting a web form
- Inserting and formatting Text fields
- Using Hidden Fields
- Creating a drop-down List
- Using Radio buttons
- Using Check Boxes
- Using and formatting textarea field
- Adding Reset and Submit Buttons
- Custom Form Validation
- Using Adobe Spry Validation
Web Site Optimization: SEO101
- Creating a web Page Title
- Adding Meta Tags
- Optimizing Page Content
- Web Page Layout for SEO
Managing Your Site Assets
- Renaming Files & Folders
- Moving Files & Folders
- Deleting Files & Folders
- Naming Convention
- Website Folder structure
Publishing Your Website
- Using the check Spelling
- Using The find and Replace Tool
- Checking for Broken Links
- Uploading Your Site Files
- Downloading Site Files
- Synchronizing Files
Adding Multimedia
- Adding Flash Movies
- Adding Flash Videos
- Inserting Youtube Videos
- Using Background Sound
- Adding a Sound Player
Dreamweaver CS4 Tools
- Ruler, Guides and Grid
- Using Dreamweaver Visual Aids Tools
- "Find and Replace" Tool