Simon Sez IT

Online software training and video tutorials for Microsoft, Adobe & more

  • Course List
    • Adobe
      • Dreamweaver
        • Dreamweaver CC
        • Dreamweaver CS6
        • Dreamweaver CS5
        • Dreamweaver CS4
      • Flash
        • Flash CS5
      • InDesign
        • InDesign CS6
        • InDesign CS5
      • Photoshop
        • Photoshop CS6
        • Photoshop CS5
        • Adobe Photoshop CS4
      • Photoshop Elements
        • Photoshop Elements 2022
        • Photoshop Elements 2019
        • Photoshop Elements 2018
        • Photoshop Elements 15
        • Photoshop Elements 14
        • Photoshop Elements 13
        • Photoshop Elements 12
        • Photoshop Elements 11
        • Photoshop Elements 10
        • Photoshop Elements 9
        • Photoshop Elements 8
    • Microsoft
      • Access
        • Access 2019
        • Access 2019 Advanced
        • Access 2016
        • Access 2016 Advanced
        • Access 2013
        • Access 2013 Advanced
        • Access 2010
        • Access 2010 Advanced
        • Access 2007
      • Excel
        • Excel 2021 Advanced
        • Excel 2021 Intermediate
        • Excel 2021 Beginners
        • PivotTables for Beginners
        • Excel Dashboards
        • Advanced Formulas in Excel
        • Excel for Business Analysts
        • Advanced PivotTables
        • Power Pivot, Power Query and DAX in Excel
        • Excel 2019 Beginners (Mac)
        • Excel 2019 Beginners
        • Excel 2019 Advanced
        • Excel 2016 Beginners
        • Excel 2016 Intermediate
        • Excel 2016 Advanced
        • Excel 2013
        • Excel 2013 Advanced
        • Excel 2010 Beginners
        • Excel 2010 Advanced
        • Excel 2007
      • OneNote
        • OneNote Desktop and Windows 10
        • OneNote 2016
      • Outlook
        • Outlook 2019
        • Outlook 2016
        • Outlook 2013
        • Outlook 2010
        • Outlook 2007
      • Power Automate
        • Introduction to Power Automate
      • PowerPoint
        • PowerPoint 2021
        • PowerPoint 2019
        • PowerPoint 2016
        • PowerPoint 2013
        • PowerPoint 2010
        • PowerPoint 2007
      • Project
        • Project 2019
        • Project 2019 Advanced
        • Project 2016
        • Project 2016 Advanced
        • Project 2013
        • Project 2013 Advanced
        • Project 2010
        • Project 2010 Advanced
      • Publisher
        • Publisher 2013
      • SharePoint
        • SharePoint Online
        • SharePoint Foundation 2013
        • SharePoint Server 2013
        • SharePoint Foundation 2010
      • Teams
        • Microsoft Teams
      • VBA
        • Macros and VBA for Beginners
        • VBA for Excel
        • VBA Intermediate Training
      • Visio
        • Microsoft Visio 2019
        • Visio 2016
        • Visio 2013
        • Microsoft Visio 2010
      • Windows
        • Windows 11
        • Windows 10 (2020 Update)
        • Windows 10
        • Windows 8
        • Windows 7
        • Windows Vista
      • Word
        • Word 2019 Advanced
        • Word 2019
        • Word 2016
        • Word 2013
        • Word 2010
        • Word 2007
    • QuickBooks
      • QuickBooks
        • QuickBooks Pro 2021
        • QuickBooks Online Advanced
        • QuickBooks Online
        • QuickBooks Canada
        • QuickBooks Pro 2020
        • QuickBooks 2019
        • QuickBooks 2018
        • QuickBooks Pro 2017
        • QuickBooks Pro 2016
        • QuickBooks Pro 2015
        • QuickBooks Pro 2014
        • QuickBooks Pro 2013
        • QuickBooks Pro 2012
        • QuickBooks Pro 2011
        • QuickBooks Pro 2010
        • QuickBooks Pro 2009
    • Web Development
      • AngularJs
        • AngularJS Crash Course
      • Dreamweaver
        • Dreamweaver CC
        • Dreamweaver CS6
        • Dreamweaver CS5
        • Dreamweaver CS4
      • Bootstrap
        • Bootstrap Framework
      • Html/CSS
        • HTML/CSS Crash Course
        • HTML5 Essentials
      • Python
        • Introduction to Python
      • Java
        • Java for Beginners
      • JavaScript
        • JavaScript for Beginners
        • jQuery Crash Course
      • MySql
        • MySQL for Beginners
      • PHP
        • PHP for Beginners
        • Advanced PHP Programming
      • XML
        • XML Crash Course
    • Data Analysis
      • Financial Modeling
        • Financial Forecasting and Modeling
      • Alteryx
        • Introduction to Alteryx
      • Power BI
        • Power BI – Beyond the Basics
        • Power BI
      • Qlik Sense
        • Qlik Sense
      • R Programming
        • R Programming
      • Tableau
        • Tableau Desktop
      • Python
        • Introduction to Python
    • Work Productivity
      • Google Sheets
        • Google Sheets for Beginners
      • Confluence
        • Introduction to Confluence
      • Monday
        • Getting Started in Monday.com
      • Asana
        • Introduction to Asana
      • Jira
        • Getting Started in Jira
  • For Business
  • About Us
    • Testimonials
    • Contact Us
    • FAQ
    • Membership
    • About Us
  • Pricing
  • Free Resources
  • Sign In
  • Sign Up
