Tải bản đầy đủ

584 dreamweaver CS5 5 the missing manual

www.it-ebooks.info


www.it-ebooks.info


Dreamweaver
CS5.5
The book that should have been in the box

®

www.it-ebooks.info


www.it-ebooks.info


Dreamweaver
CS5.5
The book that should have been in the box


®

David Sawyer McFarland

Beijing | Cambridge | Farnham | Köln | Sebastopol | Tokyo

www.it-ebooks.info


Dreamweaver CS5.5: The Missing Manual
by David Sawyer McFarland
Copyright © 2011 O’Reilly Media, Inc. All rights reserved.
Printed in the Unites States of America.
Published by O’Reilly Media, Inc., 1005 Gravenstein Highway North, Sebastopol, CA 95472.
O’Reilly Media books may be purchased for educational, business, or sales promotional use. Online
editions are also available for most titles: http://my.safaribooksonline.com. For more information,
contact our corporate/institutional sales department: 800-998-9938 or corporate@oreilly.com.
Printing History:
June 2011:

First Edition.

Nutshell Handbook, the Nutshell Handbook logo, the O’Reilly logo, and “The book that should
have been in the box” are registered trademarks of O’Reilly Media, Inc. Dreamweaver CS5.5:
The Missing Manual, The Missing Manual logo, Pogue Press, and the Pogue Press logo are
trademarks of O’Reilly Media, Inc.
Many of the designations used by manufacturers and sellers to distinguish their products are
claimed as trademarks. Where those designations appear in this book, and O’Reilly Media, Inc.
was aware of a trademark claim, the designations have been printed in caps or initial caps.
While every precaution has been taken in the preparation of this book, the publisher and author
assume no responsibility for errors or omissions, or for damages resulting from the use of the
information contained herein.

ISBN: 978-1-449-39797-5
[M]

www.it-ebooks.info



Table of Contents

The Missing Credits. . . . . . . . . . . . . . . . . . . . . . . . . . . . xxi
Introduction.. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

Part One: Building a Web Page
Chapter 1: Dreamweaver CS5.5 Guided Tour.. . . . . . . . . . . . . 21
The Dreamweaver CS5.5 Interface. . . . . . . .
The Document Window. . . . . . . . . . .
The Insert Panel. . . . . . . . . . . . . . .
The Files Panel. . . . . . . . . . . . . . . .
The Property Inspector.. . . . . . . . . . .
The Application Bar. . . . . . . . . . . . .
Organizing Your Workspace. . . . . . . . .
Setting Up a Site. . . . . . . . . . . . . . . . .
Creating a Web Page. . . . . . . . . . . . . . .
The Dreamweaver Test Drive. . . . . . . . . . .
Phase 1: Getting Dreamweaver in Shape. .
Phase 2: Creating a Website. . . . . . . . .
Phase 3: Creating and Saving a Web Page..
Phase 4: Adding Images and Text. . . . . .
Phase 5: Preview Your Work. . . . . . . . .
Phase 6: Finishing the Page. . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . .

Chapter 2: Adding Text to Your Web Pages.. . . . . . . . . . . . .
Adding Text in Dreamweaver. . .
Adding Special Characters. .
Line Breaks. . . . . . . . . .
Nonbreaking Spaces. . . . .
Multiple Spaces.. . . . . . .
Adding a Date to Your Page.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

21
22
25
29
30
31
33
39
43
47
47
51
52
57
63
67

75
75
76
77
79
80
81

v

www.it-ebooks.info


Copying and Pasting Text. . . . . . . . . . . . . . . . . .
Simple Copy and Paste.. . . . . . . . . . . . . . . .
Paste Special. . . . . . . . . . . . . . . . . . . . . .
Pasting Text from Word: The Basic Method. . . . . .
Pasting Text with Word Formatting. . . . . . . . . .
Pasting Excel Spreadsheet Information. . . . . . . .
Importing Word and Excel Documents (Windows). .
Selecting Text. . . . . . . . . . . . . . . . . . . . . . . .
Spell-Checking. . . . . . . . . . . . . . . . . . . . . . .
About Dictionaries. . . . . . . . . . . . . . . . . . .
Performing the Check. . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .

