Dreamweaver CS4 - Online Course

Adobe Dreamweaver CS4 lets coding and design professionals create and edit Web content in a visual layout or a coding environment. With Dreamweaver CS4, you can produce exciting, dynamic Web site designs that employ the most modern layouts and features to attract and keep Web users. The procedures and techniques you see in this course were developed on and for a Windows PC.

This series is for anyone who wants to learn about Adobe Dreamweaver CS4, and see procedures and techniques developed on and for a Windows PC. This online course contains 14 lessons and should take approximately 28 hours to complete.

Lesson 1: Getting Started with Dreamweaver CS4 (2.0) hours

Getting Started with Dreamweaver CS4 teaches you how to explain the purposes and key features of Dreamweaver, describe the functions of Web browsers and HTML, explain how tags and attributes function in HTML, work with images and colors in Dreamweaver, describe the HTML document structure, and use the HTML tag hierarchy. This course explores several of Dreamweaver's important features. It also explains how the Web works and how Web browsers and HTML code function. Topics include Taking a Look at Dreamweaver CS4, How Web Sites Work, HTML Tags and Documents, Working with Images and Colors in HTML, and HTML Tips.

Lesson 2: Setting Up a New Site (2.0) hours

Setting Up a New Site teaches you how to create a site definition, create a page, define the properties of a page, describe the views available in Dreamweaver, describe how to use the Files panel, and describe the options on the Files panel. This course explains the basic techniques you need to create a site. It also covers how to use and transfer files. Topics include Creating a New Site, Creating a Page and Defining the Properties, Working with Views, Using the Files Panel, and Working with Files Panel Options.

Lesson 3: Adding Text and Images (3.0) hours

Adding Text and Images teaches you how to add text to your Web pages, preview pages in a Web browser, create hyperlinks, create ordered and unordered lists, and add images and placeholders to your pages. This course explains how to work with text, hyperlinks, lists, and images when designing Web pages. Topics include Adding Text to Web Pages, Setting Text Styles, Previewing Pages in a Web Browser, Creating Hyperlinks, Creating Lists, Using the Text Insert Panel, Inserting Images, Linking Images and Using Placeholders, and Editing Images.

Lesson 4: Styling Pages with CSS (4.0) hours

Styling Pages with CSS teaches you how to work with Cascading Style Sheets (CSS), compare CSS and <font> tags, use the CSS Styles panel, and create Class and Tag styles. This course explains the use of Cascading Style Sheets (CSS) in Adobe Dreamweaver CS4. CSS is a Web programming language that works in conjunction with HTML to format Web page content. This course provides information on using CSS, its advantages, and its behavior throughout the Web page design process. Topics include Creating CSS Rules in Dreamweaver, Types of Style Sheets, Creating Styles with the Property Inspector, Using the CSS Styles Panel, Advanced Formatting with CSS, Fine-Tuning Pages, Working with Div Tags and CSS IDs, Using External Style Sheets, Attaching External Style Sheets, and Creating New External Style Sheets.

Lesson 5: Creating Page Layouts with CSS (4.0) hours

Creating Page Layouts with CSS teaches you how to describe the CSS Box model, create Divs and AP Divs, stack and overlap elements, style box contents, and use visual aids to fine-tune positioning. This course explains how to employ Cascading Style Sheets (CSS) to create page layouts in Dreamweaver CS4. Topics include Positioning Content with AP Divs, Absolute and Relative Positioning, Adding Columns and Headers, Adding Global Navigation, Setting Box Stacking Order, More CSS Layout Tips, Adding Space to Page Layouts, Overriding Default Margins, and Building for the Future.

Lesson 6: Working with Tables (3.0) hours

Working with Tables teaches you how to create and modify tables, style tables with HTML, style tables with CSS, import table data, and sort table data. This course explains the use of tables for Web page layout, and compares and contrasts the use of HTML styling with the use of more modern Cascading Style Sheet techniques. Topics include Modifying Table Size and Structure, Creating Tables, Formatting Tables with HTML, Formatting Tables with CSS, Advanced CSS Table Styling, Adjusting Cells with CSS, More CSS Style Options, and Sorting Data in Tables.

Lesson 7: Fine-Tuning the Workflow (1.0) hour

Fine-Tuning the Workflow teaches you how to customize panels and panel groups, use the Favorites group, use guides when developing Web pages, work with grids when creating Web pages, use the tag selector, view cascading documents, and zoom in and out when viewing documents. This course explains various methods for customizing Adobe Dreamweaver CS4 to make your workflow more efficient and effective. Topics include Customizing the Workspace Layout, Using Favorites, Using Guides, Using Grids, Selecting Tags and Cascading Documents, and Zooming the View.

Lesson 8: Adding Flash, Video, and Sound (1.0) hour

Adding Flash, Video, and Sound teaches you how to add Flash movies to your Web page, add Flash video to your Web site, add QuickTime and Windows Media videos to your site, and add sound to your site. This course explains how to add media, including Flash movies, videos, and sound to your Web site. Topics include Adding Flash Movies, Adding Flash Video, QuickTime and Windows Media Video, and Adding Sound.

Lesson 9: Maximizing Site Design (3.0) hours

Maximizing Site Design teaches you how to describe and create snippets, create and modify a library item, create and modify templates, and create and modify repeating regions. This course provides an introduction to using tools, such as snippets, library items, and templates, that help you create a consistent appearance across your Web site. Topics include Using Snippets, Creating Snippets, Working with Library Items, Updating Library Items, Working with Templates, Creating Pages from Templates, Modifying Templates, Creating Repeating Regions, and Working with Repeating Regions.

Lesson 10: Editing in Code View (1.0) hour

Editing in Code View teaches you how to use Code and Design views, work with the Coding toolbar, validate code, and format code. This course explains how to use Dreamweaver's tools to work with and validate the HTML code of Web pages. Topics include Working in Code View.

Lesson 11: Building Web Forms (1.0) hour

Building Web Forms teaches you how to create forms and work with the <form> tag, add form elements and style forms with CSS, choose form processing options, and validate forms. This course explains how you can make a Web site more interactive by adding forms which let you gather information from Web site visitors. Topics include Creating User Input Forms.

Lesson 12: Working with the Spry Framework (1.0) hour

Working with the Spry Framework teaches you how to describe Spry Framework basics, create a Spry menu bar, work with the Spry support files, customize Spry Widgets with CSS, and build a Spry Tabbed panel. This course explains the use of Spry Widgets and Data Objects -- a library of interactive menus, content panels, and XML-driven containers that can be incorporated easily into your existing pages to add dynamic content and cool interactivity not available with HTML alone. Topics include Working with the Spry Framework.

Lesson 13: Managing Web Sites (1.0) hour

Managing Web Sites teaches you how to upload and manage files, optimize pages for performance and search engines, use Site Reports, and use the CSS Advisor and Browser Compatibility Check. This course explains how to manage web sites you have created, including using reports and built-in tools to track your site. Topics include Managing Web Sites.

Lesson 14: Using Legacy Frames (1.0) hour

Using Legacy Frames teaches you how to create frames and framesets, set frame properties, use the Frames panel, and add and edit frame content. This course explains how frames provide a way to divide a browser window into multiple regions, each capable of displaying a different HTML document. More recently, Cascading Style Sheets (CSS) have become the standard for positioning on a Web page, but frames are still used to handle layouts. Topics include Using Legacy Frames.