×

Adobe Dreamweaver CS5

Adobe Dreamweaver CS5 is a versatile website development application, suitable for personal and enterprise development environments. Using Dreamweaver in conjunction with other products, such as Adobe Photoshop, you can design, develop and deploy websites that are media rich and visually appealing. Dreamweaver provides web developers with a variety of tools that allow them to reuse existing content and assets when developing websites.

This is a self-paced, online course that is presented in six modules with approximately 12.5 hours of content. The course includes access to course content and digital book library for one year.

Benefits of taking a self-paced online course:

  • Self-paced course allows you to learn at your own speed
  • Online access to the course means you can learn from any computer, at work or home
  • Ability to instantly search and access a vast collection of books and other content from the worlds leading authorities
  • Course and materials library serves as a resource when needing information on Word 2010
  • Course content can be accessed for one full year

Who Should Attend

This course targets a range of in-training and established IT and web professionals with no prior Dreamweaver experience. Students should have basic computing and word-processing skills, familiarity with web terminology, Internet navigation and HTML, and experience working in a Microsoft Windows or Apple Macintosh environment.

Benefits and Learning Outcomes

  • Apply concepts such as configuring site properties and application preferences, adding content, and manipulating text to create a new site
  • Discover the major interface elements such as Live View and workspaces
  • Create intuitive site navigation using linking, perform asset management, work with rich media in the form of Flash video and understand aspects of working with images
  • Create and manipulate tables and other layout elements to structure content and work with tabular data
  • Build accessible websites that comply with international standards and browser compatibility
  • Use templates, the site library and the implementation of frames and framesets
  • Understand form creation and customization, form data processing, Spry widgets and effects, and creating and editing behaviors  to build such features as rollover images and jump menus
  • Explore cascading style sheets features and examine the process of creating, editing and applying the various types of CSS, style rules, visual layout tools and advanced CSS techniques

Course Outline/Topics

Course Module 1 – Setting up a Site and Adding Content in Dreamweaver CS5

Explore 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, including features such as Live View and workspaces, is also provided.

Expected Duration (hours): 2.5

Lesson Objectives

  • Set and customize the workspace layout, access and use Adobe Bridge together with Dreamweaver CS5
  • Match the interface elements with their functions
  • Create a root folder, set up a local site and use the Files panel
  • Define a local site in a given scenario
  • Create a new web page, set web page preferences, change page properties and add a tracing image
  • Import Microsoft Word or Excel content and clean up Word HTML
  • Create a web page and add content to it
  • Modify text styles using the Page Properties dialog box, inspect style sheet rules, modify the layout of a page, add special characters and dates to a document, create a list and format and organize a web page in a given scenario

 

Course Module 2 – Adding Links and Images in Dreamweaver CS5

Explore the processes of creating intuitive site navigation using linking and performing asset management. Discuss 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.

Expected Duration (hours): 2.0

Lesson Objectives

  • Add links to a page, create named anchors and create e-mail links
  • Edit and optimize an image, add an accessible image and an image map to a web page
  • Insert an image created in Photoshop into a web page
  • Use the Assets panel favorites list and use the panel to add a resource
  • Add Flash movies and videos to a web page

 

Course Module 3 – Tables, Accessibility and Standards in Dreamweaver CS5

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

Expected Duration (hours): 1.5

Lesson Objectives

  • Create, modify properties, add information and format a table
  • Import and export tabular data
  • Set accessibility preferences
  • Check target browser compatibility
  • Compare how web pages display in various browsers
  • Modify accessibility settings for a site
  • Check a website for browser compatibility

 

Course Module 4 – Reusing Content in Dreamweaver CS5

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

Expected Duration (hours): 1.5

Lesson Objectives

  • Create a web page template – a new page from that template
  • Create and modify library items
  • Use templates and library items
  • Create framesets and identify the advantages and disadvantages of using frames
  • Add content and create hyperlinks in a frameset
  • Add noframes content

 

Course Module 5 – Creating Interactive Web Pages in Dreamweaver CS5

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

Expected Duration (hours): 2.5

Lesson Objectives

  • Create a form, add checkboxes and radio buttons, add list items and menu options, and add Submit and Reset buttons
  • Configure a form to work with a CGI script and recognize how a CGI script works
  • Add a Spry widget
  • Build a form
  • Add behaviors to web pages, recognize the functions of behaviors and modify a behavior
  • Swap images on a page
  • Add interactivity and a jump menu to a page
  • Add a Spry effect and Spry widgets to a page
  • Add built-in interactive elements to a page

 

Course Module 6 – Cascading Style Sheets in Dreamweaver CS5

Cascading style sheets, commonly referred to as CSS, are a set of formatting conventions that allow you to standardize and enhance the appearance of a website. By implementing CSS you can fully separate your website’s 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 website 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.

Expected Duration (hours): 2.5

Lesson Objectives

  • 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 and edit a style rule, edit a style sheet and export a style sheet
  • Create, attach and edit an external style sheet in a given scenario
  • Create and customize a new page with 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 and  apply advanced CSS techniques to a web page

Prerequisites

Knowledge of basic computing and word-processing skills, familiarity with web terminology, Internet navigation and HTML, and experience working in a Microsoft Windows or Apple Macintosh environment.

Notes

This is an online, self-paced course. For convenience, students have access to the course for one year and may use it as a resource for continued learning.

Dates and locations to be announced.

FacebookTwitterGoogle+Share