| Introduction |
|
11 | (4) |
|
Part One: Using the World Wide Web |
|
|
|
|
|
15 | (18) |
|
|
|
16 | (1) |
|
|
|
17 | (2) |
|
|
|
18 | (1) |
|
|
|
19 | (1) |
|
|
|
20 | (1) |
|
|
|
21 | (1) |
|
|
|
22 | (1) |
|
|
|
23 | (2) |
|
|
|
24 | (1) |
|
|
|
25 | (3) |
|
|
|
26 | (1) |
|
Details of the domain name |
|
|
26 | (1) |
|
|
|
27 | (1) |
|
|
|
28 | (1) |
|
Which file to download? (.sit .hqx .bin .sea .zip .mme) |
|
|
29 | (1) |
|
|
|
30 | (1) |
|
Commercial online service |
|
|
30 | (1) |
|
Internet Service Provider |
|
|
30 | (1) |
|
Self-Guided Tour of the Web |
|
|
31 | (1) |
|
|
|
32 | (1) |
|
How to Search the Internet |
|
|
33 | (14) |
|
|
|
34 | (1) |
|
|
|
35 | (1) |
|
|
|
36 | (2) |
|
|
|
38 | (2) |
|
|
|
39 | (1) |
|
RTFD: Read the Directions! |
|
|
40 | (1) |
|
For more information on how to search |
|
|
41 | (1) |
|
|
|
42 | (1) |
|
|
|
43 | (1) |
|
|
|
44 | (3) |
|
Part Two: Making Web Pages |
|
|
|
What are Web Pages Anyway? |
|
|
47 | (28) |
|
|
|
48 | (2) |
|
How do you actually make a web page? |
|
|
50 | (2) |
|
|
|
52 | (2) |
|
|
|
54 | (2) |
|
|
|
54 | (2) |
|
|
|
56 | (2) |
|
|
|
58 | (2) |
|
|
|
60 | (2) |
|
|
|
62 | (2) |
|
|
|
64 | (4) |
|
Design a simple page using layers |
|
|
64 | (4) |
|
|
|
68 | (2) |
|
Absolute vs. relative table widths |
|
|
69 | (1) |
|
|
|
70 | (2) |
|
|
|
72 | (1) |
|
|
|
72 | (1) |
|
|
|
72 | (1) |
|
Self-Guided Tour of the Web |
|
|
73 | (1) |
|
|
|
74 | (1) |
|
Things to Know Before You Begin Your Site |
|
|
75 | (22) |
|
|
|
76 | (1) |
|
|
|
76 | (1) |
|
|
|
77 | (2) |
|
|
|
78 | (1) |
|
|
|
79 | (2) |
|
|
|
81 | (2) |
|
|
|
83 | (1) |
|
|
|
84 | (2) |
|
|
|
84 | (1) |
|
Ask these questions of your host |
|
|
85 | (1) |
|
Domain names and your web address |
|
|
86 | (1) |
|
|
|
87 | (1) |
|
|
|
88 | (4) |
|
|
|
88 | (1) |
|
|
|
89 | (1) |
|
Collecting and storing material |
|
|
89 | (1) |
|
|
|
90 | (2) |
|
Checklist: Before you begin |
|
|
92 | (1) |
|
Self-Guided Tour of the Web |
|
|
93 | (1) |
|
|
|
94 | (3) |
|
Part Three: Design Issues on the Web |
|
|
|
Print vs. Web and How it Affects Design |
|
|
97 | (16) |
|
|
|
98 | (2) |
|
|
|
100 | (1) |
|
Revisions, updates, and archives |
|
|
101 | (1) |
|
|
|
102 | (1) |
|
|
|
103 | (1) |
|
|
|
104 | (1) |
|
|
|
105 | (1) |
|
|
|
106 | (1) |
|
|
|
107 | (1) |
|
|
|
108 | (1) |
|
|
|
109 | (2) |
|
Self-Guided Tour of the Web |
|
|
111 | (1) |
|
|
|
112 | (1) |
|
Basic Design Principles for Non-Designers |
|
|
113 | (22) |
|
|
|
114 | (4) |
|
|
|
118 | (3) |
|
|
|
121 | (1) |
|
|
|
122 | (4) |
|
|
|
126 | (4) |
|
|
|
126 | (4) |
|
|
|
130 | (2) |
|
|
|
132 | (1) |
|
Self-Guided Tour of the Web |
|
|
133 | (1) |
|
|
|
134 | (1) |
|
Designing the Interface & Navigation |
|
|
135 | (20) |
|
|
|
136 | (2) |
|
|
|
138 | (4) |
|
|
|
138 | (3) |
|
|
|
141 | (1) |
|
|
|
142 | (1) |
|
|
|
143 | (1) |
|
|
|
144 | (1) |
|
|
|
145 | (1) |
|
|
|
145 | (1) |
|
|
|
146 | (2) |
|
The site decides the navigation style |
|
|
148 | (2) |
|
|
|
150 | (1) |
|
|
|
151 | (1) |
|
|
|
152 | (1) |
|
Self-Guided Tour of the Web |
|
|
153 | (1) |
|
|
|
154 | (1) |
|
How to Recognize Good & Bad Design |
|
|
155 | (12) |
|
|
|
156 | (4) |
|
|
|
160 | (2) |
|
Not-So-Good Design Checklist |
|
|
162 | (2) |
|
So-Much-Better Design Checklist |
|
|
164 | (3) |
|
Part Four: Color, Graphics, and Type |
|
|
|
|
|
167 | (18) |
|
|
|
167 | (2) |
|
|
|
169 | (1) |
|
|
|
170 | (1) |
|
|
|
170 | (1) |
|
|
|
170 | (1) |
|
|
|
171 | (1) |
|
|
|
172 | (3) |
|
|
|
175 | (3) |
|
|
|
178 | (1) |
|
|
|
179 | (5) |
|
How to get browser-safe colors |
|
|
179 | (1) |
|
|
|
180 | (2) |
|
|
|
182 | (1) |
|
|
|
183 | (1) |
|
|
|
184 | (1) |
|
Graphic Definitions You Must Know |
|
|
185 | (16) |
|
|
|
186 | (2) |
|
Terminology of graphic file formats |
|
|
187 | (1) |
|
|
|
188 | (2) |
|
When to choose the GIF format |
|
|
189 | (1) |
|
|
|
190 | (2) |
|
|
|
190 | (1) |
|
|
|
190 | (1) |
|
When to choose the JPEG format |
|
|
191 | (1) |
|
|
|
192 | (1) |
|
|
|
193 | (1) |
|
A little lesson on bits and bytes |
|
|
193 | (1) |
|
How to find the correct file size |
|
|
193 | (1) |
|
|
|
194 | (2) |
|
Server-side vs. client-side image maps |
|
|
194 | (2) |
|
|
|
196 | (1) |
|
|
|
197 | (2) |
|
Self-Guided Tour of the Web |
|
|
199 | (1) |
|
|
|
200 | (1) |
|
How to Prepare Image Files for the Web |
|
|
201 | (44) |
|
|
|
202 | (1) |
|
If you don't want to make your own graphics |
|
|
203 | (1) |
|
|
|
204 | (1) |
|
Alternative graphics software |
|
|
204 | (1) |
|
Software for converting file formats |
|
|
204 | (1) |
|
Photoshop: An investment in your future |
|
|
204 | (1) |
|
How to get artwork or photographs into your computer |
|
|
205 | (4) |
|
Send your film or prints to a service bureau |
|
|
205 | (1) |
|
|
|
206 | (1) |
|
|
|
207 | (1) |
|
|
|
208 | (1) |
|
|
|
209 | (1) |
|
|
|
210 | (8) |
|
Make a GIF with a solid background color |
|
|
210 | (3) |
|
Make a GIF with a transparent background |
|
|
213 | (5) |
|
|
|
218 | (2) |
|
Other file formats & tips |
|
|
220 | (3) |
|
|
|
220 | (1) |
|
|
|
221 | (1) |
|
|
|
221 | (2) |
|
|
|
223 | (3) |
|
Use Photoshop to make an image map |
|
|
223 | (2) |
|
Use Dreamweaver to make an image map |
|
|
225 | (1) |
|
|
|
226 | (14) |
|
Create a horizontal graphic as a background image |
|
|
226 | (2) |
|
Use a vertical graphic as a background image |
|
|
228 | (1) |
|
Create a seamless, textured background |
|
|
229 | (2) |
|
|
|
231 | (1) |
|
Make graphics with color backgrounds that match the background color of your web page |
|
|
232 | (1) |
|
But what if the background of the web page is a colored texture? |
|
|
233 | (1) |
|
Create a giant image background |
|
|
234 | (2) |
|
|
|
236 | (4) |
|
|
|
240 | (5) |
|
|
|
245 | (18) |
|
Readability vs. legibility |
|
|
246 | (3) |
|
|
|
246 | (1) |
|
|
|
247 | (1) |
|
Breaking typographic rules |
|
|
247 | (1) |
|
|
|
247 | (1) |
|
|
|
247 | (2) |
|
|
|
249 | (1) |
|
|
|
250 | (4) |
|
|
|
252 | (1) |
|
|
|
252 | (1) |
|
Font rendering on different platforms |
|
|
253 | (1) |
|
|
|
254 | (2) |
|
Proportional vs. monospaced type |
|
|
254 | (1) |
|
Logical vs. physical styles |
|
|
254 | (1) |
|
|
|
255 | (1) |
|
To underline or not to underline |
|
|
255 | (1) |
|
|
|
256 | (5) |
|
|
|
256 | (2) |
|
|
|
258 | (1) |
|
|
|
259 | (1) |
|
CSS and browser compatibility |
|
|
259 | (1) |
|
|
|
260 | (1) |
|
Self-Guided Tour of the Web |
|
|
261 | (1) |
|
|
|
262 | (1) |
|
|
|
263 | (30) |
|
|
|
264 | (2) |
|
|
|
266 | (2) |
|
|
|
268 | (2) |
|
Change anti-aliasing methods |
|
|
268 | (1) |
|
|
|
269 | (1) |
|
Manually retouch text graphics |
|
|
269 | (1) |
|
Use an aliased font for small type |
|
|
269 | (1) |
|
|
|
270 | (2) |
|
|
|
271 | (1) |
|
|
|
272 | (7) |
|
Slice a GIF file for animation |
|
|
272 | (4) |
|
Slice a graphic for layout freedom |
|
|
276 | (3) |
|
|
|
279 | (3) |
|
|
|
279 | (1) |
|
Reset the values in a dialog box |
|
|
279 | (1) |
|
|
|
280 | (1) |
|
|
|
281 | (1) |
|
Rollovers and image swaps |
|
|
282 | (4) |
|
|
|
283 | (2) |
|
|
|
285 | (1) |
|
|
|
286 | (2) |
|
|
|
286 | (1) |
|
Make a link open in a new window |
|
|
286 | (1) |
|
Add space around a graphic |
|
|
287 | (1) |
|
|
|
288 | (1) |
|
|
|
289 | (4) |
|
Part Five: You're Done---Now What? |
|
|
|
|
|
293 | (8) |
|
|
|
294 | (2) |
|
|
|
296 | (2) |
|
|
|
296 | (1) |
|
|
|
296 | (1) |
|
Watch someone else browse your site |
|
|
297 | (1) |
|
Different browsers, different looks |
|
|
297 | (1) |
|
|
|
298 | (1) |
|
|
|
299 | (1) |
|
|
|
300 | (1) |
|
How to Upload & Update Your Site |
|
|
301 | (12) |
|
|
|
301 | (1) |
|
|
|
302 | (2) |
|
|
|
304 | (3) |
|
|
|
307 | (3) |
|
|
|
310 | (2) |
|
Additional web sites on your site |
|
|
310 | (2) |
|
|
|
312 | (1) |
|
How & Why to Register Your Site |
|
|
313 | (22) |
|
|
|
314 | (3) |
|
Submission services that do it for you |
|
|
314 | (1) |
|
|
|
315 | (1) |
|
|
|
315 | (1) |
|
Link to me, I'll link to you |
|
|
315 | (1) |
|
|
|
316 | (1) |
|
What search tools look for |
|
|
317 | (1) |
|
|
|
317 | (1) |
|
First paragraph of your home page |
|
|
317 | (1) |
|
|
|
317 | (1) |
|
|
|
318 | (2) |
|
Getting your site noticed |
|
|
320 | (1) |
|
|
|
320 | (1) |
|
|
|
321 | (1) |
|
|
|
321 | (1) |
|
Paid placement in a search tool |
|
|
321 | (1) |
|
|
|
321 | (1) |
|
|
|
322 | (2) |
|
|
|
|
|
|
324 | (1) |
|
|
|
325 | (10) |
|
|
|
335 | |