Dreamweaver CS5 Curriculum Outline

Setting up a Site and Adding Content in Dreamweaver CS5

Overview/Description
Adobe Dreamweaver CS5 is a versatile web site development application, suitable for personal and enterprise development environments. This course explores the concepts of creating a new site in Dreamweaver CS5, including configuring site properties and application preferences, adding content, and manipulating text. A look at the major interface elements of Dreamweaver CS5, including features such as Live View and workspaces, is also provided.

Target Audience
The audience is expected to be a range of in-training or established IT professionals needing to learn how to use Dreamweaver without any experience of any version of Dreamweaver. Students can be expected to have basic computing and word-processing skills, familiarity with web terminology and Internet navigation, familiarity with HTML, and experience working in a Microsoft Windows or Apple Macintosh environment.

Prerequisites
None

Expected Duration (hours)
2.5

Lesson Objectives

Setting up a Site and Adding Content in Dreamweaver CS5

Recognize how to set the workspace layout

Recognize how to use Adobe Bridge together with Dreamweaver CS5

Customize the Dreamweaver CS5 workspace

Match the Dreamweaver CS5 interface elements with their functions

Recognize how to create a root folder

Recognize how to set up a local site

Recognize how to use the Files panel

Define a local site in a given scenario

Customize the workspace in Dreamweaver CS5

Access Adobe Bridge from within Dreamweaver CS5

Create a new web page

Recognize how to set web page preferences

Recognize how to change page properties

Add a tracing image to a web page

Import Microsoft Word or Excel content

Recognize how to clean up Word HTML

Create a web page and add content to it

Modify text styles using the Page Properties dialog box

Recognize how to inspect style sheet rules

Modify the layout of a page

Add special characters and dates to a document

Create a list

Format and organize a web page in a given scenario

Course Number:
at_dcsp_a01_it_enus

Back to List

Adding Links and Images in Dreamweaver CS5

Overview/Description
Using Adobe Dreamweaver CS5 in conjunction with other products, such as Adobe Photoshop CS5, you can create web sites that are media rich and visually appealing. This course explores processes of creating intuitive site navigation using linking, and performing asset management. The course also discusses working with rich media in the form of Flash video, a pervasive web technology. Working with images, creating image maps, and methods of optimizing images for best performance are also covered.

Target Audience
The audience is expected to be a range of in-training or established IT professionals needing to learn how to use Dreamweaver without any experience of any version of Dreamweaver. Students can be expected to have basic computing and word-processing skills, familiarity with web terminology and Internet navigation, familiarity with HTML and experience working in a Microsoft Windows or Apple Macintosh environment.

Prerequisites
None

Expected Duration (hours)
2.0

Lesson Objectives

Adding Links and Images in Dreamweaver CS5

Add links to a page

Create named anchors using Dreamweaver CS5

Create e-mail links in Dreamweaver CS5

Create links in a given scenario, using Dreamweaver CS5

Add an accessible image to a page

Add an image map to a web page

Edit an image in Dreamweaver

Optimize an image

Insert an image created in Photoshop into a web page

Add a resource using the Assets panel

Use the Assets panel favorites list

Add Flash movies to a web page

Add Flash videos to a web page

Add and optimize images in Dreamweaver CS5

Add Flash movies to a page in Dreamweaver CS5

Course Number:
at_dcsp_a02_it_enus

Back to List

Tables, Accessibility, and Standards in Dreamweaver CS5

Overview/Description
When designing a web site, its important that your content is engaging, but its also crucial that it is structured in an intuitive and accessible manner. Creating a site layout using tables is one method of ensuring a consistent and easy to navigate web site. This course explores how to structure content using tables, and examines creating and manipulating tables and other layout elements, and working with tabular data. Building an accessible web site that complies with international standards, and targeting browsers to ensure browser compatibility within Dreamweaver and Adobe BrowserLab are also covered.

Target Audience
The audience is expected to be a range of in-training or established IT professionals needing to learn how to use Dreamweaver without any experience of any version of Dreamweaver. Students can be expected to have basic computing and word-processing skills, familiarity with web terminology and Internet navigation, familiarity with HTML and experience working in a Microsoft Windows or Apple Macintosh environment.

