Customizing Adobe Dreamweaver CS5 Part 1

This topic explains how to change the screen resolution in Windows 7 to the resolution used in this topic.

Changing Screen Resolution

Screen resolution indicates the number of pixels (dots) that the computer uses to display the letters, numbers, graphics, and background you see on the screen. When you increase the screen resolution, Windows displays more information on the screen, but the information decreases in size. The reverse also is true: as you decrease the screen resolution, Windows displays less information on the screen, but the information increases in size.

The screen resolution usually is stated as the product of two numbers, such as 1024 X 768 (pronounced “ten twenty-four by seven sixty-eight”). A 1024 X 768 screen resolution results in a display of 1,024 distinct pixels on each of 768 lines, or about 786,432 pixels. The figures in this topic were created using a screen resolution of 1024 X 768.

This is the screen resolution most commonly used today, although some Web designers set their computers at a much higher screen resolution, such as 2048 X 1536.

To Change the Screen Resolution

The following steps change the screen resolution to 1024 X 768 to match the figures in this topic.

1

•    If necessary, minimize all programs so that the Windows 7 desktop appears.

•    Right-click the Windows 7 desktop to display the Windows 7 desktop shortcut menu (Figure D-1).


Figure D-1

Figure D-1

2

• Click Screen resolution on the shortcut menu to open the Screen Resolution window (Figure D-2).

Figure D-2

Figure D-2

3

•    Click the Resolution button to display a list of resolution settings for your monitor.

•    If necessary, drag the Resolution slider so that the screen resolution is set to 1024 X 768 (Figure D-3).

Figure D-3

Figure D-3

4

•    Click the OK button to set the screen resolution to 1024 X 768.

•    Click the Keep changes button in the Display Settings dialog box to accept the new screen resolution (Figure D-4).

Figure D-4

Figure D-4

Quick Reference Summary

In the Adobe Dreamweaver CS5 program, you can accomplish a task in a number of ways.The second column indicates the page number on which the task is discussed in the topic. The subsequent four columns list the different ways the task in column one can be carried out.

Adobe Dreamweaver CS5 Quick Reference Summary

Task

Page

Number

Mouse

Menu

Context Menu

Keyboard

Shortcut

Absolute link, create

DW 155

Link text box in Property inspector

Insert | Hyperlink

Make Link

Align image

DW 128

Align button in Property inspector

Align

Align table

DW 195

Align button in Property inspector

Format | Align

Align

Alt text, specify for image

DW 125

Alt text box in Property inspector or drag image to page, enter Alt text (Image Tag Accessibility Attributes dialog box)

Apply background image to page

DW 60

Page Properties button on Properties

Modify | Page Properties

Page Properties

CTRL+J

Assets panel, display

DW 124

Click Assets panel tab

Assets panel, open or close

DW 124

Double-click Assets panel tab

Window | Assets

Background, add to page

DW 60

Page Properties button on Properties

Modify | Page Properties

Page Properties

CTRL+J

Block quote, create

DW 67

Blockquote (Text Indent) button in Property inspector

Format | Indent

List | Indent

CTRL+ALT+]

Block quote, remove

DW 67

Remove Blockquote (Text Outdent) button in Property inspector

Format | Outdent

List | Outdent

CTRL+ALT+[

Bold, apply to text

DW 67, DW 73

Bold button in Property inspector

Format | Style | Bold

Style

CTRL+B

Border, add or change for table

DW 235

Border text box in Property inspector

Adobe Dreamweaver CS5 Quick Reference Summary

Task

Page

Number

Mouse

Menu

Context Menu

Keyboard

Shortcut

Border, add to image

DW 235

Border text box in Property inspector

Brightness and contrast, adjust for image

DW 144

Brightness and Contrast tool in Property inspector

Modify | Image | Brightness/Contrast

Browsers, select

DW 81

Edit | Preferences | Preview in Browser

Bulleted list, create

DW 67, DW 72

Unordered List button in Property inspector

Format | List | Unordered List

List | Unordered List

Cell padding, set for table

DW 194

CellPad text box in Property inspector

Cell spacing, set for table

DW 194

CellSpace text box in Property inspector

Cell, change height in table

DW 197

H text box in Property inspector or drag cell border

Cell, change horizontal alignment in table

DW 209

Horz button in Property inspector

Format | Align

Align

Cell, change vertical alignment in table

DW 203

Vert button in Property inspector

Format | Align

Align

Cell, change width in table

DW 197

W text box in Property inspector or drag cell border

Center text

DW 70

Format | Align | Center

Align | Center

CTRL+ALT+SHIFT+C

Check spelling

DW 79

Commands | Check Spelling

SHIFT+F7

Classic workspace, switch to

DW 37

Workspace switcher arrow on Application bar

Window | Workspace Layout

Clear column widths for table

DW 204

Clear Column Widths button in Property inspector

Modify | Table | Clear Cell Widths

Clear All Widths

Clear row heights for table

DW 204

Clear Row Heights button in Property inspector

Modify | Table | Clear Cell Heights

Clear All Heights

Collapse Property inspector

DW 66

Double-click title bar

Window | Properties

Minimize

CTRL+F3

Column, change horizontal alignment in table

DW 209

Horz button in Property inspector

Format | Align

Align

Column, change vertical alignment in table

DW 203

Vert button in Property inspector

Format | Align

Align

Column, delete in table

DW 215

Modify | Table | Delete Column

Table | Delete Column

DEL

Column, insert in table

DW 215

Modify | Table | Insert Column

Table | Insert Column

TAB

Columns, set for table

DW 194

Table dialog box or Cols text box in Property inspector

Contrast, adjust for image

DW 144

Brightness and Contrast tool in Property inspector

Modify | Image | Brightness/Contrast

Next post:

Previous post: