| Introduction |
|
1 | (1) |
|
|
|
1 | (1) |
|
Where Will This Book Take Me? |
|
|
1 | (1) |
|
|
|
2 | (1) |
|
|
|
2 | (3) |
|
|
|
5 | (1) |
|
|
|
5 | (2) |
|
|
|
7 | (26) |
|
A Brief History of the Web and the Internet |
|
|
8 | (8) |
|
The Origins of the Internet |
|
|
8 | (3) |
|
|
|
11 | (1) |
|
|
|
11 | (1) |
|
|
|
12 | (1) |
|
The Birth of Web Browsers |
|
|
12 | (1) |
|
|
|
13 | (3) |
|
The Concept of Hyperlinking |
|
|
16 | (1) |
|
|
|
17 | (5) |
|
|
|
20 | (1) |
|
|
|
21 | (1) |
|
|
|
21 | (1) |
|
|
|
21 | (1) |
|
|
|
22 | (4) |
|
|
|
26 | (7) |
|
|
|
33 | (20) |
|
|
|
34 | (2) |
|
|
|
36 | (9) |
|
|
|
36 | (1) |
|
|
|
37 | (1) |
|
|
|
38 | (1) |
|
Adding Structure to Content |
|
|
38 | (3) |
|
|
|
41 | (2) |
|
|
|
43 | (2) |
|
Structure vs. Presentation |
|
|
45 | (1) |
|
|
|
46 | (2) |
|
|
|
48 | (2) |
|
|
|
50 | (3) |
|
|
|
53 | (24) |
|
Learning from Print Design |
|
|
53 | (6) |
|
|
|
54 | (1) |
|
|
|
54 | (2) |
|
|
|
56 | (3) |
|
|
|
59 | (2) |
|
Site Structure and Process |
|
|
61 | (5) |
|
|
|
62 | (1) |
|
|
|
63 | (3) |
|
About Information Architecture |
|
|
66 | (7) |
|
|
|
73 | (4) |
|
Advanced Markup: HTML, XML, and XHTML |
|
|
77 | (22) |
|
|
|
77 | (2) |
|
|
|
79 | (6) |
|
|
|
80 | (2) |
|
How Does XML Relate to HTML? |
|
|
82 | (1) |
|
|
|
82 | (3) |
|
XHTML: The Happy (But Strict) Medium |
|
|
85 | (3) |
|
|
|
85 | (3) |
|
|
|
88 | (10) |
|
Character Encoding, and <meta> Tags |
|
|
88 | (1) |
|
|
|
88 | (4) |
|
|
|
92 | (3) |
|
|
|
95 | (1) |
|
More Text Formatting Elements |
|
|
96 | (2) |
|
What Is Deprecated or Not Allowable in HTML/XHTML? |
|
|
98 | (1) |
|
XHTML, XML, and Design: Why? |
|
|
98 | (1) |
|
|
|
99 | (1) |
|
|
|
99 | (1) |
|
Creating Graphics for the Web |
|
|
99 | (12) |
|
|
|
99 | (2) |
|
|
|
100 | (1) |
|
|
|
101 | (1) |
|
Bitmap Web Graphics Formats |
|
|
101 | (5) |
|
|
|
101 | (3) |
|
|
|
104 | (2) |
|
Vector Graphics: Beyond Bitmaps |
|
|
106 | (5) |
|
|
|
107 | (1) |
|
|
|
108 | (1) |
|
|
|
108 | (3) |
|
Traditional Page Layout Techniques |
|
|
111 | (14) |
|
|
|
112 | (4) |
|
|
|
112 | (1) |
|
|
|
113 | (1) |
|
Tables for Layout and Accessibility |
|
|
114 | (2) |
|
Frames and Frame Building |
|
|
116 | (5) |
|
|
|
118 | (2) |
|
|
|
120 | (1) |
|
|
|
120 | (1) |
|
|
|
121 | (2) |
|
|
|
123 | (2) |
|
|
|
125 | (1) |
|
|
|
125 | (20) |
|
Structural Navigation and Navigation Design |
|
|
125 | (7) |
|
|
|
126 | (2) |
|
|
|
128 | (1) |
|
The Argument About Search Functions |
|
|
129 | (2) |
|
|
|
131 | (1) |
|
|
|
132 | (8) |
|
|
|
132 | (1) |
|
|
|
133 | (2) |
|
|
|
135 | (1) |
|
|
|
136 | (1) |
|
|
|
136 | (3) |
|
What Navigation Design Should You Choose? |
|
|
139 | (1) |
|
|
|
140 | (4) |
|
Support in Web Development Tools |
|
|
144 | (1) |
|
CSS: Modern Layout and Style |
|
|
145 | (34) |
|
|
|
145 | (5) |
|
|
|
145 | (4) |
|
|
|
149 | (1) |
|
|
|
150 | (6) |
|
|
|
151 | (1) |
|
|
|
151 | (1) |
|
|
|
152 | (1) |
|
|
|
152 | (2) |
|
|
|
154 | (1) |
|
|
|
155 | (1) |
|
|
|
156 | (3) |
|
|
|
159 | (6) |
|
|
|
165 | (2) |
|
|
|
167 | (5) |
|
|
|
167 | (2) |
|
|
|
169 | (3) |
|
Creating a Stylesheet for Print |
|
|
172 | (2) |
|
|
|
174 | (5) |
|
|
|
175 | (1) |
|
|
|
175 | (4) |
|
|
|
179 | (44) |
|
|
|
180 | (3) |
|
Inserting a Script into Your Page |
|
|
183 | (8) |
|
|
|
183 | (1) |
|
The First Example Program |
|
|
184 | (3) |
|
|
|
187 | (4) |
|
Storing Data in JavaScript |
|
|
191 | (12) |
|
|
|
191 | (3) |
|
|
|
194 | (9) |
|
JavaScript Control Structures |
|
|
203 | (20) |
|
|
|
204 | (1) |
|
|
|
204 | (2) |
|
|
|
206 | (2) |
|
|
|
208 | (2) |
|
|
|
210 | (2) |
|
|
|
212 | (1) |
|
|
|
212 | (2) |
|
|
|
214 | (3) |
|
|
|
217 | (6) |
|
Applying JavaScript in Your Pages |
|
|
223 | (48) |
|
|
|
224 | (4) |
|
Getting Information from the User |
|
|
228 | (20) |
|
|
|
228 | (13) |
|
|
|
241 | (7) |
|
|
|
248 | (6) |
|
|
|
248 | (1) |
|
The ``Controversial'' Nature of Cookies? |
|
|
249 | (1) |
|
How to Store and Retrieve Information from Cookies |
|
|
249 | (5) |
|
|
|
254 | (3) |
|
|
|
257 | (7) |
|
|
|
264 | (7) |
|
|
|
264 | (1) |
|
|
|
264 | (3) |
|
Opening Up Browser Windows (Pop-Ups) |
|
|
267 | (3) |
|
Moving and Resizing Windows |
|
|
270 | (1) |
|
Getting the Window to React to Events |
|
|
270 | (1) |
|
|
|
271 | (1) |
|
An Introduction to Usability |
|
|
271 | (22) |
|
Knowing Your Target Audience |
|
|
272 | (9) |
|
|
|
273 | (8) |
|
How Do We Find Out About Site Users? |
|
|
281 | (6) |
|
|
|
281 | (1) |
|
|
|
282 | (1) |
|
|
|
283 | (4) |
|
|
|
287 | (6) |
|
|
|
288 | (1) |
|
|
|
288 | (2) |
|
|
|
290 | (3) |
|
|
|
293 | (16) |
|
What Are These ``Standards'' Anyway? |
|
|
293 | (4) |
|
|
|
294 | (1) |
|
|
|
295 | (1) |
|
|
|
295 | (1) |
|
|
|
296 | (1) |
|
|
|
297 | (1) |
|
|
|
297 | (1) |
|
|
|
297 | (1) |
|
Why Is Complying with the Standards Important? |
|
|
297 | (2) |
|
|
|
299 | (3) |
|
Which DOCTYPE Should I Use on My Site? |
|
|
299 | (1) |
|
|
|
299 | (1) |
|
|
|
300 | (1) |
|
|
|
301 | (1) |
|
|
|
301 | (1) |
|
That DOCTYPE Broke My Layout! |
|
|
301 | (1) |
|
Web Standards and Visual Authoring Environments |
|
|
302 | (7) |
|
Macromedia Dreamweaver MX |
|
|
303 | (1) |
|
|
|
303 | (1) |
|
|
|
303 | (1) |
|
Validating HTML and XHTML |
|
|
304 | (1) |
|
|
|
305 | (1) |
|
|
|
305 | (1) |
|
Interpreting Validator Error Messages |
|
|
306 | (3) |
|
Getting Your Site onto the Web |
|
|
309 | (22) |
|
|
|
309 | (8) |
|
|
|
310 | (2) |
|
How to Decide on the Type of Hosting You Need |
|
|
312 | (1) |
|
|
|
312 | (1) |
|
|
|
312 | (1) |
|
Different Services Offered by Hosting Companies |
|
|
313 | (4) |
|
|
|
317 | (3) |
|
|
|
317 | (2) |
|
|
|
319 | (1) |
|
|
|
320 | (11) |
|
|
|
320 | (1) |
|
|
|
321 | (1) |
|
Common Problems After Upload |
|
|
322 | (1) |
|
Configuring a Basic CGI Script |
|
|
323 | (1) |
|
Using a Standard formmail Script to Send E-mail |
|
|
323 | (3) |
|
|
|
326 | (2) |
|
|
|
328 | (3) |
|
Techniques for Site Maintenance and Administration |
|
|
331 | (24) |
|
|
|
331 | (7) |
|
Keeping Your Information Up to Date |
|
|
332 | (1) |
|
Keeping the Look and Feel Consistent |
|
|
333 | (1) |
|
Templates in Dreamweaver MX |
|
|
333 | (3) |
|
|
|
336 | (2) |
|
Other Solutions for Managing Your Site |
|
|
338 | (10) |
|
``Blog'' Tools -- Not Just For Blogs |
|
|
339 | (1) |
|
|
|
339 | (4) |
|
|
|
343 | (4) |
|
|
|
347 | (1) |
|
Other Third-Party Utilities |
|
|
348 | (7) |
|
|
|
349 | (3) |
|
Tips When Using Third-Party Software or Services |
|
|
352 | (3) |
|
|
|
355 | (24) |
|
What Is Server-side Scripting? |
|
|
356 | (8) |
|
|
|
357 | (1) |
|
Why Use Server-Side Code? |
|
|
358 | (1) |
|
What Options Are Available? |
|
|
359 | (1) |
|
|
|
359 | (1) |
|
|
|
360 | (1) |
|
|
|
361 | (1) |
|
|
|
362 | (1) |
|
|
|
363 | (1) |
|
|
|
364 | (4) |
|
Why Use a Database on the Web? |
|
|
365 | (1) |
|
How Web Pages Interact with a Database |
|
|
365 | (2) |
|
What Types of Database Are There? |
|
|
367 | (1) |
|
Getting Started with Server-Side Development |
|
|
368 | (11) |
|
|
|
369 | (1) |
|
Setting Up a Local Server |
|
|
369 | (2) |
|
|
|
371 | (2) |
|
Finding Hosting for Your Site |
|
|
373 | (1) |
|
Working with Database Servers |
|
|
373 | (2) |
|
Working with Dreamweaver MX |
|
|
375 | (1) |
|
|
|
375 | (4) |
|
|
|
379 | (16) |
|
|
|
379 | (4) |
|
|
|
383 | (2) |
|
Putting Together a Portfolio |
|
|
385 | (1) |
|
|
|
385 | (2) |
|
|
|
387 | (2) |
|
|
|
389 | (6) |
|
E-mail Lists and Newsgroups |
|
|
389 | (2) |
|
|
|
391 | (4) |
| Index |
|
395 | |