Prerequisites
None

Expected Duration (hours)
1.5

Lesson Objectives

Tables, Accessibility, and Standards in Dreamweaver CS5

Create a table in Dreamweaver CS5

Modify a tables properties

Add information to a table

Import tabular data

Export tabular data

Format a table

Build and modify a table in Dreamweaver CS5

Set accessibility preferences

Check target browser compatibility

Compare how web pages display in various browsers

Modify accessibility settings for a site

Check a web site for browser compatibility

Course Number:
at_dcsp_a03_it_enus

Back to List

Reusing Content in Dreamweaver CS5

Overview/Description
Adobe Dreamweaver CS5 provides web developers with a variety of tools that allow them to reuse existing content and assets when developing web sites. This course explains these features, including templates, the site library, and the implementation of frames and framesets.

Target Audience
The audience is expected to be a range of in-training or established IT professionals needing to learn how to use Dreamweaver without any experience of any version of Dreamweaver. Students can be expected to have basic computing and word-processing skills, familiarity with web terminology and Internet navigation, familiarity with HTML and experience working in a Microsoft Windows or Apple Macintosh environment.

Prerequisites
None

Expected Duration (hours)
1.5

Lesson Objectives

Reusing Content in Dreamweaver CS5

Create a web page template

Create a new page from a template

Create library items

Modify library items

Use templates and library items

Create framesets in Dreamweaver CS5

Identify the advantages and disadvantages of using frames

Add content to a frameset

Create hyperlinks in a frameset

Add noframes content

Create a frameset and add content to it

Course Number:
at_dcsp_a04_it_enus

Back to List

Creating Interactive Web Pages in Dreamweaver CS5

Overview/Description
Adding interactivity to web pages enhances the functionality and overall appeal of a site. Dreamweaver CS5 allows developers to increase web site interactivity by using forms and behaviors. The application also includes the Spry framework for Ajax, allowing Dreamweaver users with no advanced programming knowledge to quickly and easily visually design and deploy interactive interfaces, including visual transitions. This course provides an overview of form creation and customization, and form data processing. Also covered are Spry widgets and effects, and creating and editing behaviors to build such features as rollover images and jump menus.

Target Audience
The audience is expected to be a range of in-training or established IT professionals needing to learn how to use Dreamweaver without any experience of any version of Dreamweaver. Students can be expected to have basic computing and word-processing skills, familiarity with web terminology and Internet navigation, familiarity with HTML and experience working in a Microsoft Windows or Apple Macintosh environment.

Prerequisites
None

Expected Duration (hours)
2.5

Lesson Objectives

Creating Interactive Web Pages in Dreamweaver CS5

Create a form in Dreamweaver CS5

Add checkboxes and radio buttons

Add list items and menu options

Add Submit and Reset buttons

Configure a form to work with a CGI script

Recognize how a CGI script works

Add a Spry widget

Build a form using Dreamweaver CS5

Adding behaviors to web pages

Recognize the functions of behaviors

Modify a behavior

Recognize how to swap images on a web page

Add interactivity to a web page

Add a jump menu to a page

Add a Spry effect to a web page

Add Spry widgets to a web page

Add built-in interactive elements to a web page

Course Number:
at_dcsp_a05_it_enus

Back to List

Cascading Style Sheets in Dreamweaver CS5

Overview/Description
Cascading Style Sheets, commonly referred to as CSS, are a set of formatting conventions allowing you to standardize and enhance the appearance of a web site. By implementing CSS you can fully separate your web sites presentation from its content, and give the site a consistent feel. Dreamweaver CS5 provides increased CSS support, with the ability to enter Inspect mode to view the styling associated with page elements. This course explores this new feature along with other CSS features including a set of prebuilt CSS layouts complete with educational inline comments, access to the Adobe CSS Advisor web site, and CSS management features that facilitate moving CSS rules from page to page and converting inline CSS to CSS rules. This course examines the process of creating, editing, and applying the various types of cascading style sheets and style rules. CSS visual layout tools and advanced CSS techniques are also covered.

