Introduction to Macromedia Dreamweaver 8
Training
Learn how to effectively use Dreamweaver to quicly develop HTML
pages. Use many of Dreamweaver's "Behaviors" that allow you to use
JavaScript without any direct coding! Learn how to format text with
HTML 4.0 tags, but also explore Cascading Style Sheets (CSS). Insert
Images and Backgrounds and use Color. Format your page with the
use of Tables.
- Introduction to Dreamweaver
- History of Dreamweaver
- Goals of this class / who this class is for
- Introduction to the Web and HTML
- Client-Server Model
- Definition of HTTP
- Static pages vs. Dynamic pages (ColdFusion, ASP, ASP.NET,
PHP, etc.)
- Introduction to the Dreamweaver 8 Interface
- Create a New Page
- Code View vs. Design View
- Dreamweaver’s Windows and Panels
- Panels and Panel Groups in Dreamweaver 8
- Opening and closing Panels
- Edit Preferences
- Create a Dreamweaver “Site”
- Site Creation – Basic
- Site Files Panel
- Exercise 1: Create a Site
- Basics of Page Format
- HTML Structural Tags
- HTML Title
- Format Text and Color
- Font size, display and color
- Block level code
- Creating Lists
- “Preview in Browser” vs. “Save
and Refresh”
- Exercise 2: Create the Site’s Index
Page
- Creating Links
- Internal Links
- External links
- E-mail
- Link within page (named anchor)
- Exercise 3: Add Links to Serve
as Navigation in Footer
- Images & Backgrounds
- Inserting Images
- Adding a Background Image
- Exercise 4: Add Images for Navigation
Buttons and Background
- Image Rollover "Behavior"
- Adding Rollover Images
in Dreamweaver
- Behaviors
- Exercise 5: Add Rollover Images for Main Navigation
- Image Maps
- Exercise 6: Add a Map with “Hot Spots” to
the Locations Page
- Cascading Style Sheets
- CSS Options
- Manage CSS Styles with Dreamweaver
- Applying CSS to Page Content
- Exercise 7: Organize CSS Styles and create an External
Style Sheet
- Attaching an Existing Style Sheet
- Exercise 8: Attaching Style
Sheets to Existing Pages
- Tables
- Import data from text file
- Sort Data Command
- Format Table Command
- Exercise 9: Add a Table with Staff Information
to the “Contact
Us” page
- Tables for Page Layout
- Merge Cells
- Exercise 10: Use a Table to Reformat the Layout
of the Index Page
- Creating Tables with Layout View
- Dreamweaver "Layout View"
- Use a Tracing Image
- Exercise 11: Use Layout View to Create
Dogs Page
- Forms
- Using Dreamweaver to Create Forms
- HTML Form Elements
- Creating Data-Driven Sites with Dreamweaver
- Exercise 12: Create
a “Contact Us” Form
- Adding Dreamweaver Behaviors
- What is JavaScript?
- Behavior: Validate Form
- Target Browser Check
- Exercise 13: Form Validation Behavior
- Flash Buttons / Flash Text
- Using Flash in Dreamweaver
- Flash Buttons
- Flash Text
- Exercise 14: Flash Buttons and Flash Text
- Using Meta Tags to Optimize Search Engine Placement
- Keywords
- Description
- Exercise 15: Add Meta Tags to Index.html
- Appendix A: Site Management Information
- Find and Replace
- Built in FTP client
- File check-in/check-out
- Design Notes
- Link Checker
- Reports
- Target Browser Check
- Appendix B: Working with HTML Code Directly
- Tags at bottom
- Tag dialog boxes on code side
- Reference window
- Appendix C: Templates
- Steps in Creating a Template
- Updating a Template
- Additional Template Options
- Appendix D: Resources
See also
Adobe Dreamweaver CS3 Training Courses
|
| |