Chapter 3: Text Formatting.. . . . . . . . . . . . . . . . . . . . . . .
Paragraph Formatting.. . . . . . . . . . . . . . .
Paragraphs. . . . . . . . . . . . . . . . . . .
Headlines.. . . . . . . . . . . . . . . . . . .
Preformatted Text. . . . . . . . . . . . . . .
Paragraph Alignment.. . . . . . . . . . . . .
Indented Paragraphs. . . . . . . . . . . . . .
Creating and Formatting Lists. . . . . . . . . . .
Bulleted and Numbered Lists. . . . . . . . .
Reformatting Bulleted and Numbered Lists. .
Definition Lists. . . . . . . . . . . . . . . . .
Removing and Deleting List Items. . . . . . .
Text Styles. . . . . . . . . . . . . . . . . . . . . .

82
82
83
85
87
88
88
88
91
91
91

95
97
98
. 99
100
101
101
102
103
105
107
109
110

. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .

Chapter 4: Introducing Cascading Style Sheets.. . . . . . . . . . . 113
Cascading Style Sheet Basics. . . . . . . . . . . .
Why Use CSS?. . . . . . . . . . . . . . . . .
Internal vs. External Style Sheets.. . . . . . .
Types of Styles. . . . . . . . . . . . . . . . .
Creating Styles. . . . . . . . . . . . . . . . . . .
Phase 1: Set Up the Style.. . . . . . . . . . .
Phase 2: Defining a Style.. . . . . . . . . . .
Creating a Style with the Property Inspector.
Using Styles. . . . . . . . . . . . . . . . . . . . .
Applying a Class Style. . . . . . . . . . . . .
Removing a Class Style.. . . . . . . . . . . .
Applying IDs to a Tag.. . . . . . . . . . . . .
Linking to an External Style Sheet. . . . . . .
Manipulating Styles. . . . . . . . . . . . . . . . .
Editing Styles. . . . . . . . . . . . . . . . . .
Deleting a Style.. . . . . . . . . . . . . . . .
Renaming a Class Style.. . . . . . . . . . . .
Duplicating a Style. . . . . . . . . . . . . . .

vi

. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .

table of contents

www.it-ebooks.info

114
114
115
116
117
117
121
121
123
124
126
127
128
129
129
130
131
133


Text Formatting with CSS. . . . . . . . . . . . . . . . . .
Choosing a Font. . . . . . . . . . . . . . . . . . . .
Changing the Font Size.. . . . . . . . . . . . . . . .
Picking a Font Color. . . . . . . . . . . . . . . . . .
Adding Bold and Italic. . . . . . . . . . . . . . . . .
Aligning Text. . . . . . . . . . . . . . . . . . . . . .
CSS Type Properties in the Rule Definition Window.
Block Properties. . . . . . . . . . . . . . . . . . . .
List Properties. . . . . . . . . . . . . . . . . . . . .
Cascading Style Sheets Tutorial.. . . . . . . . . . . . . .
Setting Up. . . . . . . . . . . . . . . . . . . . . . .
Creating an External Style Sheet. . . . . . . . . . . .
Editing a Style. . . . . . . . . . . . . . . . . . . . .
Adding Another Style.. . . . . . . . . . . . . . . . .
Creating a Class Style. . . . . . . . . . . . . . . . .
Attaching an External Style Sheet. . . . . . . . . . .

. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .

134
134
139
142
144
145
146
148
151
152
153
153
155
158
160
163