Target Audience
The audience is expected to be a range of in-training or established IT professionals needing to learn how to use Dreamweaver without any experience of any version of Dreamweaver. Students can be expected to have basic computing and word-processing skills, familiarity with web terminology and Internet navigation, familiarity with HTML and experience working in a Microsoft Windows or Apple Macintosh environment.

Prerequisites
n/a

Expected Duration (hours)
2.5

Lesson Objectives

Cascading Style Sheets in Dreamweaver CS5

Identify the features and functions of Cascading Style Sheets

Set CSS style preferences

Recognize the features of the CSS Styles panel

Create and attach an external style sheet

Recognize the functions of various style selectors

Create a style rule

Edit a style rule

Edit a style sheet

Export a style sheet

Create, attach, and edit an external style sheet in a given scenario

Create a new page with a CSS layout

Customize a CSS layout

Recognize the CSS positioning properties

Use AP Divs to position elements in Dreamweaver

Review the CSS layout of a web page using CSS Inspect

Use class styles

Create advanced style rules

Identify when you would apply advanced style rules

Apply advanced CSS techniques to a web page

Course Number:
at_dcsp_a06_it_enus

Back to List

Dreamweaver CS4 Curriculum Outline

Setting up a Site and Adding Content in Dreamweaver CS4

Overview/Description
Adobe Dreamweaver CS4 is a versatile web site development application, suitable for personal and enterprise development environments. This course explores the concepts of creating a new site in Dreamweaver CS4, including configuring site properties and application preferences, adding content, and manipulating text. A look at the major interface elements of Dreamweaver CS4, including new features such as Live View and improved workspaces, is also provided.

Target Audience
The audience is expected to be a range of in-training or established IT professionals needing to learn how to use Dreamweaver without any experience of any version of Dreamweaver. Students can be expected to have basic computing and word-processing skills, familiarity with web terminology and Internet navigation, familiarity with HTML, and experience working in a Microsoft Windows or Apple Macintosh environment.

Prerequisites
None

Expected Duration (hours)
2.5

Lesson Objectives

Setting up a Site and Adding Content in Dreamweaver CS4

Recognize how to set the workspace layout

Recognize how to use Adobe Bridge together with Dreamweaver CS4

Customize the Dreamweaver CS4 workspace

Match the Dreamweaver CS4 interface elements with their functions

Recognize how to create a root folder

Recognize how to set up a local site

Recognize how to use the Files panel

Define a local site in a given scenario

Customize the workspace in Dreamweaver CS4

Access Adobe Bridge from within Dreamweaver CS4

Create a new web page

Identify the features of Spry

Recognize how to set web page preferences

Recognize how to change page properties

Add a tracing image to a web page

Import Microsoft Word or Excel content

Recognize how to clean up Word HTML

Create a web page and add content to it

Modify text styles using the Page properties dialog box

Recognize how to inspect style sheet rules

Modify the layout of a page

Add special characters and dates to a document

Create a list

Format and organize a web page in a given scenario

Course Number:
at_dcsf_a01_it_enus

Back to List

Adding Links and Images in Dreamweaver CS4

Overview/Description
Using Adobe Dreamweaver CS4 in conjunction with other products, such as Adobe Photoshop CS4, you can create web sites that are media rich and visually appealing. This course explores processes of creating intuitive site navigation using linking, and performing asset management. The course also discusses working with rich media in the form of Flash video, a pervasive web technology. Working with images, creating image maps, and methods of optimizing images for best performance are also covered.

Target Audience
The audience is expected to be a range of in-training or established IT professionals needing to learn how to use Dreamweaver without any experience of any version of Dreamweaver. Students can be expected to have basic computing and word-processing skills, familiarity with web terminology and Internet navigation, familiarity with HTML and experience working in a Microsoft Windows or Apple Macintosh environment.

Prerequisites
None

Expected Duration (hours)
2.0

Lesson Objectives

Adding Links and Images in Dreamweaver CS4

Add links to a page

Create named anchors using Dreamweaver CS4

Create e-mail links in Dreamweaver CS4

Create links in a given scenario, using Dreamweaver CS4

Add an accessible image to a page

Add an image map to a web page

Edit an image in Dreamweaver

