Creative HTML design

Creative HTML Design walks you through building a real, working web site, specially created for the lesson plans in this book. In the process, you will learn all the phases of site design--from selecting an ISP and uploading files, to more advanced techniques like adding animation and rollovers. Step-by-step tutorials for Photoshop 4.0 and Paint Shop Pro teach how to design using "safe" colors, make distinctive background tiles, align your graphics, use tables and frames, include JavaScript rollovers, use CSS, as well as numerous other design and HTML features. This book includes a complete HTML 4.0 reference with details on all current HTML elements.

《图书馆杂志》(Library Journal )书评

Lynda Weinman is the author of four other best-selling books that concentrate on web graphics and color for computer displays as opposed to the nitty-gritty coding. Here, she and her brother cover all the basics of HTML for design: formatting and placing images; browser-safe colors; use of tiles, buttons, and rules; typography; style sheets; forms; animation; and more. The CD includes all example files and JavaScript sample code. This is an excellent book for beginners and advanced web designers moving on to HTML 4.0. (c) Copyright 2010. Library Journals LLC, a wholly owned subsidiary of Media Source, Inc. No redistribution permitted.

Introduction	p. xix
1 Start	p. 1
Types of Internet Providers	p. 2
Does Your Provider Have Enough Bandwidth?	p. 4
Do They Have Enough Overhead?	p. 4
Other Services	p. 5
HTML Software	p. 7
HTML Versus Design	p. 8
Text-Based Editors	p. 9
Dedicated HTML Editors	p. 10
WYSIWYG HTML Editors	p. 11
Chapter 1 Summary	p. 12
2 First Page	p. 13
How Does the Web Work?	p. 14
Hyperlinks--Web-Like Relationships	p. 15
Following the Exercises	p. 16
Creating Your First Page	p. 16
Understanding What You Just Did	p. 17
Carriage Returns in HTML	p. 18
HTML Capitalization	p. 18
File Naming Conventions	p. 19
Spaces in Tags and Attributes	p. 20
Uploading the Page	p. 21
Link Me Up	p. 24
Linking with Images	p. 25
Adding Color to the Page	p. 26
Add Some Color	p. 27
Using a Background Pattern	p. 28
Adding a Background Tile	p. 29
Chapter 2 Summary	p. 30
3 Speedy Graphics	p. 31
How to Read the True File Size	p. 32
How GIF Compression Works	p. 35
Making Small GIFs	p. 36
Reducing Colors in GIFs	p. 36
Reducing Colors Using Photoshop 4.0	p. 36
Reducing Colors Using Paint Shop Pro	p. 37
Anti-Aliasing Versus Aliasing	p. 38
Photoshop Aliased Type Exercise	p. 40
Paint Shop Pro Aliased Type Exercise	p. 40
To Dither or Not to Dither?	p. 41
GIF Compression Tables	p. 42
Dither Settings in Photoshop	p. 43
Dither Settings in Paint Shop Pro	p. 43
Making Small JPEG Files	p. 44
JPEG Compression in Photoshop 4.0	p. 45
JPEG Compression in Paint Shop Pro	p. 45
JPEG or GIF?	p. 46
DeBabelizer	p. 47
GIFs in DeBabelizer Pro for Windows	p. 48
JPEGs in DeBabelizer Pro for Windows	p. 49
GIFs in DeBabelizer for Macintosh	p. 49
PNG	p. 50
PNG Resources	p. 50
Gamma Correction	p. 50
Alpha-Channel Transparency	p. 51
Filters52
Chapter 3 Summary	p. 54
4 Web Color	p. 55
Designers Versus Everyone Else	p. 56
Browser-Safe Specs	p. 57
What Does the Browser-Safe Palette Look Like?	p. 58
RGB Color	p. 60
Hexadecimal RGB	p. 61
Hexadecimal Colors in HTML	p. 62
Hexadecimal Resources	p. 64
Web Hex Converters	p. 64
Hex Calculators	p. 64
When to Use Browser-Safe Colors?	p. 65
HTML-Based Color Choices	p. 66
How to Load a Browser-Safe Swatch
Palette into Photoshop	p. 67
Previsualizing Colors in Photoshop	p. 68
Working with Color Picker-Based Applications	p. 70
Illustration-Based Artwork	p. 72
Converting to Browser-Safe Doesn't Always Work!	p. 73
How to Ensure Your Artwork Stays Browser Safe	p. 74
Removing Colors in Photoshop 4.0	p. 75
Photographic-Based Artwork	p. 76
Adding Color to a Web Page with HTML	p. 78
Using Color Names Instead of Hex	p. 78
Coloring Individual Lines of Text	p. 79
Coloring Links	p. 80
Adding Color to Tables	p. 80
HTML Tags That Support Color	p. 81
Chapter 4	p. 82
5 Clickable	p. 83
Identifying Hot Images	p. 84
Creating Linked Images and Text	p. 85
Turning Off Image Borders	p. 86
Importance of ALT Text	p. 87
The Importance of WIDTH and HEIGHT	p. 88
Resizing Using WIDTH and HEIGHT Info	p. 89
Aesthetics of Interlaced Graphics	p. 90
Linking Graphics	p. 91
What Are Imagemaps?	p. 92
Client-Side or Server-Side Imagemap?	p. 93
Client-Side Imagemaps in Mapper (Macintosh)	p. 94
Client-Side Imagemaps in MapEdit (Windows)	p. 97
Understanding the Client-Side
Imagemap Code	p. 100
Creating Server-Side Imagemaps	p. 102
Server-Side Imagemaps in MapEdit	p. 103
The Importance of ALT Text	p. 105
Chapter 5 Summary	p. 108
6 Tiles	p. 109
Tiling Backgrounds	p. 110
Determining Tiled Pattern Sizes	p. 111
Full-Screen Body Backgrounds?	p. 112
File Formats for Patterned Background Tile	p. 114
Seams or No Seams?	p. 114
Seams	p. 115
No Seams, the Photoshop Way	p. 115
A Seamless File in Photoshop 4.0	p. 116
Seamless Tile Exercise 2	p. 118
Special Effects Tiles	p. 120
Aesthetics of Backgrounds	p. 121
How to Color Tiles in Photoshop	p. 123
Chapter 6 Summary	p. 126
7 Buttons and Rules	p. 127
Horizontal Rules	p. 128
Horizontal Rules, the HTML Way	p. 128
Fancier Horizontal Rule Tags	p. 129
Horizontal Rules the Do-It-Yourself Way	p. 130
Vertical Rules	p. 130
Clip Art Rules, Too	p. 131
Bullets	p. 131
Creating HTML Bulleted Lists	p. 132
Creating Ordered and Definition Lists	p. 133
Button Clip Art	p. 134
Creating Custom-Made Bullets	p. 135
Changing Button Size in Photoshop	p. 136
Linked Bullets	p. 137
Chapter 7 Summary	p. 138
8 Transparency	p. 139
Transparency Tricks	p. 140
Background Color Using Solid Patterns	p. 142
Transparent GIFs	p. 143
When to Use Transparent Artwork	p. 143
Making Clean Transparent GIF Artwork	p. 144
Glows, Soft-Edges, and Drop Shadows with GIF Transparency	p. 145
GIF Transparency Compositing Chart	p. 145
HTML for Transparent GIFs	p. 146
Other Transparency Experiments	p. 146
Transparent GIF Software	p. 147
Adobe Photoshop GIF89a Export Plug-In	p. 147
Transparency in Paint Shop Pro 4.0	p. 148
PNG Transparency	p. 149
Chapter 8 Summary	p. 150
9 Alignment	p. 151
Text Alignment Tags	p. 152
Using P to Align Text	p. 153
Using DIV to Align Blocks of Text	p. 155
Center	p. 156
Graphic Alignment Tags	p. 157
IMG ALIGN Attribute	p. 158
Floating Graphics	p. 159
Insert a Line Break with BR	p. 160
Image Gutters	p. 162
The Single-Pixel GIF Trick--Part I	p. 163
HTML Tables	p. 164
Table Basics	p. 164
Coloring and Spacing in Tables	p. 167
Space Between Table Cells	p. 168
Tables for Spacing	p. 170
Spacing Text with Tables	p. 171
Tables with Odd Numbers of Cells	p. 172
Tables for Graphics	p. 173
Cutting Up an Image in Photoshop 4.0	p. 174
Piecing the Artwork Back Together	p. 176
Table Tricks and Tips	p. 178
The Single-Pixel GIF Trick--Part II	p. 178
Bulleted List	p. 178
Center an Object on the Page	p. 179
Vertical Rules	p. 179
Chapter 9 Summary	p. 180
10 Typography	p. 181
Limited Choices	p. 182
HTML Type Versus Graphical Type	p. 182
HTML-Based Typography	p. 183
Preformatting	p. 184
Blinking Text	p. 184
Changing Font Sizes	p. 184
Caps and Small Caps	p. 184
Small Caps	p. 185
HTML Font Choices	p. 185
Centering Text	p. 185
Font Face Attribute	p. 186
Which Fonts?	p. 187
Web Type Blues	p. 188
Verdana and Georgia	p. 189
Embedding Options	p. 191
TrueDoc	p. 191
TrueType Embedding and OpenType	p. 192
A Peek into Font Embedding	p. 193
Graphics-Based Typography	p. 195
Aliasing Versus Anti-Aliasing	p. 195
Writing the HTML to Place Your Text Graphics	p. 196
Leading Techniques	p. 197
Indent Techniques	p. 200
Digital Font Foundries	p. 201
Chapter 10 Summary	p. 202
11 Planning	p. 203
Looking Ahead	p. 204
Organizing Your Site	p. 204
Mind Maps	p. 205
Ducks In A Row Goals	p. 206
Art Direction	p. 207
Metaphors	p. 208
Flowcharting	p. 209
Chapter 11 Summary	p. 210
12 Organization	p. 211
Simplicity Versus Chaos	p. 212
What's in a Name?	p. 212
The Parts of a URL	p. 213
Absolute and Relative URLs	p. 214
Paths in Relative URLs	p. 215
Relative URL Examples	p. 216
Relative URLs as Links	p. 218
Directory Structure	p. 220
Repeating Elements	p. 220
Server-Side Includes	p. 221
How SSI Works	p. 221
Chapter 12 Summary	p. 226
13 Style Sheets	p. 227
Cascading Style Sheets	p. 228
How CSS Style Sheets Work	p. 228
Adding a Style Sheet	p. 230
The Anatomy of a CSS Style Sheet	p. 232
Type and Measurements	p. 234
Unit Measurements	p. 234
Text-Related Properties	p. 236
Selectors	p. 237
The SPAN Tag	p. 238
Absolute Positioning	p. 239
Layering Text and Images	p. 241
Chapter 13 Summary	p. 246
14 Navigation	p. 247
Frames	p. 248
How Frames Work	p. 249
(...Within Frames (...Within Frames))	p. 251
Adjusting the Size of Frames	p. 252
Borderless Frames	p. 253
Navigating Frames	p. 254
Scrollbars in Frames	p. 256
Margins in Frames	p. 257
Aesthetics of Frames	p. 258
Size Considerations Navbars/Frames	p. 260
Making Thumbnails and Small Graphics	p. 262
Frames Resources	p. 263
Fragments	p. 264
A URL with a Fragment	p. 264
Chapter 14 Summary	p. 266
15 Rollovers	p. 267
Creating Rollover Graphics	p. 268
Photoshop Rollover Techniques	p. 268
JavaScript for Rollovers	p. 270
Pointing Rollover	p. 271
Make Your Own Pointing Rollover	p. 276
Slideshow Rollover	p. 277
Make Your Own Slideshow Rollover	p. 281
Highlighting Rollover	p. 283
Highlighting Rollover File Naming Convention	p. 284
Make Your Own Highlighting Rollover	p. 288
DHTML for Navigation	p. 291
Chapter 15 Summary	p. 292
16 Forms	p. 293
The FORM Element	p. 294
Widgets	p. 294
Examples	p. 296
Using Tables with Forms	p. 298
The IMAGE Type	p. 300
How Can I Use the Data?	p. 300
Using mailform.cgi	p. 301
Chapter 16 Summary	p. 302
17 Animation and Sound	p. 303
Animation Process	p. 304
Ducks In A Row Animation Case Study	p. 304
LOWSRC Animation Trick	p. 312
Client Pull for Slideshows	p. 313
The Aesthetics of Animation	p. 314
Web Animation Technology Overview	p. 315
Animated GIFs in Detail	p. 319
Sound on the Web	p. 321
Shockwave Case Study	p. 321
Sound Aesthetics	p. 322
Getting Sound Files into Your Computer	p. 323
To Stream or Not to Stream?	p. 324
Making Small Audio Files	p. 324
Rates and Bits	p. 325
Audio File Formats	p. 326
Tips for Making Web-Based Sound Files	p. 327
HTML for Downloading Sound Files	p. 328
MSIE Audio Tags	p. 328
Netscape Audio Tags	p. 328
Other Sound Options	p. 329
Chapter 17 Summary	p. 330
18 Get Listed	p. 331
Using Search Engines and Directories	p. 332
List Your Site with Search Engines	p. 334
META Tag for Search Engines	p. 335
Ad Banners: From Heaven or Hell?	p. 336
Trade Banners' Guidelines	p. 337
Click Here	p. 337
Chapter 18 Summary	p. 338
19 Good HTML	p. 339
Why Write Good HTML?	p. 340
HTML Terminology	p. 341
What You See AIN'T What You Get	p. 342
Cleaning Up After a WYSIWYG Editor	p. 343
Common HTML Gotchas	p. 345
What's in a Quote?	p. 345
Hanging Quotes	p. 346
Straddling Containers	p. 346
Line-Endings	p. 347
Entities vs. Numbers vs. Embedded Characters	p. 349
Chapter 19 Summary	p. 350
HTML 4.0 Reference	p. 351
Introduction	p. 353
Categorized Reference	p. 362
Alphabetical Reference	p. 387
Supplemental Reference	p. 409
Glossary	p. 413
Index	p. 421
Ads	p. 435
Colophon	p. 440
License Agreement	p. 441

可借阅:*

链接这些题名

已订购

摘要

摘要

评论 (1)

《图书馆杂志》(Library Journal )书评

目录