How to Change the Page Size in Dreamweaver MX

Written by foye robinson
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to Change the Page Size in Dreamweaver MX
Change page size in Dreamweaver MX (website layout image by 6922Designer from Fotolia.com)

Dreamweaver MX works with cascading style sheets (CSS) to format your page the way you want. You can create or edit your CSS code in Dreamweaver and then link it to the Hypertext Markup Language (HTML) file you are working on. You can set the dimensions of your page to a relative size (based on a percentage of your screen size), or to an absolute value (not affected by the screen size).

Skill level:
Easy

Other People Are Reading

Instructions

  1. 1

    Create or open your CSS file in Dreamweaver MX. Select "CSS" from "Create New" in the main screen to create the file, or select "Open" and browse to find your CSS file for an existing file.

  2. 2

    Copy the following code to the CSS file to define the page dimensions for the <BODY> tag: body { width: 800px; }

  3. 3

    Reduce or increase the width size (in pixels) to change the settings for your page. To use a relative width (based on the size of your screen), use "width: 90%" or another percentage.

  4. 4

    Save the CSS file by selecting "File" and "Save" from the toolbar. The file will have a ".CSS" extension. Navigate to the folder where the file should be saved, name your file and click on "Save."

  1. 1

    Open the HTML file where you want the style applied in Dreamweaver MX.

  2. 2

    Select "Text," "CSS Styles" and "Attach Style Sheet" from the toolbar. Click on "Browse" and double-click on the CSS file you created. The style sheet will be added between the <HEAD> tag of your HTML file.

  3. 3

    Save your changes, then check how the page looks in a web browser by selecting the "Preview/Debug in browser" button and choosing a browser from the list (or, for a shortcut, click "F12").

Don't Miss

Filter:
  • All types
  • Articles
  • Slideshows
  • Videos
Sort:
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the eHow.co.uk site, you consent to the use of cookies. For more information, please see our Cookie policy.