Optimize an image

Insert an image created in Photoshop into a web page

Add a resource using the Assets panel

Use the Assets panel favorites list

Add Flash movies to a web page

Add Flash videos to a web page

Add and optimize images in Dreamweaver CS4

Add Flash movies to a page in Dreamweaver CS4

Course Number:
at_dcsf_a02_it_enus

Back to List

Tables, Accessibility, and Standards in Dreamweaver CS4

Overview/Description
When designing a web site, its important that your content is engaging, but its also crucial that it is structured in an intuitive and accessible manner. Creating a site layout using tables is one method of ensuring a consistent and easy to navigate web site. This course explores how to structure content using tables, and examines creating and manipulating tables and other layout elements, and working with tabular data. Building an accessible web site that complies with international standards, and applying basic design principles to a Dreamweaver CS4 site are also covered.

Target Audience
The audience is expected to be a range of in-training or established IT professionals needing to learn how to use Dreamweaver without any experience of any version of Dreamweaver. Students can be expected to have basic computing and word-processing skills, familiarity with web terminology and Internet navigation, familiarity with HTML and experience working in a Microsoft Windows or Apple Macintosh environment.

Prerequisites
None

Expected Duration (hours)
1.5

Lesson Objectives

Tables, Accessibility, and Standards in Dreamweaver CS4

Create a table in Dreamweaver CS4

Modify a tables properties

Add information to a table

Import tabular data

Export tabular data

Format a table

Build and modify a table in Dreamweaver CS4

Set accessibility preferences

Check target browser compatibility

Change the default encoding for a site

Modify accessibility settings for a site

Apply design standards to a web site

Course Number:
at_dcsf_a03_it_enus

Back to List

Reusing Content in Dreamweaver CS4

Overview/Description
Adobe Dreamweaver CS4 provides web developers with a variety of tools that allow them to reuse existing content and assets when developing web sites. This course explains these features, including templates, the site library, and the implementation of frames and framesets. The practice of using server-side includes to dynamically load content at runtime is also explored.

Target Audience
The audience is expected to be a range of in-training or established IT professionals needing to learn how to use Dreamweaver without any experience of any version of Dreamweaver. Students can be expected to have basic computing and word-processing skills, familiarity with web terminology and Internet navigation, familiarity with HTML and experience working in a Microsoft Windows or Apple Macintosh environment.

Prerequisites
None

Expected Duration (hours)
2.0

Lesson Objectives

Reusing Content in Dreamweaver CS4

Create a web page template

Create a new page from a template

Create library items

Modify library items

Use templates and library items

Create framesets in Dreamweaver CS4

Add content to a frameset

Create hyperlinks in a frameset

Add noframes content

Create a frameset and add content to it

Create server side include files

Modify server-side include properties

Course Number:
at_dcsf_a04_it_enus

Back to List

Creating Interactive Web Pages in Dreamweaver CS4

Overview/Description
Adding interactivity to web pages enhances the functionality and overall appeal of a site. Dreamweaver CS4 allows developers to increase web site interactivity by using forms and behaviors. The application also includes the Spry framework for Ajax, allowing Dreamweaver users with no advanced programming knowledge to quickly and easily visually design and deploy interactive interfaces, including visual transitions. This course provides an overview of form creation and customization, and form data processing. Also covered are Spry widgets and effects, and creating and editing behaviors to build such features as rollover images and jump menus. A new feature – InContext Editing – allowing end users to edit specific portions of your web pages, is also covered.

Target Audience
The audience is expected to be a range of in-training or established IT professionals needing to learn how to use Dreamweaver without any experience of any version of Dreamweaver. Students can be expected to have basic computing and word-processing skills, familiarity with web terminology and Internet navigation, familiarity with HTML and experience working in a Microsoft Windows or Apple Macintosh environment.

Prerequisites
None

Expected Duration (hours)
2.5

Lesson Objectives

Creating Interactive Web Pages in Dreamweaver CS4

Create a form in Dreamweaver CS4

Add checkboxes and radio buttons

Add list items and menu options

Add Submit and Reset buttons

Configure a form to work with a CGI script

Recognize how a CGI script works

