Dreamweaver CS5: Web Communication

• 1

• 6

• 9

  weeks

Pass the Web Communication certification using Dreamweaver, demonstrating skills in:

– Establish Project Requirements
•Identify the purpose, audience, and audience needs on a web page.
•Identify the content of a web page that is relevant to the purpose of a page and appropriate for the audience we are targeting.
•Prove knowledge of standard copyright rules (related terms, obtaining permissions, and citations of copyrighted material).
•Test knowledge of accessibility standards for web pages that address the needs of people with visual or motor disabilities.
•Follow design specifications.
•Understand the management of project tasks and responsibilities.

– Plan the Design and Layout of the Page
•Demonstrate knowledge of the best ways to design a web page, such as maintaining consistency, separating content from design, using standard fonts, and using web-safe colors.
•Produce web page designs that work equally well on various operating systems and various browser versions and configurations.
•Demonstrate knowledge of page layout design concepts and principles.
•Identify the basic principles of usability, readability and accessibility of a web page.
•Demonstrate knowledge of organizational charts and storyboards to create web pages and a site map that maintain the planned hierarchy for the web page.
•Communicating with others (such as colleagues and clients) about design and content plans.

– Understand the Adobe Dreamweaver CS5 Interface
•Identify elements of the Dreamweaver interface.
•Use the insertion bar.
•Use the property inspector.
•Use the attributes panel.
•Use the file panel.

– Add Content
•Define a Dreamweaver site.
•Create, add title, name and save a web page.
•Follow a hierarchy and storyboards to create web pages and sitemaps that maintain the planned hierarchy for the web page.
•Add text to the web page.
•Insert images and apply alternative text to the web page.
•Link to web content, use hyperlinks, e-mail links, and named section breaks.
•Insert multimedia content, see video, sound, and animations in Flash format.
•Insert navigation bars, rotating images, and buttons created in Adobe Fireworks into a web page.
•Build image maps.
•Import tabulated information to a web page.
•Import a Microsoft Word or Microsoft Excel document to a web page.
•Create forms.

– Organize and Modify Content
•Set and modify document properties.
•Organize content using tables.
•Organize the layout of a web page with absolutely positioned div tags and CSS styles.
•Modify text and text properties.
•Modify images and image properties.
•Modify Flash movies on a web page.
•Create web page templates.
•Use basic HTML tags to configure an HTML document, format text, add links, create tables, and construct ordered and unordered lists.
•Add content to the header of a web page to make it visible to search engines.
•Use CSS to implement reusable designs.

– Evaluate and Maintain a Site
•Perform basic technical tests.
•Identify techniques for basic usability testing.
•Present web pages to others (such as team members and clients) to obtain feedback and evaluation.
•Identify methods for collecting site feedback.
•Manage attributes, links, and files for a site.
•Publish and update files from a site to a remote server.

• 1

• 6

• 9

  weeks

MODULE 1. CUSTOMIZE YOUR WORKSPACE
Browse the workspace
Change and split views
Design View
Code View
Split View
Work with panels
Minimize
Float
Drag
Group, stack and dock
Select a workspace layout
Adjust toolbars
Customize preferences
Create custom shortcut methods
Use the Properties inspector
Use the HTML tab
Use CSS tag
Image properties
Table properties
Review questions
Answers

MODULE 2. BASIC HTML FUNDAMENTALS
What is HTML?
Where did HTML start?
Write your own HTML code
Understanding HTML syntax
Insert HTML code
Format text with HTML
Apply formatting online
Add structure
Write HTML in Dreamweaver
Frequently used HTML 4 codes
HTML tags
HTML character entities
Where is HTML going?
Review questions
Answers

MODULE 3. CSS BASIC FUNDAMENTALS
What is CSS?
HTML vs CSS formatting
The CSS box model
Predefined HTML formats
Format text
waterfall theory
Inheritance theory
Descent theory
Specificity theory
Format objects
Position
Size
Borders and shading
Margins and padding
Multiples, classes and ID, Oh Lord!
Format multiple elements
Create CSS class selectors
Create CSS ID selectors
Review questions
Answers

MODULE 4. A QUICK START
Define a Dreamweaver site
Use the welcome screen
Select a CSS layout
Save a page
Modify the page title
Change headers
Insert text
Insert images
Select and modify CSS styles
Change page width
Change page background colors
Insert a graphic background in the footer
Adjust text fonts, colors and sizes
Change font and color
Alter text size
Use the Properties inspector
Preview a page in Live View
Preview pages in a browser
Review questions
Answers

MODULE 5. CREATE A PAGE LAYOUT
Basic Web Design Fundamentals
What is the purpose of the website?
Who is the client?
How do they get here?
Scenery
Work with thumbnail images and wireframes
Create thumbnails
Create a page layout
Create wireframes
Preview your entire file
Modify an existing CSS layout
Add a background image to the header
Insert new components
Modify page width and background color
Modify existing content and format
Insert an image placeholder
Insert text placeholder
Modify the footer
Check browser compatibility
Review questions
Answers