Chapter 5: Links. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167
Understanding Links. . . . . . . . . . . . . . . .
Absolute Links. . . . . . . . . . . . . . . . .
Document-Relative Links.. . . . . . . . . . .
Root-Relative Links. . . . . . . . . . . . . . .
Link Types in Action. . . . . . . . . . . . . .
Executive Summary. . . . . . . . . . . . . .
Adding a Link. . . . . . . . . . . . . . . . . . . .
Browsing for a File. . . . . . . . . . . . . . .
Using the Point-to-File Tool. . . . . . . . . .
Typing (or Pasting) the URL or Path. . . . . .
Using the Hyperlink Object. . . . . . . . . .
Adding an Email Link. . . . . . . . . . . . . . . .
Linking Within a Web Page. . . . . . . . . . . . .
Method 1: Creating a Named Anchor. . . . .
Method 2: Adding an ID. . . . . . . . . . . .
Linking to an Anchor or ID.. . . . . . . . . .
Viewing and Hiding Anchors.. . . . . . . . .
Modifying a Link. . . . . . . . . . . . . . . . . .
Changing a Link’s Destination. . . . . . . . .
Removing a Link. . . . . . . . . . . . . . . .
Styling Links.. . . . . . . . . . . . . . . . . . . .
CSS and Links. . . . . . . . . . . . . . . . .
Creating a Navigation Menu. . . . . . . . . . . .
Adding a Menu. . . . . . . . . . . . . . . . .
Adding, Editing, and Removing Links. . . . .
Changing the Look of the Navigation Menu..

. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .

167
168
168
169
172
173
174
174
177
178
179
183
184
184
186
186
187
188
188
188
188
190
192
193
195
197

table of contents

www.it-ebooks.info

vii


Link Tutorial.. . . . . . . . . . . . . . . .
Linking to Other Pages and Websites.
Formatting Links. . . . . . . . . . . .
Adding a Navigation Bar. . . . . . . .
Styling the Menu Bar.. . . . . . . . .
Submenus and Rollover Buttons.. . .

. . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . .

204
204
206
207
212
216

Chapter 6: Images. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 221
Adding Images. . . . . . . . . . . . . . . . . . . . . .
Adding an Image Placeholder. . . . . . . . . . . .
Inserting an Image from Photoshop. . . . . . . . . . .
Method 1: Using the Insert Image Object. . . . . .
Method 2: Copying and Pasting from Photoshop. .
Modifying an Image. . . . . . . . . . . . . . . . . . .
Adding an ID to an Image. . . . . . . . . . . . . .
Adding a Text Description to an Image. . . . . . .
Changing an Image’s Size. . . . . . . . . . . . . .
Some Properties to Avoid. . . . . . . . . . . . . .
Controlling Images with CSS. . . . . . . . . . . . . . .
Wrapping Text Around an Image. . . . . . . . . .
Adding Borders.. . . . . . . . . . . . . . . . . . .
Background Images. . . . . . . . . . . . . . . . .
Editing Graphics.. . . . . . . . . . . . . . . . . . . . .
Dreamweaver’s Built-In Editing Tools. . . . . . . .
Setting Up an External Editor. . . . . . . . . . . .
Editing Smart Objects. . . . . . . . . . . . . . . .
Editing Images Pasted from Photoshop. . . . . . .
Optimizing an Image. . . . . . . . . . . . . . . . .
Image Maps.. . . . . . . . . . . . . . . . . . . . . . .
Editing a Hotspot’s Properties. . . . . . . . . . . .
Rollover Images.. . . . . . . . . . . . . . . . . . . . .
Tutorial: Inserting and Formatting Graphics. . . . . . .
Setting Up. . . . . . . . . . . . . . . . . . . . . .
Adding an Image. . . . . . . . . . . . . . . . . . .
Inserting a Photoshop File. . . . . . . . . . . . . .
Inserting a Rollover Image. . . . . . . . . . . . . .
Using Background Images. . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . .

222
224
226
226
233
233
234
234
236
237
238
239
241
243
245
246
249
251
254
255
255
257
258
260
260
261
262
267
269

Chapter 7: Tables.. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 273
Table Basics. . . . . . . . . . . .
Inserting a Table. . . . . . . . .
Selecting Parts of a Table. . . . .
Selecting a Table. . . . . . .
Selecting Rows or Columns.
Selecting Cells. . . . . . . .
Expanded Table Mode. . . . . .

viii

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

table of contents

www.it-ebooks.info

274
275
278
278
279
280
280


