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!

Planning for Multiple Screen Sizes

  • Planning for multiple screen sizes can be a tricky process
  • There is always the question of which screen size to plan first, the mobile version or the desktop version
  • There are many different views in this regard, and the thinking has changed a bit to focus a bit more on the mobile side now that mobile has become so prevalent for browser viewing
  • Dreamweaver offers tools to assist you with planning for various screen sizes
    • The Tablet Size resolution switcher to change screen dimensions directly within design view
    • The integrated workspace which allows you to adjust the width of the document window and view how the page would look at that specific width

Planning for Multiple Screen Sizes

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
  • Viewing in Different Screen Widths 2:14
    • Mobile Device Navigation
  • Mobile Size Icon 5:25
    • Tablet Size Icon
    • Desktop Size Icon
    • Resolution Switcher
    • Full Size View