Add a Spry widget

Build a form using Dreamweaver CS4

Adding behaviors to web pages

Recognize the functions of behaviors

Modify a behavior

Recognize how to swap images on a web page

Add interactivity to a web page

Add a jump menu to a page

Add a Spry effect to a web page

Add Spry widgets to a web page

Create a Spry HTML data set

Recognize how InContext Editing can be used

Add built-in interactive elements to a web page

Course Number:
at_dcsf_a05_it_enus

Back to List

Cascading Style Sheets in Dreamweaver CS4

Overview/Description
Cascading Style Sheets, commonly referred to as CSS, are a set of formatting conventions allowing you to standardize and enhance the appearance of a web site. By implementing CSS you can fully separate your web sites presentation from its content, and give the site a consistent feel. Dreamweaver CS4 provides increased CSS support, with the introduction of separate tabs on the Property inspector dividing general properties from CSS. This course explores this new interface feature along with other CSS features including a set of prebuilt CSS layouts complete with educational inline comments, access to the Adobe CSS Advisor web site, and CSS management features that facilitate moving CSS rules from page to page and converting inline CSS to CSS rules. This course examines the process of creating, editing, and applying the various types of cascading style sheets and style rules. CSS visual layout tools and advanced CSS techniques are also covered.

Target Audience
The audience is expected to be a range of in-training or established IT professionals needing to learn how to use Dreamweaver without any experience of any version of Dreamweaver. Students can be expected to have basic computing and word-processing skills, familiarity with web terminology and Internet navigation, familiarity with HTML and experience working in a Microsoft Windows or Apple Macintosh environment.

Prerequisites
n/a

Expected Duration (hours)
2.5

Lesson Objectives

Cascading Style Sheets in Dreamweaver CS4

Identify the features and functions of Cascading Style Sheets

Set CSS style preferences

Recognize the features of the CSS Styles panel

Create and attach an external style sheet

Recognize the functions of various style selectors

Create a style rule

Edit a style rule

Edit a style sheet

Export a style sheet

Create, attach, and edit an external style sheet in a given scenario

Create a new page with a CSS layout

Customize a CSS layout

Recognize the CSS positioning properties

Use AP Divs to position elements in Dreamweaver

Use class styles

Create advanced style rules

Identify when you would apply advanced style rules

Apply advanced CSS techniques to a web page

Course Number:
at_dcsf_a06_it_enus

Back to List

Dreamweaver CS4 Site Maintenance and Advanced Concepts

Overview/Description
Many advanced web site developers prefer the flexibility of hand coding to interface-based design. Dreamweaver CS4 offers a number of tools and options, which can be used to hand code entire sites, or customize specific page sections. This course explores these coding features, and provides basic coverage of XML and XSLT. Collaborative site design and Dreamweaver extensions are also covered. The course also delves into how to make parts of your web pages editable to users on the web. Following the creation of a web site, significant amounts of time are spent on testing, maintenance, and management. Dreamweaver CS4 provides features for link checking, reporting, cloaking, comparing and synchronizing files, and configuring remote access, which are also examined in this course.

Target Audience
The audience is expected to be a range of in-training or established IT professionals needing to learn how to use Dreamweaver without any experience of any version of Dreamweaver. Students can be expected to have basic computing and word-processing skills, familiarity with web terminology and Internet navigation, familiarity with HTML and experience working in a Microsoft Windows or Apple Macintosh environment.

Prerequisites
n/a

Expected Duration (hours)
2.0

Lesson Objectives

Dreamweaver CS4 Site Maintenance and Advanced Concepts

Identify site testing guidelines

Create a site report in Dreamweaver CS4

Check for broken links

Upload a web site to a server

Cloak files and folders

Synchronize files

Check files in and out

Add a Design Note

Test a site

Upload files to a site

Enable Design Notes and check in/check out features

Recognize the options for code formatting

Use the Quick Tag Editor

Use the JavaScript Extractor

Identify how to use XSL to transform XML data

Use Extension Manager

Work with tags using the Quick Tag Editor

Add extensions using Extension Manager

Course Number:
at_dcsf_a07_it_enus

Back to List