Introduction |
|
1 | (1) |
How to use this book |
|
2 | (1) |
What you'll need |
|
2 | (1) |
Conventions |
|
3 | (1) |
Download Files |
|
4 | (1) |
Support - we're here to help |
|
4 | (3) |
1 Introducing Web Design |
|
7 | (18) |
|
|
9 | (1) |
|
|
10 | (2) |
|
|
10 | (1) |
|
|
11 | (1) |
|
The Foundation Web Design Case Study |
|
|
12 | (7) |
|
|
13 | (1) |
|
|
14 | (4) |
|
|
18 | (1) |
|
|
19 | (6) |
|
The two sides of the coin |
|
|
19 | (2) |
|
|
21 | (4) |
2 HTML |
|
25 | (30) |
|
The structure of an HTML file |
|
|
29 | (7) |
|
|
30 | (1) |
|
|
31 | (2) |
|
|
33 | (3) |
|
|
36 | (13) |
|
|
|
Using tags to refer to other elements |
|
|
49 | (6) |
3 JavaScript |
|
55 | (42) |
|
|
56 | (1) |
|
A bit about Scary Code Stuff and why you shouldn't worry! |
|
|
57 | (1) |
|
Adding comments to JavaScript |
|
|
57 | (2) |
|
Objects and the object-oriented world view |
|
|
59 | (22) |
|
|
63 | (2) |
|
|
65 | (1) |
|
Opening, closing, and customizing windows |
|
|
66 | (6) |
|
|
72 | (4) |
|
|
76 | (3) |
|
|
79 | (1) |
|
Dynamically altering an HTML document |
|
|
80 | (1) |
|
The Case Study - Navigation |
|
|
81 | (16) |
|
|
82 | (2) |
|
|
84 | (5) |
|
|
89 | (8) |
4 Cascading Style Sheets |
|
97 | (38) |
|
|
98 | (11) |
|
|
100 | (1) |
|
|
101 | (5) |
|
|
106 | (1) |
|
|
107 | (2) |
|
|
109 | (10) |
|
|
110 | (3) |
|
|
113 | (2) |
|
|
115 | (1) |
|
|
116 | (1) |
|
|
117 | (1) |
|
|
118 | (1) |
|
|
118 | (1) |
|
|
119 | (16) |
|
|
120 | (7) |
|
|
|
The deal with 'cascading' |
|
|
127 | (3) |
|
Typography - bitmapped text vs. live text |
|
|
130 | (5) |
5 Layout Tables |
|
135 | (36) |
|
|
138 | (5) |
|
|
143 | (4) |
|
|
147 | (4) |
|
Table sizing and positioning |
|
|
150 | (1) |
|
Using tables to control site placement |
|
|
151 | (6) |
|
Creating fixed width site layouts |
|
|
152 | (3) |
|
Centering in a browser window |
|
|
155 | (2) |
|
Table layouts with Netscape Composer |
|
|
157 | (3) |
|
The Case Study - Adding tables |
|
|
160 | (2) |
|
Tables in the finished Mondo site |
|
|
160 | (2) |
|
Enhancing the skeleton site |
|
|
162 | (9) |
6 Creating Web Graphics |
|
171 | (32) |
|
|
172 | (6) |
|
|
176 | (2) |
|
Adding graphics to web pages |
|
|
178 | (1) |
|
Working with Photoshop and Fireworks |
|
|
178 | (1) |
|
|
179 | (18) |
|
The Graphic Interchange Format (GIF) |
|
|
179 | (10) |
|
The Joint Photographic Experts Group Format (JPEG) |
|
|
189 | (4) |
|
The Portable Network Graphics Format (PNG-8 and PNG-24) |
|
|
193 | (2) |
|
|
195 | (2) |
|
The Case Study: creating an 'Under Construction' page |
|
|
197 | (6) |
7 Further JavaScript |
|
203 | (32) |
|
|
205 | (3) |
|
|
206 | (2) |
|
Creating a new HTML document with JavaScript |
|
|
208 | (4) |
|
|
212 | (1) |
|
|
213 | (2) |
|
|
215 | (4) |
|
|
219 | (2) |
|
|
221 | (5) |
|
How to use external JavaScript files |
|
|
226 | (1) |
|
|
227 | (8) |
|
|
228 | (3) |
|
|
231 | (2) |
|
|
233 | (2) |
8 Events and User Interaction |
|
235 | (30) |
|
|
236 | (2) |
|
|
238 | (4) |
|
|
240 | (2) |
|
|
242 | (15) |
|
The Case Study - Catering for Mondo's JavaScript |
|
|
257 | (8) |
|
Applying this to the Mondo site |
|
|
261 | (4) |
9 Special Image Features |
|
265 | (24) |
|
|
266 | (7) |
|
Adding a background graphic |
|
|
269 | (4) |
|
|
273 | (2) |
|
|
275 | (3) |
|
Creating your own animation from scratch |
|
|
278 | (11) |
10 Slicing Images |
|
289 | (38) |
|
|
290 | (12) |
|
|
290 | (9) |
|
|
299 | (3) |
|
|
302 | (25) |
|
Adding rollovers in ImageReady |
|
|
303 | (12) |
|
Adding rollovers in Fireworks |
|
|
315 | (12) |
11 Frames |
|
327 | (32) |
|
|
328 | (2) |
|
|
329 | (1) |
|
|
330 | (15) |
|
|
344 | (1) |
|
The Case Study-Frames and finishing touches |
|
|
345 | (11) |
|
|
345 | (2) |
|
|
347 | (2) |
|
|
349 | (2) |
|
|
351 | (3) |
|
|
354 | (2) |
|
|
356 | (3) |
12 Introducing Flash |
|
359 | (26) |
|
|
361 | (2) |
|
Creating tween animations |
|
|
363 | (19) |
|
|
369 | (13) |
|
Replacing HTML with Flash |
|
|
382 | (3) |
Appendix A: Getting Your Site Online |
|
385 | (12) |
|
|
386 | (1) |
|
|
387 | (1) |
|
|
387 | (2) |
|
|
389 | (4) |
|
|
390 | (1) |
|
|
390 | (1) |
|
|
391 | (1) |
|
|
391 | (1) |
|
|
392 | (1) |
|
|
392 | (1) |
|
|
393 | (1) |
|
Uploading your finished website |
|
|
394 | (3) |
Appendix B: Debugging |
|
397 | (6) |
|
Using the browser to debug a script |
|
|
399 | (4) |
Appendix C: HTML Events |
|
403 | (6) |
|
|
403 | (3) |
|
|
403 | (1) |
|
Detecting other mouse states |
|
|
404 | (2) |
|
|
406 | (1) |
|
|
406 | (1) |
|
|
407 | (2) |
Appendix D: Layers |
|
409 | (6) |
Index |
|
415 | |
1841582034 |
|
Neil Munro |
|
vii | |
Introduction |
|
xv | |
1. Stars to Push |
|
1 | (3) |
2. On the Road |
|
4 | (6) |
3. The Fatal Clock |
|
10 | (6) |
4. A Spree |
|
16 | (5) |
5. His "BĂȘte Noir" |
|
21 | (5) |
6. From Fort William |
|
26 | (5) |
7. Jimmy's Silver Wedding |
|
31 | (6) |
8. A Matrimonial Order |
|
37 | (5) |
9. A Great Night |
|
42 | (6) |
10. Rankine's Rookery |
|
48 | (5) |
11. Dignity |
|
53 | (4) |
12. Universal Provider |
|
57 | (5) |
13. The Commercial Room |
|
62 | (4) |
14. The Changed Man |
|
66 | (4) |
15. Vitalising the Gloomy Grants |
|
70 | (6) |
16. Blaze Rachel |
|
76 | (4) |
17. Rachel Comes to Town |
|
80 | (4) |
18. A Poor Programme |
|
84 | (3) |
19. Broderick's Shop |
|
87 | (4) |
20. Gent's Attire |
|
91 | (4) |
21. Keeping up with Cochrane |
|
95 | (4) |
22. The Hen Crusade |
|
99 | (5) |
23. Linoleum |
|
104 | (3) |
24. The Grauvat King |
|
107 | (5) |
25. Jimmy's Sins Find Him Out |
|
112 | (3) |
26. A Wave of Temperance |
|
115 | (4) |
27. Country Journeys |
|
119 | (5) |
28. Raising the Wind |
|
124 | (4) |
29. Roses, Roses, All the Way |
|
128 | (3) |
30. Citizen Soldier |
|
131 | (4) |
31. The Adventures of a Country Customer |
|
135 | (6) |
32. The Radiant James Swan |
|
141 | (4) |
33. Jimmy Swan's Germany Spy |
|
145 | (4) |
34. Jimmy Swan in Warm Weather |
|
149 | (4) |
35. The Tall Hat |
|
153 | (3) |
36. The Groveries in Retrospect |
|
156 | (3) |
37. Selling Shoes |
|
159 | (4) |
Notes |
|
163 | |