Formatting Tables. . . . . . . . . . . . .
Aligning Tables. . . . . . . . . . . .
Clearing Height and Width Values. .
Resizing a Table. . . . . . . . . . .
Modifying Cell and Row Properties.. . .
Alignment Properties.. . . . . . . .
Table Header. . . . . . . . . . . . .
A Property to Forget. . . . . . . . .
Cell Decoration.. . . . . . . . . . .
Setting Cell Dimensions. . . . . . .
Tips for Surviving Table-Making. . .
Adding and Removing Cells. . . . . . .
Adding One Row or Column.. . . .
Adding Multiple Rows or Columns.
Deleting Rows and Columns. . . . .
Merging and Splitting Cells. . . . . . . .
Tabular Data. . . . . . . . . . . . . . .
Importing Data into a Table. . . . .
Sorting Data in a Table. . . . . . . .
Exporting Table Data. . . . . . . . .
Tables Tutorial.. . . . . . . . . . . . . .
Adding a Table and Data. . . . . . .
Modifying the Table. . . . . . . . .
Formatting the Table. . . . . . . . .
Final Improvements. . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . .

280
281
282
283
284
284
285
285
285
286
287
289
289
290
291
292
294
294
296
298
298
299
301
302
306

Part Two: Building a Better Web Page
Chapter 8: Advanced CSS.. . . . . . . . . . . . . . . . . . . . . . . . 313
Compound Selectors. . . . . . . . . . . . . . .
Descendent Selectors. . . . . . . . . . . .
Styling Groups of Tags. . . . . . . . . . . .
Fast Style Editing with the Properties Pane.. . .
Moving and Managing Styles.. . . . . . . . . .
More About CSS. . . . . . . . . . . . . . . . .
Inheritance. . . . . . . . . . . . . . . . . .
The Cascade. . . . . . . . . . . . . . . . .
The Other Side of the CSS Styles Panel. . .
Using the Code Navigator. . . . . . . . . . . .
Styling for Print. . . . . . . . . . . . . . . . . .
Previewing Media Styles in Dreamweaver..
Tips for Printer Style Sheets. . . . . . . . .
Using CSS3. . . . . . . . . . . . . . . . . . . .
The Properties Pane. . . . . . . . . . . . .
Code Hinting. . . . . . . . . . . . . . . . .
Common CSS3 Properties. . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .

313
315
318
319
323
326
326
329
330
335
337
339
340
342
344
345
345

table of contents

www.it-ebooks.info

ix


Chapter 9: Page Layout.. . . . . . . . . . . . . . . . . . . . . . . . . 347
Types of Web Page Layouts.. . . . . . . . . . . . .
Float Layout Basics. . . . . . . . . . . . . . . . . .
The Mighty
Tag. . . . . . . . . . . . . .
The Insert Div Tag Tool. . . . . . . . . . . . . .
A Simple Example. . . . . . . . . . . . . . . .
Understanding the Box Model. . . . . . . . . . . .
Dreamweaver’s CSS Layouts. . . . . . . . . . . . .
The Structure of Dreamweaver’s CSS Layouts..
Modifying Dreamweaver’s CSS Layouts. . . . . . .
Making General Changes to a CSS Layout.. . .
Modifying Fixed Layouts. . . . . . . . . . . . .
Modifying Liquid Layouts. . . . . . . . . . . .
Other Styles to Change.. . . . . . . . . . . . .
Absolute Positioning. . . . . . . . . . . . . . . . .
The CSS Positioning Properties. . . . . . . . .
Adding an AP Div to Your Page.. . . . . . . . . . .
Drawing AP Divs. . . . . . . . . . . . . . . . . . .
The AP Elements Panel. . . . . . . . . . . . . . . .
Modifying AP Element Properties. . . . . . . . . .
Resizing Absolutely Positioned Elements. . . .
Moving AP Elements. . . . . . . . . . . . . . .
Aligning AP Elements.. . . . . . . . . . . . . .
Background Image and Color. . . . . . . . . .
Nesting AP Divs. . . . . . . . . . . . . . . . . . . .
CSS Layout Tutorial. . . . . . . . . . . . . . . . . .
Adding Content.. . . . . . . . . . . . . . . . .
Fine-Tuning the Layout.. . . . . . . . . . . . .
Adding Styles and Navigation. . . . . . . . . .
Fiddling with the Footer. . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .

349
351
352
353
356
360
365
369
371
371
374
375
376
378
379
386
389
389
391
391
392
393
394
394
395
399
400
405
407