MODULE 6. WORKING WITH CASCADE STYLE SHEETS
Preview a finished file
Working with the CSS Styles panel
Create new CSS rules
Create descendant selectors
Create default classes
Create custom ids
Create an interactive menu
Modify hyperlink behavior
Modify the behavior of an existing hyperlink
Add visual appeal to menus
Create false columns
Move rules to an external style sheet
Create style sheets for other media types
Show the Style Representation toolbar
Convert an existing style sheet for printing
Hide unwanted page areas
Remove unwanted styles
Review questions
Answers

MODULE 7. WORKING WITH TEMPLATES
Preview of finished files
Create a template from an existing design
Insert editable regions
Create child pages
Update a template
Use Library elements
Create a Library item
Update Library Items
Use server-side include
Create server-side include
Insert a server-side include
Update server-side includes
Review questions
Answers

MODULE 8. WORKING WITH TEXT, LISTS AND TABLES
Preview a finished file
Import text
Create headers
Create lists
Create indented text
Create and style tables
Create tables from scratch
Copy and paste tables
Styling tables with CSS
Styling table cells
Control column width
Insert tables from other sources
Adjust vertical alignment
Add and format elements
Check spelling on web pages
Find and replace text
Review questions
Answers

MODULE 9. WORKING WITH IMAGES
Review Web Image Basics
Vector graphics
Raster graphics
Resolution
Size
Color
Raster Image File Formats
GIF
JPEG
PNG
Preview a finished file
Insert an image
Adjust image positions with CSS classes
Working with the Insert panel
Use Adobe Bridge
Insert incompatible file types
Working with Photoshop Smart Objects
Copy and paste images from Fireworks and Photoshop
Insert images by drag and drop
Optimize images with the Properties inspector
Review questions
Answers

MODULE 10. WORKING WITH NAVIGATION
Hyperlink Basics
Internal and external hyperlinks
Relative vs. Absolute Hyperlinks
Preview your finished file
Create internal hyperlinks
Create a link based on image
Create an external link
Set up email links
Go to page elements
Create a named anchor
Use ID attributes as link destinations
Insert Spry Menu Bars
Modify Spry Menus Directly
Customize the appearance of the Spry menu bar
Edit CSS when using the Code Navigator
Insert Spry Menus as Library Items
Check your page
Review questions
Answers

MODULE 11. ADD INTERACTIVITY
Learn Dreamweaver Behaviors
Preview a finished file
Working with Dreamweaver behaviors
Apply a behavior
Apply a Restore Swapped Image behavior
Remove applied behaviors
Add behaviors to hyperlinks
Working with Spry Accordion widgets
Embed a Spry Accordion widget
Add additional panels
Customize a Spry Accordion
Review questions
Answers

MODULE 12. WORKING WITH FLASH
Understanding Flash
Preview a finished file
Add Flash animations to a page
Add an FLV file to a page
Review questions
Answers

MODULE 13. WORKING WITH FORMS
Preview a finished file
Learn more about forms
Add a form to a page
Insert text form elements
Set preferences for accessible forms
Use text fields
Include Spry text fields
Create a set of fields
Create password text fields
Insert checkboxes
Create radio buttons
Add text areas
Work with lists
Add a Submit button
Specify a form action
Send form data by email
Styling forms
Review questions
Answers

MODULE 14. WORKING WITH ONLINE DATA
Work with dynamic content
Preview of the finished file
Use HTML and XML data
Work with HTML data
Styling Spry tables
Update HTML data
Work with XML data
Choose a server model
Set up a local web server
Set up a test server
Create database applications
Database Design Fundamentals
Connecting to a database
Connection to MySQL
Review questions
Answers

MODULE 15. CREATE DYNAMIC PAGES WITH DATA
Create pages with ASP, ColdFusion or PHP
Create a record set
Show data from a database
Test files on the test server
Add a Repeat Region behavior
Additional exercise: Create a pivot table for classes and seminars
Create a master/detail page set
Create the master page
Display images dynamically
Show multiple items
Create a log paging behavior
Hide unnecessary pagination controls
Show record count
Styling dynamic data
Insert a behavior go to detail page
Create a detail page
Review questions
Answers

MODULE 16. WORKING WITH CODE
Code Tools Overview
Select code
Collapse code
Expand code
Add new code
Use the Code Navigator
Access Live Code
Use Inspect mode
Work on related files
Access the Split Code view
Comment your code
Review questions
Answers

MODULE 17. DEFINE A REMOTE SITE
Define a remote site
Set up a remote FTP site
Establish a remote site on a local or network Web server
Hide folders and files
Conclusions
Create a home page
Update links
Put your site online
Synchronize local and remote site
Review questions
Answers

• 1

• 6

• 9

  weeks

4