Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Adobe Dreamweaver CC
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Books

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for Educator.com

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

Incorporating Photoshop Smart Objects

  • Instead of inserting a jpg or gif, I can insert a psd, the native Photoshop image format
  • You must have Photoshop installed on your system in order to use smart objects
  • Create a new page and name it austria.html
  • Link to this new page from the Austria word on destinations.html
  • When I do this, Dreamweaver opens the optimize panel to allow you to optimize or reduce the file size
  • Choose an optimization level and size for your image
  • When I insert this image, I get the icon in the left side
  • Now go out to Photoshop to edit this image
  • We will crop this image and auto adjust it
  • Save the image
  • You will see in Dreamweaver it says the original image has been modified
  • Click the refresh button to update the image within the page
  • We just used a Photoshop Smart Object on our web page

Incorporating Photoshop Smart Objects

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • PSD 0:24
    • Inserting PSD
    • Linking to Different Image Page
    • New File
    • Dragging Image
    • Optimizing Image Within Dreamweaver
    • File Size
    • Image Sync Icon
    • Modifying Image in Photoshop
  • Locating Modified Image 6:11
    • Original Asset Modified
    • Update From Original