Learning Dreamweaver is a dream with this instructional book-and-video training package!
Dreamweaver CS5 Digital Classroom covers Dreamweaver CS5 and Dreamweaver CS5.5. Adobe Dreamweaver allows you to easily create robust Web sites without needing extensive programming knowledge or skills. The latest version of Dreamweaver boasts enhanced capabilities and this exciting book-and-downloadable video training package makes learning the new features of Dreamweaver less intimidating. Sixteen self-paced lessons explain how to design, develop, and maintain a fully functioning site. The complementary lessons featured in the video tutorials are each approximately five minutes long and demonstrate the concepts and features covered in the lesson.
- Features full-color, step-by-step tutorials that complement the topics covered in each lesson
- Walks you through the basics of the newest release of Dreamweaver, such as applying style sheets, using dynamic HTML, adding style with images and multimedia, and publishing and maintaining a Web site
- Addresses how to use hyperlinks to navigate throughout a Website or link to other sites on the Internet and use databases to create dynamic Web sites
It's not a dream—Dreamweaver CS5 Digital Classroom really is just like having your own personal instructor guiding you through each lesson.
Note: DVD and other supplementary materials are not included as part of eBook file. These materials are available for download upon purchase.
About the Author
Jeremy Osborn is Training Director at American Graphics Institute and an expert on Web and interactive technology. He is a member of the AGI Creative Team, which develops and delivers training programs for creative, marketing, and communications professionals through the American Graphics Institute.
Table of Contents
About Dreamweaver Digital Classroom.
Starting Adobe Dreamweaver CS5.
Resetting the Dreamweaver workspace.
Loading lesson files.
Working with the video tutorials.
Setting up for viewing the video tutorials.
Viewing the video tutorials with the Adobe Flash Player.
Hosting Your Web sites.
Lesson 1: Dreamweaver CS5 Jumpstart.
What is Dreamweaver?
Design and layout tools.
Site management and File Transfer Protocol.
Coding environment and text editor.
Who uses Dreamweaver?
An overview of features.
Photoshop smart objects.
How web sites work.
A simple fl ow chart.
Domain names and IP addresses.
Servers and web hosts.
The role of web browsers.
An introduction to HTML.
Tag structure and attributes.
The structure of an HTML document.
Placing images in HTML.
Colors in HTML.
Case sensitivity and whitespace rules.
XHTML 1.0 Transitional.
What’s the difference?
Explorations in code.
A look at the Welcome Screen.
Creating, opening, and saving documents.
Creating new documents.
Lesson 2: Setting Up a New Site.
Creating a new site.
Advanced site-creation options .
Saving a page to your site.
Defi ning page properties.
A deeper look into the Files panel.
Viewing local files.
Selecting and editing files.
Lesson 3: Adding Text and Images.
Typography and images on the web.
An introduction to styles.
Previewing pages in a web browser.
Relative versus absolute hyperlinks.
Linking to an e-mail address.
Using the Text Insert panel.
Creating a simple gallery page.
Using image placeholders.
Adjusting brightness and contrast.
Lesson 4: Styling Your Pages with CSS.
What are Cascading Style Sheets?
The dawn of CSS.
How do you create CSS rules in Dreamweaver?
Understanding Style Sheets.
Understanding why they're called Cascading.
Creating and modifying styles.
Creating a class style with the Property Inspector.
Creating and modifying styles in the CSS Styles panel.
Advanced text formatting with CSS.
Fine-tuning page appearance with contextual and pseudo-class selectors.
Div tags and CSS IDs.
Internal versus external style sheets.
Attaching an external style sheet to your page.
Modifying attached style sheets.
Creating a new .css fi le (external style sheet).
Adobe Device Central.
Lesson 5: Creating Page Layouts with CSS.
The CSS Box model.
The basics of CSS margins, padding, and borders.
Reviewing the ID selector.
Creating a centered container for your page.
Making layouts cross-browser compatible.
Absolute versus relative positioning.
Positioning content with AP Divs.
Creating a header section with the Draw AP Div.
Adding an introduction section to your page.
Adding images to your layout.
Adding Main and Sidebar content areas.
Adding additional content and styles.
Setting margins and borders.
Overriding default margins in CSS.
Adding borders to elements.
Futureproofi ng your layout.
The pros and cons of Absolutely Positioned CSS layouts.
Lesson 6: Advanced Page Layout.
Layout with AP divs versus layout with floats.
Creating a floated .
Creating columns with HTML and CSS.
Creating the HTML Structure with div elements.
Setting the width and fl oating the columns.
Using the Clear property.
Creating a list-based navigation bar.
Changing column layout and size.
Creating the appearance of equal height columns.
Adding code for IE 6.
Applying fi nishing touches.
Creating more sophisticated layouts.
Lesson 7: Working with Tables.
.Using tables in web design.
Importing table data.
Selecting table elements.
Modifying table size.
Modifying table structure.
Creating a table.
Formatting and styling tables in HTML.
Formatting and styling tables with CSS.
Advanced CSS styling of tables.
Controlling cell alignment, padding, and borders with CSS.
Creating alternate row styling with CSS.
Reusing CSS for other tables.
Data sorting tables.
.Lesson 8: Fine-Tuning Your Workfl ow.
Customizing panels and panel groups.
Using the Favorites tab on the Insert bar.
Resizing the document window.
The tag selector.
Switching between tabs and cascading documents.
.Lesson 9: Adding Flash, Video, and Sound Content.
Making web content interesting.
Inserting Flash movies.
QuickTime video and Windows Media.
Lesson 10: Maximizing Site Design.
Creating modular page elements.
The Snippets panel.
Creating new snippets.
Introducing library items.
Modifying and updating library items.
Creating a new template.
Working with editable regions.
Creating new pages from templates.
Putting repeating regions into action.
Detach from Template command.
Lesson 11: Working with Code-editing Features.
Working with code.
Accessing code with the tag selector.
Inserting tags with the Tag Chooser.
Inserting and editing comments.
Working in the Code view.
Modifying the Code View Workspace.
The Coding toolbar.
Collapsing and expanding tags and code blocks.
Validating your code.
Highlighting and correcting invalid code.
Running a Report.
Lesson 12: Building Web Forms.
Forms in everyday (web) life.
How forms work.
Building a contact form.
Setting form properties.
Adding form elements.
Adding text fields.
Adding radio buttons.
Adding radio groups.
Adding lists and menus.
Adding a text area.
Adding a File Upload field.
Creating Submit and Reset buttons.
Styling forms with CSS.
Attaching external styles.
Setting a background color.
Styling form elements.
Applying the .label style.
Form processing and validation.
Adding form validation.
A look at the Behaviors panel.
Setting an event or trigger.
Previewing the button behavior.
Validating form fields.
Changing a form field's behavior order.
Verifying field contents.
Lesson 13: Working with the Spry Framework.
Introducing the Spry Widgets.
The Spry framework for AJAX.
What is AJAX?
A look at the project.
The Spry Menu bar.
Customizing Spry Widgets with CSS.
The Spry Tabbed panel.
The Spry Accordion panel.
The Spry Collapsible panel.
Working with Spry Data Widgets.
What is XML?
Creating a Spry XML data set.
Adding a Spry Data Widget: The Spry Repeat List.
Styling and fi ne-tuning data widgets.
Lesson 14: Managing Your Web Site: Reports, Optimization, and Maintenance.
Working with the Files panel.
Creating a remote connection.
Viewing files on a remote web server.
Transferring files to and from a remote server with Get and Put.
Using Check In/Check Out and Design Notes.
Check In and Check Out.
Using Design Notes.
Sharing Design Notes.
Displaying Design Notes in the Files panel.
Testing site integrity.
Using Check Links.
Checking links sitewide.
Generating site reports.
Understanding report results.
Addressing a listed item.
The Browser Compatibility Check.
The CSS Advisor.
Optimizing pages for launch.
Search engine visibility and Search Engine Optimization.
Adding meta keywords and descriptions.
Describing images with alternate text.
Launching your site.
Site Launch Checklist.
Uploading your site.
Getting help and using the reference guides.
The Reference panel.
Suggested next steps.
Lesson 15: Using Legacy Tools: Frames and Tables.
How frames work.
Advantages and disadvantages of frames.
Common frame usage.
The Frames panel.
Setting frameset properties.
Setting frame properties.
Splitting a frame.
Dragging a frame border.
Specifying frame content.
Linking to outside web pages.
Using _top to replace a frameset.
Using tables for layout.
Tables versus CSS.
Inserting a table.
Setting table borders.
Nesting a table inside a row..
Specifying column widths.
Adding content to tables.
Adding another table.
Lesson 16: Dreamweaver CS5 New Features.
What's new in Dreamweaver CS5?
New support for Content Management Systems.
Preview pages using Adobe Browserlab.
Site setup and support for multiple servers.
PHP Code hinting.
Other new features.
Business Catalyst Integration.
CSS Starter Pages.