Chapter 10: Troubleshooting CSS. . . . . . . . . . . . . . . . . . . . 413
Analyzing CSS with Dreamweaver. . . . . . . . . . . . .
Editing CSS Properties. . . . . . . . . . . . . . . . .
Analyzing CSS in JavaScript and Server-Side Pages. .
Checking Browser Compatibility. . . . . . . . . . . . . .
Overcoming Common CSS Problems. . . . . . . . . . .
Clearing and Containing Floats. . . . . . . . . . . .
Avoiding Float “Drops”.. . . . . . . . . . . . . . . .
Handling Internet Explorer 6 Bugs. . . . . . . . . . . . .
Double-Margin Bug. . . . . . . . . . . . . . . . . .
Other IE Problems. . . . . . . . . . . . . . . . . . .

x

table of contents

www.it-ebooks.info

. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .

413
415
416
420
424
424
427
429
429
431


Chapter 11: Under the Hood: HTML. . . . . . . . . . . . . . . . . . 433
Controlling How Dreamweaver Handles HTML.
Auto-Fixing Your Code. . . . . . . . . . . .
Web Application Server Pages. . . . . . . .
Special Characters and Encoding. . . . . .
Code View.. . . . . . . . . . . . . . . . . . . .
Coding Toolbar. . . . . . . . . . . . . . . .
Code Hints. . . . . . . . . . . . . . . . . .
Code Collapse. . . . . . . . . . . . . . . .
Setting Code Formats. . . . . . . . . . . .
Related Files. . . . . . . . . . . . . . . . .
Live Code. . . . . . . . . . . . . . . . . . . . .
Quick Tag Editor.. . . . . . . . . . . . . . . . .
Using the Quick Tag Editor. . . . . . . . . .
Tag Inspector. . . . . . . . . . . . . . . . . . .
Comparing Versions of a Web Page. . . . . . .
Using WinMerge to Compare Files. . . . .
Using Text Wrangler to Compare Files.. . .
Reference Panel.. . . . . . . . . . . . . . . . .
Inserting JavaScript. . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . .

433
434
436
436
437
443
445
450
452
455
460
462
463
464
465
469
471
472
472

Chapter 12: Designing Websites for Mobile Devices. . . . . . . . 475
Previewing at Different Resolutions. . . . . . . . . . . .
Multiscreen Preview. . . . . . . . . . . . . . . . . .
Previewing Other Resolutions. . . . . . . . . . . . .
Media Queries. . . . . . . . . . . . . . . . . . . . . . .
Dreamweaver CS5.5’s Approach to Media Queries. .
Using Dreamweaver’s Media Queries Tool. . . . . .
Strategies for Using Media Queries. . . . . . . . . . . .
Organizing Your Style Sheets for Media Queries. . .
Adding Styles to Media Query Style Sheets. . . . . .
jQuery Mobile.. . . . . . . . . . . . . . . . . . . . . . .
Creating a Basic jQuery Mobile Page. . . . . . . . .
Anatomy of a jQuery Mobile Page.. . . . . . . . . .
Adding Content to a jQuery Mobile Page. . . . . . .
Formatting a jQuery Mobile Page. . . . . . . . . . .
Launching Your jQuery Mobile Site. . . . . . . . . .

. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . .

477
477
478
480
482
483
488
489
490
491
492
494
497
510
511

table of contents

www.it-ebooks.info

xi


Part Three: Bringing Your Pages to Life
Chapter 13: Forms. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 515
Form Basics. . . . . . . . . . . . . . . . . . . . .
The Code Backstage. . . . . . . . . . . . . .
Creating a Form.. . . . . . . . . . . . . . . . . .
Adding Form Elements. . . . . . . . . . . . . . .
What All Form Elements Have in Common. .
Text Fields.. . . . . . . . . . . . . . . . . . .
Checkboxes and Checkbox Groups. . . . . .
Radio Buttons and Radio Groups. . . . . . .
Pull-Down Menus and Lists. . . . . . . . . .
File Field. . . . . . . . . . . . . . . . . . . .
Hidden Field. . . . . . . . . . . . . . . . . .
Buttons. . . . . . . . . . . . . . . . . . . . .
The

Tài liệu bạn tìm kiếm đã sẵn sàng tải về

Tải bản đầy đủ ngay

×