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!

Image Scaling Using the Properties Panel

  • The Properties panel allows you to modify the size of images for width and height
  • It is not recommended that you change an image size by modifying the width and height values in the Properties panel, you should modify any images within a graphics editor and be sure the image is optimized for the page
  • If you reduce the size of an image using the Properties panel, the image still downloads at its original size, and the browser modifies the sizing when it displays the image within the web page
  • Dreamweaver displays additional icons in the Properties panel if the image is not its original size
  • The checkmark icon marked commit permanently edits the image to the width and height settings displayed
  • The cancel icon prevents the change from occurring on the image
  • You can lock the width and height ratio of an image when modifying the width or height in the Properties panel by clicking the padlock icon
  • Bold type for the width or height tells you that number is not set to the actual size of the image
  • Be careful when working on images to be sure you are not permanently altering images accidentally

Image Scaling Using the Properties Panel

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
  • Image Dimensions 1:11
    • Lock
    • Reset to Original Size
    • Commit Image Size
  • Changing Width and Height in Properties 3:04
    • Resized Image in Assets Panel
    • Commit Image Size Pop Up Window
    • Caution for Overriding Images