book

Adobe® Dreamweaver® CS6 Classroom in a Book®

by Adobe Creative Team

June 2012

Intermediate to advanced

448 pages

11h 50m

English

Adobe Press

Read now

Unlock full access

About Classroom in a BookTinyURLsPrerequisitesInstalling the programCopying the Classroom in a Book filesRecommended lesson orderJumpstartSetting up the workspaceWindows vs. Macintosh instructionsFinding Dreamweaver informationChecking for updatesAdditional resourcesAdobe certification
Touring the workspaceSwitching and splitting viewsWorking with panelsSelecting a workspace layoutAdjusting toolbarsPersonalizing preferencesCreating custom keyboard shortcutsUsing the Property inspectorReview questionsReview answers
What is HTML?Where did HTML begin?Writing your own HTML codeFrequently used HTML 4 codesIntroducing HTML5Review questionsReview answers
What is CSS?HTML vs. CSS formattingHTML defaultsCSS box modelFormatting textFormatting objectsMultiples, classes, and IDs, oh my!CSS3 overview and supportReview questionsReview answers
Web design basicsWorking with thumbnails and wireframesDefining a Dreamweaver siteUsing the Welcome screenPreviewing your completed fileModifying an existing CSS layoutAdding a background image to the headerInserting new componentsChanging element alignmentModifying the page width and background colorModifying existing content and formattingInserting an image placeholderInserting placeholder textModifying the footerChecking browser compatibilityReview questionsReview answers
Previewing the completed fileWorking with the CSS Styles panelWorking with typeUsing images for graphical effectsCreating new CSS rulesCreating an interactive menuModifying hyperlink behaviorCreating faux columnsMoving rules to an external style sheetCreating style sheets for other mediaReview questionsReview answers

Previewing completed filesCreating a template from an existing layoutInserting editable regionsProducing child pagesUpdating a templateUsing library itemsUsing server-side includesReview questionsReview answers
Previewing the completed fileCreating and styling textCreating and styling tablesSpell checking webpagesFinding and replacing textReview questionsReview answers
Reviewing web image basicsPreviewing the completed fileInserting an imageAdjusting image positions with CSS classesWorking with the Insert panelUsing Adobe Bridge to insert imagesInserting non-web file typesWorking with Photoshop Smart ObjectsCopying and pasting images from Photoshop and FireworksInserting images by drag and dropOptimizing images with the Property inspectorReview questionsReview answers
Hyperlink basicsPreviewing the completed fileCreating internal hyperlinksCreating an image-based linkCreating an external linkSetting up email linksTargeting page elementsInserting Spry menu barsChecking your pageReview questionsReview answers
Learning about Dreamweaver behaviorsPreviewing the completed fileWorking with Dreamweaver behaviorsWorking with Spry Accordion widgetsReview questionsReview answers
Understanding web animation and videoPreviewing the completed fileAdding web animation to a pageAdding web video to a pageReview questionsReview answers
Previewing the completed fileLearning about formsAdding a form to a pageInserting text form elementsInserting checkboxesCreating radio buttonsIncorporating text areasWorking with listsAdding a Submit buttonSpecifying a form actionEmailing form dataStyling formsReview questionsReview answers
Working with dynamic contentPreviewing the completed fileUsing HTML and XML dataChoosing a server modelConfiguring a local web serverSetting up a testing serverBuilding database applicationsReview questionsReview answers
Building pages with PHPCreating a master/detail page setCreating a detail pageReview questionsReview answers
Defining a remote siteCloaking folders and filesWrapping things upPutting your site onlineSynchronizing local and remote sitesReview questionsReview answers
Titles

Content preview from Adobe® Dreamweaver® CS6 Classroom in a Book®

8. Working with Images

Lesson Overview

In this lesson, you’ll learn how to work with images to include them in your webpages in the following ways:

• Inserting an image

• Using Bridge to import Photoshop or Fireworks files

• Using Photoshop Smart Objects

• Copying and pasting an image from Photoshop and Fireworks

This lesson will take about 55 minutes to complete. Before beginning, make sure you have copied the files for Lesson 8 to your hard drive as described in the “Getting Started” section at the beginning of the book. If you are starting from scratch in this lesson, use the method described in the “Jumpstart” section of “Getting Started ...