Introduction |
|
1 | (8) |
|
|
1 | (1) |
|
|
2 | (1) |
|
|
3 | (1) |
|
Conventions Used in This Book |
|
|
3 | (1) |
|
How This Book Is Organized |
|
|
4 | (2) |
|
Part I: Fulfilling Your Dreams |
|
|
4 | (1) |
|
Part II: Looking Like a Million (Even on a Budget) |
|
|
4 | (1) |
|
Part III: Advancing Your Site |
|
|
5 | (1) |
|
|
5 | (1) |
|
Part V: Working with Dynamic Content |
|
|
6 | (1) |
|
Part VI: The Part of Tens |
|
|
6 | (1) |
|
|
6 | (1) |
|
|
7 | (2) |
Part I: Fulfilling Your Dreams |
|
9 | (62) |
|
Chapter 1: Introducing Your New Best Friend |
|
|
11 | (22) |
|
So What's New in Dreamweaver 8? |
|
|
12 | (1) |
|
Introducing the Many Components of Dreamweaver |
|
|
13 | (16) |
|
|
13 | (16) |
|
Working on Web Pages Created in Another Web Design Program |
|
|
29 | (4) |
|
|
29 | (1) |
|
|
30 | (1) |
|
|
30 | (1) |
|
|
31 | (2) |
|
Chapter 2: Setting Up a Web Site with Dreamweaver |
|
|
33 | (38) |
|
Setting Up a New or Existing Site |
|
|
34 | (7) |
|
|
35 | (2) |
|
Setting up Web server access for FTP |
|
|
37 | (4) |
|
|
41 | (1) |
|
|
42 | (11) |
|
Designing your first page |
|
|
43 | (1) |
|
|
44 | (1) |
|
|
45 | (1) |
|
Changing fonts and text sizes |
|
|
46 | (1) |
|
|
46 | (7) |
|
|
53 | (4) |
|
Linking pages within your Web site |
|
|
53 | (1) |
|
Setting links to named anchors within a page |
|
|
54 | (2) |
|
Linking to pages outside your Web site |
|
|
56 | (1) |
|
Setting a link to an e-mail address |
|
|
56 | (1) |
|
|
57 | (4) |
|
Adding Meta Tags for Search Engines |
|
|
61 | (2) |
|
Previewing Your Page in a Browser |
|
|
63 | (1) |
|
Putting Your Web Site Online |
|
|
63 | (2) |
|
Synchronizing Local and Remote Sites |
|
|
65 | (3) |
|
|
68 | (3) |
Part II: Looking Like a Mittion (Even on a Budget) |
|
71 | (80) |
|
Chapter 3: Planning and Maintaining a Web Site |
|
|
73 | (16) |
|
|
74 | (1) |
|
Preparing for Development |
|
|
74 | (1) |
|
|
75 | (7) |
|
Managing your site's structure |
|
|
75 | (1) |
|
|
76 | (3) |
|
|
79 | (1) |
|
|
80 | (2) |
|
Finding and Fixing Broken Links |
|
|
82 | (3) |
|
Checking for broken links |
|
|
83 | (1) |
|
|
83 | (2) |
|
Testing Your Work with the Site Reporting Feature |
|
|
85 | (4) |
|
Chapter 4: Coordinating Your Design Work |
|
|
89 | (38) |
|
|
89 | (1) |
|
Creating Predesigned Pages with Dreamweaver's Design Files |
|
|
90 | (3) |
|
Creating Your Own Templates |
|
|
93 | (8) |
|
Creating a new custom template |
|
|
94 | (3) |
|
Saving any page as a template |
|
|
97 | (1) |
|
Making attributes editable |
|
|
98 | (2) |
|
|
100 | (1) |
|
Making Global Changes with Templates |
|
|
101 | (2) |
|
Attaching and Detaching Templates |
|
|
103 | (1) |
|
Reusing Elements with the Library Feature |
|
|
104 | (5) |
|
Creating and using Library items |
|
|
105 | (3) |
|
Editing one instance of a Library item |
|
|
108 | (1) |
|
Using a Tracing Image to Guide Your Layout |
|
|
109 | (2) |
|
Making the Most of Dreamweaver's Site-Management Features |
|
|
111 | (11) |
|
|
112 | (1) |
|
|
112 | (1) |
|
Staying in touch with integrated e-mail |
|
|
113 | (1) |
|
|
114 | (4) |
|
Activating Site Map Layout |
|
|
118 | (2) |
|
Using the File View Columns option |
|
|
120 | (1) |
|
Enabling Contribute features |
|
|
121 | (1) |
|
|
122 | (1) |
|
Using the Quick Tag Editor |
|
|
123 | (4) |
|
Chapter 5: Adding Graphics |
|
|
127 | (24) |
|
|
127 | (4) |
|
Buying royalty-free clip art and photographs |
|
|
128 | (1) |
|
|
129 | (2) |
|
Understanding the Basics of Web Graphics |
|
|
131 | (3) |
|
Inserting Images on Your Pages |
|
|
134 | (2) |
|
Aligning Images on a Page |
|
|
136 | (2) |
|
|
136 | (1) |
|
Aligning an image with text wrapping |
|
|
136 | (2) |
|
Creating complex designs with images |
|
|
138 | (1) |
|
Image Editing in Dreamweaver |
|
|
138 | (4) |
|
|
139 | (2) |
|
Adjusting brightness and contrast |
|
|
141 | (1) |
|
|
141 | (1) |
|
Using the Transparent GIF Trick |
|
|
142 | (1) |
|
|
143 | (4) |
|
|
147 | (4) |
Part III: Advancing Your Site |
|
151 | (86) |
|
Chapter 6: Coming to the HTML Table |
|
|
153 | (26) |
|
Creating Tables in Layout Mode |
|
|
154 | (5) |
|
Editing Tables in Layout Mode |
|
|
159 | (1) |
|
Changing Table Options in Standard Mode |
|
|
160 | (9) |
|
Merging and splitting table cells |
|
|
162 | (1) |
|
|
163 | (2) |
|
Formatting tables with color schemes |
|
|
165 | (1) |
|
Formatting multiple columns in a table |
|
|
166 | (3) |
|
|
169 | (1) |
|
Importing Table Data from Other Programs |
|
|
170 | (1) |
|
Using Tables for Spacing and Alignment |
|
|
171 | (8) |
|
Using tables to design forms |
|
|
172 | (2) |
|
Aligning a navigation bar |
|
|
174 | (3) |
|
Using nested tables: Tables within tables |
|
|
177 | (2) |
|
Chapter 7: Framing Your Pages |
|
|
179 | (18) |
|
|
179 | (3) |
|
Understanding How Frames Work |
|
|
182 | (6) |
|
Creating a frame in Dreamweaver |
|
|
182 | (4) |
|
Saving files in a frameset |
|
|
186 | (2) |
|
Setting Targets and Links in Frames |
|
|
188 | (5) |
|
|
188 | (2) |
|
Setting links to a target frame |
|
|
190 | (3) |
|
|
193 | (1) |
|
Changing Frame Properties |
|
|
193 | (4) |
|
|
194 | (1) |
|
|
195 | (1) |
|
Changing scrolling and resizing options |
|
|
195 | (1) |
|
Setting margin height and width |
|
|
196 | (1) |
|
Chapter 8: Cascading Style Sheets |
|
|
197 | (40) |
|
Checking Browser Compatibility |
|
|
198 | (1) |
|
Appreciating Cascading Style Sheets |
|
|
198 | (5) |
|
|
199 | (1) |
|
Looking at the code behind CSS |
|
|
200 | (2) |
|
"So what's all this about cascading?" |
|
|
202 | (1) |
|
Advanced capabilities of CSS |
|
|
202 | (1) |
|
Working with the CSS Panel |
|
|
203 | (3) |
|
Creating Style Sheets in Dreamweaver |
|
|
206 | (13) |
|
|
206 | (1) |
|
|
207 | (3) |
|
Applyingstyles in Dreamweaver |
|
|
210 | (2) |
|
Removing styles in Dreamweaver |
|
|
212 | (1) |
|
|
213 | (1) |
|
Working with CSS selectors |
|
|
214 | (5) |
|
Editing an existing style |
|
|
219 | (1) |
|
|
219 | (10) |
|
|
220 | (2) |
|
|
222 | (1) |
|
|
223 | (1) |
|
|
224 | (1) |
|
|
225 | (1) |
|
|
226 | (1) |
|
|
226 | (2) |
|
|
228 | (1) |
|
Using External Style Sheets |
|
|
229 | (5) |
|
Creating an external style sheet |
|
|
229 | (1) |
|
Linking to an external style sheet |
|
|
230 | (2) |
|
Editing an external style sheet |
|
|
232 | (1) |
|
Applying ready-made external style sheets |
|
|
232 | (2) |
|
Using Design Time Style Sheets |
|
|
234 | (3) |
Part IV Making It Cool |
|
237 | (90) |
|
Chapter 9: Advanced HTML: CSS Layouts, DHTML, and Behaviors |
|
|
239 | (34) |
|
|
239 | (10) |
|
|
240 | (1) |
|
Adding elements, resizing, and repositioning layers |
|
|
241 | (3) |
|
Stacking layers and changing visibility |
|
|
244 | (1) |
|
Nesting layers: One happy family |
|
|
245 | (2) |
|
|
247 | (2) |
|
Converting tables to layers: Precise positioning for older Web pages |
|
|
249 | (1) |
|
Using CSS for Page Layout |
|
|
249 | (2) |
|
|
250 | (1) |
|
Using classes and ID selectors |
|
|
251 | (1) |
|
|
251 | (6) |
|
|
251 | (1) |
|
Creating and applying CSS rules |
|
|
252 | (5) |
|
|
257 | (1) |
|
|
258 | (9) |
|
Using a behavior to open a new browser window |
|
|
259 | (4) |
|
Adding a rollover image behavior |
|
|
263 | (2) |
|
Choosing the best event for a behavior |
|
|
265 | (1) |
|
Attaching multiple behaviors |
|
|
266 | (1) |
|
|
267 | (1) |
|
Ensuring That Your Pages Work in Older Browsers |
|
|
267 | (2) |
|
Using Extensions and the Extension Manager |
|
|
269 | (1) |
|
Converting to XHTML and Beyond |
|
|
270 | (3) |
|
Chapter 10: Roundtrip Integration: Fireworks and Dreamweaver |
|
|
273 | (12) |
|
Dreamweaver to Fireworks: Image Editing |
|
|
274 | (2) |
|
Using an Image Editor Other Than Fireworks |
|
|
276 | (2) |
|
Dreamweaver to Fireworks: Optimizing an Image |
|
|
278 | (2) |
|
|
280 | (2) |
|
|
282 | (3) |
|
Chapter 11: Showing Off with Multimedia |
|
|
285 | (26) |
|
Understanding Multimedia Players |
|
|
286 | (1) |
|
Working with Macromedia Flash |
|
|
287 | (1) |
|
Adding Flash Buttons and Text with Dreamweaver |
|
|
288 | (8) |
|
Creating Flash text with Dreamweaver |
|
|
288 | (2) |
|
Creating Flash buttons with Dreamweaver |
|
|
290 | (2) |
|
|
292 | (1) |
|
Setting options for Flash |
|
|
293 | (3) |
|
Working with Video on the Web |
|
|
296 | (3) |
|
Comparing popular video formats |
|
|
297 | (2) |
|
Working with Audio on the Web |
|
|
299 | (3) |
|
Adding Multimedia Files to Your Web Page |
|
|
302 | (3) |
|
|
302 | (1) |
|
|
303 | (1) |
|
Setting options for multimedia files |
|
|
304 | (1) |
|
|
305 | (3) |
|
|
306 | (1) |
|
Setting Java parameters and other options |
|
|
307 | (1) |
|
Using ActiveX Objects and Controls |
|
|
308 | (3) |
|
Chapter 12: Forms Follow Function |
|
|
311 | (16) |
|
Appreciating What HTML Forms Can Do for You |
|
|
313 | (1) |
|
|
313 | (16) |
|
Comparing radio buttons and check boxes |
|
|
315 | (3) |
|
Adding text fields and text areas |
|
|
318 | (3) |
|
|
321 | (2) |
|
Finishing off your form with Submit and Reset buttons |
|
|
323 | (1) |
|
|
324 | (1) |
|
Choosing other form options in Dreamweaver |
|
|
325 | (1) |
|
Making your forms look good |
|
|
326 | (1) |
Part V: Working with Dynamic Content |
|
327 | (56) |
|
Chapter 13: Building a Dynamic Web Site: Getting Started |
|
|
329 | (14) |
|
Understanding the Dynamic Web Site |
|
|
330 | (1) |
|
Talking the Talk: Key Concepts |
|
|
331 | (3) |
|
|
331 | (1) |
|
|
332 | (1) |
|
|
333 | (1) |
|
|
333 | (1) |
|
Setting up the Web server |
|
|
333 | (1) |
|
Server Technologies Supported by Dreamweaver |
|
|
334 | (2) |
|
|
335 | (1) |
|
|
335 | (1) |
|
|
335 | (1) |
|
|
335 | (1) |
|
|
336 | (1) |
|
Making the Data Connection |
|
|
336 | (7) |
|
|
337 | (2) |
|
Setting up Dreamweaver for Windows |
|
|
339 | (3) |
|
Setting up Dreamweaver for Mac users |
|
|
342 | (1) |
|
Chapter 14: Bringing Data into the Mix |
|
|
343 | (20) |
|
|
343 | (6) |
|
|
344 | (1) |
|
|
345 | (1) |
|
The Server Behaviors panel |
|
|
346 | (2) |
|
|
348 | (1) |
|
|
349 | (2) |
|
Using a Recordset on Your Page |
|
|
351 | (2) |
|
|
353 | (2) |
|
|
355 | (1) |
|
|
355 | (3) |
|
Adding Navigation to a Dynamic Page |
|
|
358 | (2) |
|
Creating a Master-Detail Page Set |
|
|
360 | (3) |
|
Chapter 15: Using Forms to Manage Your Dynamic Web Site |
|
|
363 | (20) |
|
Establishing User Authentication |
|
|
363 | (5) |
|
|
364 | (3) |
|
Restricting access to pages |
|
|
367 | (1) |
|
Securing Sensitive Information on Your Web Site |
|
|
368 | (1) |
|
Searching for Database Records |
|
|
369 | (3) |
|
Setting up the search page |
|
|
370 | (1) |
|
Setting up the results page |
|
|
370 | (2) |
|
Editing a Database from a Browser |
|
|
372 | (6) |
|
Adding a record to your database |
|
|
373 | (2) |
|
Updating a record via a browser |
|
|
375 | (3) |
|
|
378 | (7) |
|
What puts the e-commerce into an e-commerce Web site? |
|
|
378 | (2) |
|
Extending Dreamweaver one feature at a time |
|
|
380 | (3) |
Part VI: The Part of Tens |
|
383 | (26) |
|
Chapter 16: Ten Great Sites Designed with Dreamweaver |
|
|
385 | (12) |
|
The Growing Digital Family |
|
|
386 | (1) |
|
The Hum of World Journalism |
|
|
387 | (1) |
|
Listen to the Tracks at UnSound |
|
|
387 | (1) |
|
|
388 | (1) |
|
Alliance Environmental Group, Inc. |
|
|
389 | (1) |
|
|
390 | (1) |
|
|
391 | (1) |
|
|
392 | (1) |
|
Dreamweaver, the Professional's Choice |
|
|
393 | (1) |
|
|
394 | (3) |
|
Chapter 17: Ten Web Site Ideas You Can Use |
|
|
397 | (6) |
|
|
397 | (1) |
|
Add Search Features with Google |
|
|
398 | (1) |
|
Use PDFs When They're Warranted |
|
|
398 | (1) |
|
Let Visitors Enlarge Your Type |
|
|
398 | (1) |
|
|
399 | (1) |
|
Create a Consistent Design |
|
|
399 | (1) |
|
Follow the Three Clicks Rule |
|
|
400 | (1) |
|
|
400 | (1) |
|
Be Prepared for Fast Updates |
|
|
401 | (1) |
|
|
402 | (1) |
|
Chapter 18: Ten Timesaving Dreamweaver Tips |
|
|
403 | (6) |
|
|
403 | (1) |
|
Inserting Content with Formatting |
|
|
404 | (1) |
|
Getting a Head Start on Your Designs |
|
|
404 | (1) |
|
|
405 | (1) |
|
|
405 | (1) |
|
Making Fireworks Work with Your Images |
|
|
406 | (1) |
|
|
406 | (1) |
|
Differentiating DHTML for All Browsers |
|
|
406 | (1) |
|
|
407 | (1) |
|
Keeping Frequently Used Items Handy |
|
|
408 | (1) |
Index |
|
409 | |