Home > Web Design > Multiscreen Preview and Screen Size Settings in Dreamweaver CS6

Multiscreen Preview and Screen Size Settings in Dreamweaver CS6

Multiscreen Preview is a new feature in Dreamweaver CS6 which has a particular value in relation to mobile devices. In this age of advanced technology, viewing websites is not only possible through desktop computers and laptops. Nowadays, we have so many devices of all screen sizes that people use to browse the internet and view websites. We have devices such smart phones, tablets, PSPs, netbooks, to mention a few. Dreamweaver took note of this and that’s why this feature was introduced.

Facebook Linkedin Twitter

Through Multiscreen Preview, you will be able to view how your website looks in three different default screen sizes, as well as adjust your website to other size settings.

To access Multiscreen Preview, open your website in Dreamweaver CS6. While in Design view, click on the Preview button / icon found right after the View buttons.

When you click Multiscreen Preview, a dialog comes up showing a preview of your website in three different screen sizes. Currently, it is set to a phone size of 320 x 300, a tablet size of 768 x 300, and a PC desktop size of 1126 x 204. You can change these sizes later on.

On the right hand side of the Multiscreen Preview dialog, you will find the Media Queries and Viewport Sizes buttons.

Media Queries is a very useful approach that we take when dealing with different sizes of device. What this does is that the browser asks the device that the user is using what size the device screen is. Through Media Queries, you can have your website render itself in an appropriate size for that device.


In Viewport Sizes, you will see the three default screen size settings that come in Dreamweaver CS6. You can change the sizes through the Viewport Size dialog by changing the width and height. If you have already applied a new size setting and would want to revert it back to the default sizes, you can click on the Reset to defaults button.

You can also view individual sizes not included in the Multiscreen Preview dialog while in Design view. To do this, cick on the Preview button / icon again, there you will see a list of other predefined sizes for feature phones, smart phones, tablet, PC, and so on. Click on one of those and you get a preview of that particular screen size.

Aside from changing the width and height in Viewport size dialog while in the Multiscreen Preview, you can also edit sizes or add a new window size. You can do this by again clicking on the Preview button / icon, then Edit Sizes. A Preferences dialog appears with the category Window Sizes highlighted. (Tip: You can also access the Preferences dialog thru the Edit menu.)

To add a new window size, click on the Plus (+) button. On the appropriate column, type in the width, hit the Tab key and type in the height, hit the Tab key and type in the description, and finally click OK.

Dreamweaver’s Multiscreen Preview is a very powerful addition to its many functional features as this makes our websites more accessible to more people who use various types of devices to access the internet.

 

Need Dreamweaver training? Get 12 hours of Adobe Dreamweaver CS6 online training course by Simon Sez IT.

 

Simon Calder

Chris “Simon” Calder was working as a Project Manager in IT for one of Los Angeles’ most prestigious cultural institutions, LACMA. He taught himself to use Microsoft Project from a giant textbook and hated every moment of it. Online learning was in its infancy then, but he spotted an opportunity and made an online MS Project course - the rest, as they say, is history!

30 day vertical banner

Most Popular Posts

  • How to Insert a Checkbox in Excel? 3 EASY Examples
  • How to Autofit Excel Cells? 3 Best Methods
  • XLOOKUP Google Sheets – 4 Best Alternatives!
  • Dashboards in Excel Using Pivot Tables, Pivot Charts and Slicers
  • Free Microsoft Project Training Course
  • Free Microsoft Access Tutorial for Beginners (3.5 Hours Video)
  • How to Use Blending Mode With Layers in Adobe Photoshop Elements 15
  • How to Create Charts and Graphs in Microsoft Excel 2016

START LEARNING Multiscreen Preview and Screen Size Settings in Dreamweaver CS6 ON SIMONSEZIT.COM

START MY MEMBERSHIP

Similar Posts

Using Microsoft PowerPoint 2010 – Walk Before You Run

Setting Up Preferences in Dreamweaver CS6

Using Project 2010 Work Breakdown Structure (WBS) Codes – Part 2

Free PowerPoint Introductory Course – 2019

How to Create a New PowerPoint 2013 Presentation

Managing Microsoft Outlook 2010 with Mailbox Rules

Course Categories

  • Web Development
  • QuickBooks
  • Microsoft
  • Adobe
  • Data Analysis

About Us

  • About Us
  • Free Resources
  • Affiliates
  • Become an Instructor

Products

  • Pricing and Plans
  • Business Pricing
  • Government Discounts
  • Non-Profit Discounts

Support

  • FAQ’s
  • Contact Us
  • DVD support

Connect

YoutubeFacebook
© 2022 Simon Sez IT, Inc.
  • Terms
  • Privacy Policy
888.817.6665 Monday thru Friday 7:30 a.m. - 5:00 p.m. (ET)