|
Part 1 Dreamweaver and Web Design |
|
|
1 | (70) |
|
1 Dreamweaver and the World Wide Web |
|
|
3 | (18) |
|
|
|
3 | (3) |
|
|
|
5 | (1) |
|
Viewing Your Website on the Web |
|
|
5 | (1) |
|
|
|
5 | (1) |
|
Web Development Languages |
|
|
6 | (1) |
|
The Many Versions of HTML |
|
|
6 | (1) |
|
Understanding HTML Structure |
|
|
7 | (3) |
|
|
|
10 | (1) |
|
Using Dreamweaver for Web Design |
|
|
10 | (2) |
|
What Dreamweaver Does Well |
|
|
10 | (1) |
|
What Dreamweaver Can't Do |
|
|
11 | (1) |
|
What's New in Dreamweaver CS5.5 |
|
|
12 | (4) |
|
|
|
13 | (1) |
|
|
|
14 | (2) |
|
Installing Dreamweaver CS5.5 |
|
|
16 | (5) |
|
System Requirements for Dreamweaver CS5.5 |
|
|
16 | (2) |
|
|
|
18 | (3) |
|
2 The Dreamweaver Interface and Workspace |
|
|
21 | (26) |
|
|
|
21 | (1) |
|
|
|
22 | (1) |
|
Changing Default Settings in the Preferences Window |
|
|
23 | (2) |
|
Exploring the Dreamweaver Workspace |
|
|
25 | (5) |
|
Overview of Workspace Layouts |
|
|
26 | (2) |
|
Customizing a Workspace Layout |
|
|
28 | (1) |
|
Creating Your Own Workspace |
|
|
28 | (1) |
|
Overview of Document Window |
|
|
28 | (1) |
|
|
|
29 | (1) |
|
Overview of Menus and Toolbars |
|
|
30 | (4) |
|
|
|
32 | (1) |
|
|
|
33 | (1) |
|
|
|
33 | (1) |
|
Browser Navigation Toolbar |
|
|
33 | (1) |
|
|
|
34 | (1) |
|
|
|
34 | (1) |
|
Panels, Panels, and More Panels |
|
|
34 | (2) |
|
|
|
35 | (1) |
|
Managing Panels and Panel Groups |
|
|
35 | (1) |
|
|
|
36 | (1) |
|
|
|
36 | (2) |
|
|
|
38 | (4) |
|
|
|
39 | (1) |
|
Manipulating the Insert Panel |
|
|
40 | (1) |
|
|
|
40 | (1) |
|
|
|
41 | (1) |
|
The Much-Used Property Inspector |
|
|
42 | (1) |
|
|
|
43 | (1) |
|
Tutorial: Setting Up Your Workspace |
|
|
44 | (3) |
|
|
|
47 | (24) |
|
The Web Development Process |
|
|
48 | (1) |
|
|
|
48 | (6) |
|
|
|
49 | (3) |
|
|
|
52 | (1) |
|
|
|
53 | (1) |
|
Advanced Settings of the Site Setup Window |
|
|
54 | (8) |
|
|
|
55 | (2) |
|
|
|
57 | (1) |
|
|
|
58 | (1) |
|
|
|
58 | (1) |
|
|
|
59 | (2) |
|
|
|
61 | (1) |
|
|
|
62 | (1) |
|
|
|
62 | (1) |
|
|
|
63 | (3) |
|
Tutorial: Defining the Travel Website |
|
|
66 | (5) |
|
Part 2 Building Your First Web Page |
|
|
71 | (172) |
|
4 Creating Your First Web Page |
|
|
73 | (28) |
|
|
|
73 | (7) |
|
Creating a New Document with Default Settings |
|
|
74 | (1) |
|
Creating a New Document with User-Defined Settings |
|
|
75 | (2) |
|
|
|
77 | (1) |
|
|
|
78 | (2) |
|
|
|
80 | (8) |
|
|
|
81 | (1) |
|
|
|
82 | (1) |
|
|
|
83 | (1) |
|
|
|
84 | (1) |
|
|
|
85 | (1) |
|
|
|
86 | (1) |
|
|
|
87 | (1) |
|
Finalizing Your Page Properties |
|
|
87 | (1) |
|
|
|
88 | (2) |
|
|
|
88 | (1) |
|
|
|
89 | (1) |
|
|
|
89 | (1) |
|
|
|
90 | (5) |
|
Using Live View and Code View |
|
|
91 | (1) |
|
|
|
92 | (1) |
|
Setting Up Primary and Secondary Browsers |
|
|
92 | (3) |
|
Tutorial: Creating a Web Page for the Travel Site |
|
|
95 | (6) |
|
5 Adding Text to Your Page |
|
|
101 | (22) |
|
|
|
101 | (2) |
|
Changing and Modifying Text |
|
|
103 | (1) |
|
Using the Undo and Redo Commands |
|
|
104 | (1) |
|
|
|
104 | (4) |
|
Adding Steps to the Clipboard |
|
|
105 | (1) |
|
Saving Steps As a Command |
|
|
106 | (1) |
|
Clearing History Panel Steps |
|
|
107 | (1) |
|
|
|
108 | (3) |
|
|
|
108 | (2) |
|
Pasting Excel Spreadsheet Information |
|
|
110 | (1) |
|
Importing Word and Excel Documents (Windows Only) |
|
|
111 | (1) |
|
|
|
112 | (2) |
|
Creating Special Characters |
|
|
114 | (1) |
|
|
|
115 | (2) |
|
Spell-Checking Your Web Page |
|
|
117 | (1) |
|
Tutorial: Adding Text to Your Travel Web Page |
|
|
118 | (5) |
|
6 Creating Paragraph and Document Structure |
|
|
123 | (18) |
|
Adding Some Pizzazz to Your Web Page |
|
|
123 | (1) |
|
|
|
124 | (1) |
|
|
|
125 | (4) |
|
Applying Alignment to Paragraphs |
|
|
126 | (1) |
|
|
|
127 | (2) |
|
Controlling Document Structure |
|
|
129 | (3) |
|
|
|
130 | (2) |
|
|
|
132 | (6) |
|
Unordered and Ordered Lists |
|
|
133 | (1) |
|
|
|
134 | (1) |
|
Using Letters Instead of Numbers |
|
|
135 | (1) |
|
|
|
136 | (2) |
|
|
|
138 | (1) |
|
|
|
138 | (1) |
|
Tutorial: Creating Document Structure for the Travel Page |
|
|
139 | (2) |
|
7 Formatting with Cascading Style Sheets |
|
|
141 | (24) |
|
Introduction to Cascading Style Sheets |
|
|
141 | (4) |
|
Advantages of CSS over HTML Formatting |
|
|
143 | (1) |
|
|
|
143 | (2) |
|
|
|
145 | (2) |
|
|
|
147 | (4) |
|
Using the Property Inspector |
|
|
147 | (2) |
|
|
|
149 | (2) |
|
Using the Type Category and Setting Associated Properties |
|
|
151 | (4) |
|
Understanding Fonts and Web Design |
|
|
151 | (3) |
|
|
|
154 | (1) |
|
Creating Class Style CSS Rules |
|
|
155 | (2) |
|
Applying a Class Style Rule |
|
|
156 | (1) |
|
Removing a Class Style Rule |
|
|
157 | (1) |
|
|
|
157 | (4) |
|
Using the CSS Styles Panel |
|
|
157 | (2) |
|
Using the CSS Rule Definition Window |
|
|
159 | (1) |
|
|
|
160 | (1) |
|
Tutorial: Using CSS to Format the Travel Site |
|
|
161 | (4) |
|
8 Adding Images to Your Page |
|
|
165 | (30) |
|
Optimization and Web Graphic File Types |
|
|
165 | (2) |
|
|
|
167 | (4) |
|
|
|
168 | (1) |
|
|
|
169 | (2) |
|
Inserting Images from Other Adobe Software |
|
|
171 | (6) |
|
Photoshop and Illustrator |
|
|
172 | (4) |
|
|
|
176 | (1) |
|
|
|
177 | (5) |
|
Using the Property Inspector to Edit Images |
|
|
177 | (1) |
|
|
|
178 | (1) |
|
|
|
179 | (1) |
|
|
|
179 | (3) |
|
More on Roundtrip Editing |
|
|
182 | (2) |
|
|
|
184 | (1) |
|
Inserting Rollover Images |
|
|
185 | (1) |
|
Applying CSS Tag Style Rules to Images |
|
|
186 | (4) |
|
|
|
187 | (2) |
|
|
|
189 | (1) |
|
Tutorial: Adding Images to the Travel Site |
|
|
190 | (5) |
|
9 Navigating Your Site with Links |
|
|
195 | (26) |
|
Overview of the Hyperlink |
|
|
196 | (1) |
|
|
|
197 | (5) |
|
|
|
199 | (1) |
|
|
|
199 | (1) |
|
|
|
200 | (1) |
|
Using the Hyperlink Button |
|
|
201 | (1) |
|
|
|
202 | (1) |
|
|
|
202 | (3) |
|
Using CSS for Link Colors |
|
|
204 | (1) |
|
|
|
205 | (5) |
|
|
|
206 | (3) |
|
Using ID Names for Linking |
|
|
209 | (1) |
|
|
|
210 | (1) |
|
Editing and Deleting a Link |
|
|
211 | (1) |
|
|
|
211 | (4) |
|
Creating a Rectangle or Circle Hotspot |
|
|
212 | (1) |
|
Creating a Polygon Hotspot |
|
|
213 | (1) |
|
|
|
214 | (1) |
|
Tutorial: Creating Navigation Links |
|
|
215 | (6) |
|
10 Using Tables in Web Design |
|
|
221 | (22) |
|
|
|
222 | (1) |
|
|
|
222 | (2) |
|
|
|
224 | (1) |
|
|
|
225 | (1) |
|
Selecting Cells, Rows, and Columns |
|
|
226 | (2) |
|
|
|
228 | (5) |
|
Manually Resizing a Table |
|
|
228 | (1) |
|
Manually Adjusting Rows and Columns |
|
|
228 | (1) |
|
Using Percentages for Tables, Rows, and Columns |
|
|
229 | (1) |
|
|
|
229 | (1) |
|
Working with Height and Width Values |
|
|
230 | (1) |
|
Inserting Rows or Columns |
|
|
231 | (1) |
|
|
|
232 | (1) |
|
|
|
232 | (1) |
|
|
|
233 | (1) |
|
Using CSS to Format Cells, Rows, and Columns |
|
|
233 | (2) |
|
|
|
235 | (2) |
|
Tutorial: Creating a Table |
|
|
237 | (6) |
|
Part 3 Building a Website |
|
|
243 | (160) |
|
11 Helpful Tools of the Trade |
|
|
245 | (20) |
|
|
|
245 | (3) |
|
|
|
248 | (5) |
|
|
|
248 | (3) |
|
Applying a New Window Size |
|
|
251 | (1) |
|
|
|
251 | (2) |
|
The Magical Quick Tag Editor |
|
|
253 | (1) |
|
|
|
254 | (1) |
|
|
|
255 | (1) |
|
|
|
256 | (2) |
|
|
|
251 | (7) |
|
|
|
258 | (1) |
|
|
|
258 | (4) |
|
|
|
259 | (1) |
|
Placing Library Items on a Page |
|
|
260 | (1) |
|
|
|
260 | (2) |
|
Tutorial: Creating a Library Object for the Travel Site Logo |
|
|
262 | (3) |
|
12 Working with CSS Style Sheets |
|
|
265 | (14) |
|
|
|
266 | (1) |
|
|
|
266 | (1) |
|
Understanding Inheritance |
|
|
267 | (1) |
|
Creating a New Style Sheet |
|
|
267 | (2) |
|
Exporting CSS Rule Definitions |
|
|
269 | (2) |
|
Attaching an External Style Sheet |
|
|
271 | (2) |
|
|
|
272 | (1) |
|
|
|
272 | (1) |
|
Detaching an External Style Sheet |
|
|
273 | (1) |
|
Tutorial: Create and Attach an External Style Sheet to the Walkabout Travel Site |
|
|
273 | (6) |
|
|
|
279 | (30) |
|
Overview of Page Layout for Web Design |
|
|
279 | (4) |
|
|
|
281 | (2) |
|
Using Predeveloped Page Layouts |
|
|
283 | (3) |
|
Creating a Page from a Sample |
|
|
286 | (1) |
|
Creating a Custom Page Layout |
|
|
287 | (6) |
|
|
|
287 | (1) |
|
|
|
288 | (3) |
|
Controlling Layout with the Box Category |
|
|
291 | (1) |
|
Adding Content to Div Tags |
|
|
292 | (1) |
|
|
|
293 | (1) |
|
|
|
293 | (3) |
|
|
|
296 | (1) |
|
|
|
296 | (2) |
|
|
|
298 | (1) |
|
Tutorial: Creating Page Layout with CSS |
|
|
298 | (11) |
|
14 Using Absolute Positioning (AP) Elements |
|
|
309 | (12) |
|
|
|
309 | (2) |
|
|
|
310 | (1) |
|
|
|
311 | (1) |
|
|
|
311 | (1) |
|
|
|
311 | (2) |
|
|
|
313 | (1) |
|
Manually Resizing AP Div Tags |
|
|
313 | (1) |
|
Manually Moving AP Div Tags |
|
|
314 | (1) |
|
Using the AP Elements Panel |
|
|
314 | (2) |
|
|
|
315 | (1) |
|
|
|
315 | (1) |
|
Show and Hide AP Elements |
|
|
315 | (1) |
|
|
|
316 | (1) |
|
Using CSS to Format and Position AP Elements |
|
|
316 | (1) |
|
Converting AP Div Tags to Tables |
|
|
317 | (4) |
|
15 Making It Pretty with CSS |
|
|
321 | (26) |
|
|
|
321 | (2) |
|
|
|
323 | (1) |
|
Focusing the CSS Styles Panel |
|
|
324 | (3) |
|
|
|
324 | (2) |
|
|
|
326 | (1) |
|
|
|
327 | (8) |
|
|
|
321 | (7) |
|
|
|
328 | (2) |
|
|
|
330 | (2) |
|
Box and Border Categories |
|
|
332 | (1) |
|
|
|
333 | (1) |
|
|
|
334 | (1) |
|
|
|
335 | (1) |
|
|
|
335 | (2) |
|
Opening the Code Navigator |
|
|
336 | (1) |
|
Disabling the Code Navigator |
|
|
337 | (1) |
|
Tutorial: Controlling the Page Format with CSS |
|
|
337 | (10) |
|
16 Building Your Website with Templates |
|
|
347 | (22) |
|
|
|
347 | (1) |
|
|
|
348 | (3) |
|
Converting a Web Page to a Template |
|
|
348 | (2) |
|
Creating a Template from Scratch |
|
|
350 | (1) |
|
|
|
351 | (4) |
|
Creating an Editable Region |
|
|
351 | (1) |
|
Creating a Repeating Region |
|
|
352 | (2) |
|
Creating Repeating Tables |
|
|
354 | (1) |
|
Making Tag Attributes Editable |
|
|
355 | (1) |
|
Creating New Web Pages from a Template |
|
|
356 | (1) |
|
Applying a Template to an Existing Page |
|
|
356 | (3) |
|
Updating a Template-Based Site |
|
|
359 | (1) |
|
Detaching a Template from a Page |
|
|
360 | (1) |
|
Tutorial: Creating a Template for the Travel Site |
|
|
360 | (9) |
|
17 Testing and Maintaining Your Site |
|
|
369 | (18) |
|
|
|
369 | (7) |
|
|
|
370 | (1) |
|
|
|
371 | (1) |
|
|
|
372 | (1) |
|
Creating New Folders and Files |
|
|
373 | (1) |
|
|
|
374 | (1) |
|
|
|
375 | (1) |
|
|
|
376 | (1) |
|
|
|
376 | (1) |
|
|
|
377 | (1) |
|
|
|
377 | (1) |
|
|
|
378 | (1) |
|
|
|
379 | (1) |
|
|
|
380 | (2) |
|
|
|
382 | (1) |
|
|
|
382 | (1) |
|
|
|
383 | (2) |
|
Tutorial: Checking Your Travel Site |
|
|
385 | (2) |
|
18 Posting Your Site to the Internet |
|
|
387 | (16) |
|
Overview of the Posting Process |
|
|
387 | (1) |
|
Connecting Server Technologies |
|
|
388 | (6) |
|
|
|
389 | (4) |
|
|
|
393 | (1) |
|
|
|
394 | (3) |
|
|
|
395 | (1) |
|
|
|
395 | (2) |
|
Getting Files from the Web Server |
|
|
397 | (1) |
|
Synchronizing Your Website |
|
|
397 | (1) |
|
|
|
398 | (1) |
|
|
|
398 | (5) |
|
|
|
399 | (2) |
|
|
|
401 | (2) |
|
Part 4 Powerful Friends for Interactivity |
|
|
403 | (72) |
|
19 Interactivity Through Forms |
|
|
405 | (26) |
|
|
|
405 | (2) |
|
|
|
407 | (1) |
|
|
|
408 | (10) |
|
|
|
409 | (2) |
|
Setting Input Tag for Accessibility |
|
|
411 | (1) |
|
|
|
411 | (1) |
|
|
|
412 | (1) |
|
Adding Radio Buttons and Radio Group |
|
|
413 | (1) |
|
Adding Checkboxes and a Checkbox Group |
|
|
414 | (1) |
|
Adding a Select (List/Menu) Field |
|
|
415 | (1) |
|
|
|
416 | (2) |
|
|
|
418 | (1) |
|
|
|
418 | (1) |
|
Spry Validation Form Objects |
|
|
419 | (3) |
|
Spry Validation Text Field |
|
|
420 | (1) |
|
|
|
421 | (1) |
|
Other Spry Validation Form Objects |
|
|
422 | (1) |
|
Tutorial: Creating a Contact Us Form |
|
|
422 | (9) |
|
20 The Interactive Spry Widget |
|
|
431 | (16) |
|
Overview of the Spry Framework |
|
|
431 | (1) |
|
Spry Widgets in Dreamweaver CS5.5 |
|
|
432 | (8) |
|
|
|
432 | (3) |
|
|
|
435 | (2) |
|
|
|
437 | (1) |
|
|
|
437 | (1) |
|
|
|
438 | (2) |
|
Tutorial: Add a Spry Accordion Widget to Your Website |
|
|
440 | (7) |
|
21 Other Widgets and Dreamweaver Extensions |
|
|
447 | (16) |
|
|
|
448 | (1) |
|
Installing the Adobe Widget Browser |
|
|
449 | (1) |
|
|
|
449 | (2) |
|
|
|
451 | (1) |
|
Customizing a Spry Widget with CSS |
|
|
451 | (1) |
|
|
|
451 | (5) |
|
|
|
453 | (1) |
|
|
|
453 | (2) |
|
|
|
455 | (1) |
|
|
|
455 | (1) |
|
Tutorial: Adding a Slideshow |
|
|
456 | (7) |
|
22 Integrating Adobe Flash |
|
|
463 | (12) |
|
|
|
463 | (1) |
|
|
|
464 | (5) |
|
|
|
466 | (1) |
|
Customizing SWF File Format and Settings |
|
|
467 | (2) |
|
|
|
469 | (2) |
|
Creating a Flash Player Download Message |
|
|
471 | (1) |
|
Inserting Other Web Media |
|
|
472 | (3) |
|
|
|
|
|
|
475 | (6) |
|
|
|
481 | (4) |
|
C Dreamweaver's Mobile Applications |
|
|
485 | (8) |
|
D Search Engine Optimization and Web Design |
|
|
493 | (4) |
|
E Using Frames in Web Design |
|
|
497 | (6) |
| Index |
|
503 | |
