A B C D E F G H I J K-L M N O P Q-R S T U-V W X-Y-Z
2D transformations (CSS3)
skewing elements, 348
3D transformations (CSS3)
applying perspective, 350
cubes, creating/manipulating, 354-358
moving (translating) elements, 353
rotating elements, 353
vanishing points, 350
140 cross-browser color names, 121
A Small Orange web hosting provider, 11
<a> tags (HTML), 203
anchor locations, linking to, 138-141
naming, 140
web pages, identifying locations within, 138
absolute addresses, web pages and, 136-137
absolute links, web pages and, 136
absolute positioning, 257
display property (CSS), 55
Acrobat (Adobe), converting PDF files, 375
Adjust Hue/Lightness/Saturation tool (GIMP), 182
aligning
align property (CSS), 233, 245
images
text, 86
text-align property (CSS), 59
text-decoration property (CSS), 59
Amazon.com, website organization, 425-426
analogous color schemes, 120
anchor tags
naming, 140
web pages
identifying locations within, 138
linking to anchor locations, 138-141
Arial font (text), 109
<article> semantic element (HTML5), 69-72, 77
<article> tags, HTML5, 41
ASCII text
formatted text, 102
<aside> semantic element (HTML5), 69-72, 79
<aside> tags, HTML5, 41
.asp file extensions, 31
attributes, 135
default values, 88
defining, 86
HTML style attribute, text-align style rule and, 88-89
audio
<audio> element, embedding multimedia files, 224-225
auto image loading, web browsers, 24
backgrounds
background-image style property, 204
background-position style property, 205
background-repeat style property, 205
color
background-color property (CSS), 58
background-color style property, 204
bad website examples, 122
bandwidth, web hosting providers, 10
BAWSI.org, website organization, 428
Bing, listing websites with, 442
block-level elements, aligning text in, 87-89
block value (CSS display property), 55
blogs, 24
Bootstrap framework, 434
borders
CSS, 254
border-width property, 56
tables
spacing, 166
borders, 254
content, 254
margins, 254
padding, 254
browsers
140 cross-browser color names, 121
Chrome, 13
CSS support, 54
development of, 6
differences in, accounting for, 341
distributing, 23
Firefox, 13
helper applications, defining, 219
history of, 6
HTML development, 6
images, auto image loading, 24
links, opening in new browser windows, 146-147
non-viewable window areas, 270
Opera, 13
plug-ins, defining, 219
pop-up windows, 146
popularity of, 30
QuickTime support, 221
Safari, 13
servers, basic browser server interaction, 7-9
text, adjusting font size settings, 25
vendor prefixes, 341
web content, displaying, 92
websites
comparing, 30
bulleted lists, 94
buying domain names, 11
categorizing elements, 75
CD-ROM, transferring photos to, 178
cells (tables)
creating, 156
character entity, 103
child (nested) tags, 92
Chrome web browser (Google), 13
clarity, coding for, 431
Classic FTP FTP client, 15
server connections, 18
clear property (CSS), text flow and, 264
client-side scripting, 380, 390
clip art, 176
closing slashes (HTML tags), 36
cm value (CSS height/width properties), 55
color
140 cross-browser color names, 121
analogous color schemes, 120
background color
background-color style property, 204
border color (tables), CSS and, 125-127
color property (CSS), 59
color style rule (CSS), fonts and, 109
color theory, 120
color wheel, 120
Colorblind Web Page Filter tool, 127
complementary color schemes, 121
graphics, adjusting color in, 182
hexadecimal color codes, 122-124
links and, 122
monitors and, 122
rounded corners, creating, 128-130
text
formatting in style sheets, 48
triadic color schemes, 121
W3C color standards, 121
columns
fixed/liquid hybrid layouts
setting column height in, 280-284
comments
JavaScript code comments, 381, 384
websites, maintaining code via, 429-430
complementary color schemes, 121
compression
graphics, 177
concatenation operators (JavaScript), 385
conceptualizing web pages, 69-74
control panels, selecting web hosting providers, 11-12
copyrights
copyright symbol, 103
graphics and, 176
corners (rounded), creating, 128-130
Creative Commons licenses, 176
CSS
Bootstrap framework, 434
borders, 254
content, 254
margins, 254
padding, 254
browser support for, 54
cascading component of, 48
clear property, text flow and, 264
color, specifying via CSS, 125-127
CSS Zen Garden layouts, 270
CSS1, 49
CSS2, 49
CSS3, 49
DOCTYPE declarations, 256
external style sheets, 48, 51-54
float property, 233, 246-249, 264
formatting properties, 55
background-color property, 58
border-width property, 56
color property, 59
font-family property, 58
font property, 59
font-size property, 58
font-style property, 58
font-weight property, 58
line-height property, 59
padding property, 59
text-decoration property, 59
text-indent property, 58
Foundation framework, 434
hidden (rollover) text, 327-328
HTML documents, linking to, 53
inline styles, 63
internal style sheets, 48, 62-63
layouts
elastic layouts, 288
fixed/liquid hybrid layouts, 275-286
layout properties, 55
responsive web design, 286-287
<link> tag, 53
lists
horizontal navigation, 316-319
list-style-image property, 292
list-style-position property, 292, 295-297
list-style-type property, 292
media-specific style sheets, 369-371
mouse actions
events and event handling, 329-336
rollover (hidden) text, 327-328
overflow property, text flow and, 264
padding property, 233, 241-244
positioning
positioning property, 257
print pages, designing style sheets for, 371-374
reference guide online resource, 49
rollover (hidden) text, 327-328
selectors, 60
<span> tags, 63
style properties, 60
color style rule, 109
font-family style rule, 109
font-size style rule, 109
font weight style rule, 105-106
multiple style properties in, 61
viewing, 54
style sheets
formatting properties, 57
tags, 52
elements and, 48
selectors, 60
text
formatting color, 48
italic text, 59
line-through text, 59
sizing, 53
strikethrough text, 59
underline text, 59
validating, 64
CSS3
2D transformations
skewing elements, 348
3D transformations
applying perspective, 350
creating/manipulating cubes, 354-358
moving (translating) elements, 353
rotating elements, 353
vanishing points, 350
cubes, CSS3 3D transformations, 354-358
current line, text flow and, 264
cursors, creating ToolTips, 323-326
customer service, web hosting providers, 10
Cyberduck FTP client, 15
DailyRazor web hosting provider, 11
dashed value (CSS border-style properties), 57
directories (web content), 135-136
display property (CSS), 55
distributing web browsers, 23
<div> tags
HTML, 203
DOCTYPE declarations, 256
DOM, 387
domain names, managing, 11
dotted value (CSS border-style properties), 57
double value (CSS border-style properties), 57
dynamic websites, 379
client-side scripting, 380
DOM, 387
images, changing based on user interaction, 388-389
JavaScript
changing images based on user interaction, 388-389
comments in HTML files, 381
displaying random content in HTML files, 382-386
scripting in HTML files, 380-381
server-side scripting, 380
VBScript, 380
editors (blog), 24
elastic layouts, 288
elements
2D transformations (CSS3)
skewing elements, 348
3D transformations (CSS3)
applying perspective, 350
creating/manipulating cubes, 354-358
moving (translating) elements, 353
rotating elements, 353
vanishing points, 350
block-level elements, aligning text in, 87-89
categorizing, 75
definition of, 48
flow content, 75
form elements, grouping, 404
rounded corners, creating, 128-130
email addresses
email address encoders, 146
validating, 411
embedding multimedia files, 221-224
emphasized text. See italic text
empty tags (HTML), 34
ESPN.com, website organization, 423-424
European languages, formatting text for, 102-104
events and event handling
event attributes, 329
onclick event and mouse actions, 330-336
external style sheets (CSS), 48, 51-54
Fetch FTP client, 15
Firebug, validating web content, 43
Firefox web browser, 13
FireZilla FTP client, 16
fixed/liquid hybrid layouts, 285-286
column height, setting, 280-284
minimum width, setting, 279
float property (CSS), 233, 246-249, 264
flow content elements, 75
flowing text, 264
fluid layouts. See liquid layouts
folders (web content), 135-137
fonts (text)
Arial font, 109
CSS
color style rule, 109
font-family property, 58
font-family style rule, 109
font property, 59
font-size property, 58
font-size style rule, 109
font-style property, 58
font-weight property, 58
font weight style rule, 105-106
font-face feature (CSS3), 112-114
sans-serif font, 109
sizing, style sheets, 53
Times Roman font, 109
web browsers, adjusting font size settings, 25
<footer> semantic element (HTML5), 69-72, 80-81
<footer> tags, HTML5, 41
foreign languages, formatting text for, 102-104
formatting
CSS, formatting properties, 55-56
style sheets
text color, 48
text size, 53
text
bulleted lists, 94
customizing fonts in HTML, 108-112
older HTML tags, 102
subscript text, 106
superscript text, 106
formatting properties (CSS)
background-color property, 58
border-width property, 56
color property, 59
font-family property, 58
font property, 59
font-size property, 58
font-style property, 58
font-weight property, 58
line-height property, 59
padding property, 59
text-decoration property, 59
text-indent property, 58
forms, 395
data
labeling, 403
naming, 402
grouping elements, 404
passwords, 402
radio buttons, 407
sending, 397
text input, accepting, 401-402
user input, accepting, 401-402
validating, HTML5 form validation, 410-411
forward slashes (/), HTML and, 136
Foundation framework, 434
frames (animated graphics), 190
frameworks
Bootstrap, 434
Foundation, 434
HTML5 Boilerplate, 434
Classic FTP FTP client, 15
server connections, 18
Cyberduck, 15
Fetch, 15
FireZilla, 16
FTP clients, 16
selecting, 15
Gickr, animated graphics, 189
GIF files, 186
transparent images, 187
GIMP, 176
Adjust Hue/Lightness/Saturation tool, 182
images
adjusting color, 182
resizing, 181
Red Eye Removal, 182
Git website version control, 433
Chrome web browser, 13
Images, 190
listing websites with, 442
Picasa, 176
searches, 8
graphics
Adobe Photoshop, 176
aligning
backgrounds
background-image style property, 204
CD-ROM, transferring graphics to, 178
changing based on user interaction, 388-389
clip art, 176
color, adjusting, 182
compression, 177
copyrights and, 176
Creative Commons licenses, 176
file sizes, 177
GIF files, 186
transparent images, 187
GIMP, 176
adjusting image color, 182
resizing images, 181
Google Images, 190
Google Picasa, 176
height/width, specifying, 197
JPEG files
links, turning graphics into, 201-204
Pixlr, 176
PNG files, 187
Red Eye Removal, 182
republishing, 195
resizing, 181
resolution, 177
responsive images, 197
storing, 194
transparent graphics, 187
uses of, 177
web pages
grabbing graphics from, 176
placing graphics on web pages, 193-195
Windows Media Video, linking to, 219
groove value (CSS border-style properties), 57
grouping form elements, 404
<header> semantic element (HTML5), 69-75
<header> tags, HTML5, 40
headings (tables), creating, 156
height
CSS box model, adjusting in, 254-255
fixed/liquid hybrid layouts, setting column height in, 280-284
height property (CSS), 55
images, specifying height in, 197
Hello World HTML file, creating, 13-14
help
CSS reference guide online resource, 49
web hosting providers, selecting, 10
helper applications, defining, 219
hexadecimal color codes, 122-124
hidden (rollover) text, displaying, 327-328
horizontal image alignment, 197-199
horizontal navigation, 316-319
horizontal rule tags (HTML), 37
<hr> tags, 37
HTML
attributes, 135
default values, 88
defining, 86
style attribute and text-align style rule, 88-89
<audio> element, embedding multimedia files, 224-225
Bootstrap framework, 434
character entity, 103
CSS
linking style sheets to HTML documents, 53
element, rounded corners, 128-130
<embed> element, embedding multimedia files, 223
files
index pages, 22
viewing, 33
forms, 395
grouping elements, 404
labeling form data, 403
naming form data, 402
passwords, 402
radio buttons, 407
sending, 397
forward slashes (/), 136
Foundation framework, 434
FTP, 14
Hello World sample file, creating, 13-14
HTML-compatible word processors, creating HTML files, 31
.html file extensions, 31
images, placing on web pages, 193-195
JavaScript in
comments in HTML files, 381
displaying random content in HTML files, 382-386
scripting in HTML files, 380-381
layouts
elastic layouts, 288
fixed/liquid hybrid layouts, 275-286
responsive web design, 286-287
links
absolute links, 136
images as, 147
linking between web content, 141-144
linking to email addresses, 145-146
linking to external web content, 144
opening links in new browser windows, 146-147
relative-root links, 137
lists
bulleted lists, 94
list-style-type style rule, 94-97
outlines, building via lists, 92-93
marked up text, 7
Notepad, creating HTML files, 30
<object> element, embedding multimedia files, 221-223
outlines, building via lists, 92-93
rounded corners, creating, 128-130
style rules
default values, 88
list-style-type style rule, 94-97
tables
cells, creating, 156
headings, creating, 156
images in, 166
rows, creating, 156
spacing borders, 166
spanning within, 165
uses for, 156
child (nested) tags, 92
closing slashes, 36
<div> tags, 203
empty tags, 34
formatting and older HTML tags, 102
horizontal rule tag, 37
<hr> tag, 37
naming files with, 31
nested (child) tags, 92
saving files with, 31
<section> tags, 143
<strike> tags, 106
<sub> tags, 106
<sup> tags, 106
<table> tags, 156
<tbody> tags, 160
<tfoot> tags, 160
<thread> tags, 160
<u> tags, 106
xml: lang attribute, 34
xmlns attribute, 34
text, formatting
definition lists, 292
nested lists, 292
older HTML tags, 102
ordered lists, 291
subscript text, 106
superscript text, 106
unordered lists, 291
whitespace, 35
<video> element, embedding multimedia files, 226-227
web content
absolute links, 136
images as links, 147
linking to email addresses, 145-146
linking to external web content, 144
opening links in new browser windows, 146-147
publishing locally, 23
publishing to blogs, 24
relative-root addresses, 136
relative-root links, 137
selecting web hosting providers, 10-12, 30
styling links via CSS, 147-151
website architectures, creating, 137
whitespace, 35
Word, creating HTML files, 31
WYSIWYG editors, creating HTML files, 31
HTML Validator, 43
HTML5
application development, 390-391
client-side scripting, 390
conceptualizing web pages, 69-74
HTML5 Boilerplate framework, 434
JavaScript, 390
multimedia
Outline tool, 74
recommendations, 70
server-side scripting, 390
tags
<article> tags, 41
<aside> tags, 41
<footer> tags, 41
<header> tags, 40
<nav> tags, 41
<section> tags, 41
hyperlinks. See links
images
aligning
auto image loading, web browsers, 24
backgrounds
CD-ROM, transferring images to, 178
changing based on user interaction, 388-389
clip art, 176
color, adjusting, 182
compression, 177
copyrights and, 176
Creative Commons licenses, 176
file sizes, 177
GIF files, 186
transparent images, 187
Google Images, 190
Google Picasa, 176
height/width, specifying, 197
JPEG files
links
images as, 147
turning images into links, 201-204
Pixlr, 176
PNG files, 187
Red Eye Removal, 182
republishing, 195
resizing, 181
resolution, 177
responsive images, 197
storing, 194
tables and, 166
transparent images, 187
uses of, 177
web pages
grabbing images from, 176
placing images on web pages, 193-195
Windows Media Video, linking to, 219
in value (CSS height/width properties), 55
indenting
code, 431
text, web page creation, 38
index pages, HTML file management, 22
inline styles (CSS), 63
inline value (CSS display property), 55
input controls, forms
radio buttons, 407
inset value (CSS border-style properties), 57
internal style sheets (CSS), 48, 62-63
ISP, selecting, 29
JavaScript
client-side scripting, 380
concatenation operators, 385
DOM, 387
events and event handling
event attributes, 329
HTML files
comments, 381
displaying random content in, 382-386
HTML5, 390
images, changing based on user interaction, 388-389
JPEG files
.jsp file extensions, 31
keyframes (CSS3 animation), 360
labeling form data, 403
languages (foreign), formatting text for, 102-104
layouts
elastic layouts, 288
fixed/liquid hybrid layouts, 285-286
setting column height, 280-284
setting minimum width, 279
hidden (rollover) text, displaying, 327-328
layout properties (CSS), 55
responsive web design, 286-287
rollover (hidden) text, displaying, 327-328
web resources, 270
leading (text), line-height property (CSS), 59
line breaks, web page creation, 35-37
line-height property (CSS), 59
line-through text, style sheets, 59
links
absolute links, 136
anchor tags
identifying locations within web pages via, 138
linking to anchor locations, 138-141
naming, 140
color and, 122
images, 147
linking to Windows Media Video, 219
turning images into links, 201-204
<link> tags (CSS), 53
media-specific style sheets to web pages, 370-371
opening in new browser windows, 146-147
relative-root links, 137
web content
linking to external web content, 144
web pages, linking media-specific style sheets to, 370-371
Windows Media Video, linking images to, 219
lists
bulleted lists, 94
list item indicators, placing, 295-297
list-item value (CSS display property), 55
list-style-image property (CSS), 292
list-style-position property (CSS), 292, 295-297
list-style-type property (CSS), 292
list-style-type style rule, 94-97
navigation lists
horizontal navigation, 316-319
primary navigation, 306
secondary navigation, 306
loading web content, 25
LunarPages web hosting provider, 11
managing
domain names, 11
HTML files, 19
index pages, 22
websites
coding clarity, 431
indenting code, 431
margins
CSS box model, 254
margin property (CSS), 233-241
marked up text, HTML, 7
Mashable.com, publicizing websites via, 441
media-specific style sheets, 369-371
Microsoft Internet Explorer. See Internet Explorer
Microsoft Word. See Word (MS)
MIME types, multimedia files, 222-223
mm value (CSS height/width properties), 56
monitors
color and, 122
resolution, 184
mouse actions
events and event handling
event attributes, 329
rollover (hidden) text, displaying, 327-328
moving (translating) elements, CSS3 3D transformations, 353
Mozilla Firefox web browser. See Firefox web browser
multimedia, 228
audio
creating, 218
defining, 217
<embed> element, 223
QuickTime support, 221
streaming files, 221
video
video files, HTML5 playback, 224-227
naming
anchor tags, 140
files with HTML tags, 31
form data, 402
<nav> semantic element (HTML5), 69-72, 78-79
<nav> tags, HTML5, 41
navigation lists
horizontal navigation, 316-319
primary navigation, 306
secondary navigation, 306
vertical navigation, 306-308, 311
multilevel vertical navigation, 312-315
single-level vertical navigation, 309-310
nested (child) tags, 92
non-viewable window areas (browsers), 270
none value, CSS
border-style properties, 57
display property, 55
Notepad, creating HTML files, 30
<object> element, embedding multimedia files, 221-223
onclick events (JavaScript), 329-336
ondblclick events (JavaScript), 329
onkeydown events (JavaScript), 329
onkeyup events (JavaScript), 329
online resources, CSS
browser support, 54
CSS reference guide, 49
onload events (JavaScript), 329
onmousedown events (JavaScript), 329
onmousemove events (JavaScript), 330
onmouseout events (JavaScript), 330
onmouseover events (JavaScript), 330
onmouseup events (JavaScript), 329
Opera web browser, 13
organizing
HTML files, 19
index pages, 22
websites
BAWSI.org, 428
Outline tool (HTML5), 74
outlines, building via lists, 92-93
outset value (CSS border-style properties), 57
overflow property (CSS), text flow and, 264
overlapping elements, z-index property (CSS), 261-263
padding
CSS box model, 254
padding property (CSS), 59, 233, 241-244
paragraphs, web page creation, 35-37
parent folders, 137
passwords, forms, 402
PDF files, converting, 375
Peet’s Coffee & Tea, website organization, 426-427
peripherals
monitors
color and, 122
resolution, 184
mouses
events and event handling, 329-336
rollover (hidden) text, 327-328
perspective, CSS3 3D transformations, 350
photos. See also images
aligning, 199
background-image style property, 204
changing based on user interaction, 388-389
Google Images, 190
height/width, specifying, 197
links, turning images into, 201-204
Red Eye Removal, 182
republishing, 195
resizing, 181
responsive images, 197
storing, 194
web pages, placing photos on, 193-195
Windows Media Video, linking to, 219
Photoshop (Adobe), 176
Picasa (Google), 176
pictures. See images
Pixlr, 176
plug-ins, defining, 219
PNG files, 187
pop-up windows, 146
positioning
overlapping elements, z-index property (CSS), 261-263
positioning property, 257
prefixes (vendor), web browsers and, 341
pricing web hosting providers, 11
primary navigation, 306
printing
print-friendly web pages, 365
criteria for print-friendliness, 366-369
designing style sheets for print pages, 371-374
media-specific style sheets, 369-371
reviewing content for print-friendliness, 366
Print Preview, viewing web pages in, 374-375
pt value (CSS height/width properties), 56
publishing web content
blog publication, 24
local publication, 23
pull-down pick lists (forms), 407-408
pull quotes, 79
purchasing domain names, 11
px value (CSS height/width properties), 56
QuickTime, browser support for, 221
quotes (pull), 79
radio buttons (forms), 407
random content, displaying in HTML files via JavaScript, 382-386
Red Eye Removal, 182
registered trademark symbol, 103
relative addresses, web pages and, 136-137
relative positioning, 55, 257-259
relative-root addresses, web pages and, 136
relative-root links, web pages and, 137
reliability, web hosting providers, 10
republishing images, 195
resizing images, 181
resolution
graphics, 177
screen, 184
responsive images, 197
responsive web design, 286-287
ridge value (CSS border-style properties), 57
robots, web page searches, 441
rollover (hidden) text, displaying, 327-328
rotating elements, CSS3
3D transformations, 353
rounded corners, creating, 128-130
rows (tables), creating, 156
Safari web browser, 13
sans-serif font (text), 109
saving files with HTML tags, 31
scaling
elements (CSS3 2D transformations), 346-348
images, 181
screen resolution, 184
scripting
client-side scripting, 380, 390
PHP, 396
server-side scripting, 380, 390
scrolling lists (forms), 407-408
searches
Google searches, 8
search engines
spamming, 443
URL creation, 449
websites, listing with search engines, 441-448
web content, <meta> tags (HTML), 444-448
secondary navigation, 306
<section> semantic element (HTML5), 69-72, 75-77
<section> tags
HTML, 143
HTML5, 41
selection lists (forms), 407-408
selectors (CSS), 60
recommendations, 70
servers
browsers, basic browser server interaction, 7-9
FTP client connections, 18
server-side scripting, 380, 390
space, 10
uptime, 10
web hosting providers, selecting, 10
sizing
elements (CSS box model), 254-255
images, 181
text
font-size style rule (CSS), 109
style sheets, 53
skeleton pages. See templates
skewing elements (CSS3 2D transformations), 348
solid value (CSS border-style properties), 57
source editors, blogs, 24
spamming search engines, 443
<span> tags (CSS), 63
spanning with tables, 165
special characters (symbols), 102-104
spiders, web page searches, 441
streaming multimedia files, 221
<strike> tags (HTML), 106
strikethrough text, style sheets, 59
strong text. See boldface text
style attribute, text-align style rule and, 88-89
style properties (CSS), 60
style rules
color style rule, fonts and, 109
font-family style rule, 109
font-size style rule, 109
font weight style rule, 105-106
multiple style properties in, 61
viewing, 54
default values, 88
list-style-type style rule, 94-97
style sheets
Bootstrap framework, 434
borders, 254
content, 254
margins, 254
padding, 254
browser support for, 54
clear property, text flow and, 264
color, specifying via style sheets, 125-127
CSS tags, 52
definition of, 47
<div> tags, 63
DOCTYPE declarations, 256
external style sheets, 48, 51-54
float property, 233, 246-249, 264
formatting properties, 55
background-color property, 58
border-width property, 56
color property, 59
font-family property, 58
font property, 59
font-size property, 58
font-style property, 58
font-weight property, 58
line-height property, 59
padding property, 59
text-decoration property, 59
text-indent property, 58
Foundation framework, 434
hidden (rollover) text, 327-328
HTML documents, linking to, 53
inline styles, 63
internal style sheets, 48, 62-63
italic text, 59
layouts
elastic layouts, 288
fixed/liquid hybrid layouts, 275-286
layout properties, 55
responsive web design, 286-287
line-through text, 59
lists
horizontal navigation, 316-319
list-style-image property, 292
list-style-position property, 292, 295-297
list-style-type property, 292
media-specific style sheets, 369-371
mouse actions
events and event handling, 329-336
rollover (hidden) text, 327-328
overflow property, text flow and, 264
padding property, 233, 241-244
positioning
positioning property, 257
print pages, designing style sheets for, 371-374
rollover (hidden) text, 327-328
selectors, 60
<span> tags, 63
strikethrough text, 59
style properties, 60
color style rule, 109
font-family style rule, 109
font-size style rule, 109
font weight style rule, 105-106
multiple style properties in, 61
viewing, 54
text
formatting color, 48
sizing, 53
underline text, 59
validating, 64
<sub> tags (HTML), 106
subscript text, 106
Subversion website version control, 433
<sup> tags (HTML), 106
superscript text, 106
support, selecting web hosting providers, 10
symbols (special characters), 102-104
tables
borders
spacing, 166
specifying color via CSS, 125-127
cells
creating, 156
headings, creating, 156
images in, 166
rows, creating, 156
spanning within, 165
<table> tags (HTML), 156
uses for, 156
tags
child (nested) tags, 92
CSS, 52
<div> tags, 63
elements and, 48
<link> tag, 53
selectors, 60
<span> tags, 63
closing slashes, 36
<div> tags, 203
empty tags, 34
horizontal rule tag, 37
<hr> tag, 37
naming files with, 31
older HTML tags, formatting and, 102
saving files with, 31
<strike> tags, 106
<sub> tags, 106
<sup> tags, 106
<table> tags, 156
<tbody> tags, 160
<tfoot> tags, 160
<thread> tags, 160
<u> tags, 106
xml: lang attribute, 34
xmlns attribute, 34
HTML5
<article> tags, 41
<aside> tags, 41
<footer> tags, 41
<header> tags, 40
<nav> tags, 41
<section> tags, 41
nested (child) tags, 92
<span>, CSS, 63
templates, web page creation, 35
testing
websites, multiple web browsers, 12-13, 30
text
aligning, 86
ASCII text
formatted text, 102
flowing text, 264
fonts
Arial font, 109
color style rule (CSS), 109
font-family property (CSS), 58
font-family style rule (CSS), 109
font property (CSS), 59
font-size property (CSS), 58
font-size style rule (CSS), 109
font-style property (CSS), 58
font-weight property (CSS), 58
font weight style rule (CSS), 106
sans-serif font, 109
Times Roman font, 109
formatting
bulleted lists, 94
customizing fonts in HTML, 108-112
subscript text, 106
superscript text, 106
forms
accepting text input in, 401-402
passwords, 402
hidden (rollover) text, displaying, 327-328
HTML, whitespace, 35
indenting, web page creation, 38
italic text, style sheets, 59
leading, line height property (CSS), 59
line breaks, web page creation, 35-37
line-through text, style sheets, 59
lists
paragraphs, web page creation, 35-37
rollover (hidden) text, displaying, 327-328
sizing, font-size style rule (CSS), 109
strikethrough text, 59
style sheets, 59
formatting color, 48
sizing, 53
text-align property (CSS), 58-59
text-decoration property (CSS), 59
text-indent property (CSS), 58
underline text, 59
web browsers, adjusting font size settings, 25
<tfoot> tags (HTML), 160
<thread> tags (HTML), 160
Times Roman font (text), 109
timing, loading of web content, 25
trademark (registered/unregistered) symbols, 103
traffic (websites), increasing, 439-441
transferring
HTML files, 14
FTP, 33
transformations (CSS3)
2D transformations
skewing elements, 348
3D transformations
applying perspective, 350
creating/manipulating cubes, 354-358
moving (translating) elements, 353
rotating elements, 353
vanishing points, 350
translating elements (CSS3)
3D transformations, 353
transparent images, 187
triadic color schemes, 121
<u> tags (HTML), 106
underline text, style sheets, 59
unregistered trademark symbol, 103
uptime, servers and, 10
URL, creating, 449
USB drivers, distributing web browsers, 23
validating
email addresses, 411
style sheets, 64
vanishing points, CSS3 3D transformations, 350
VBScript (Microsoft), client-side scripting, 380
vendor prefixes, web browsers and, 341
version control, websites and, 432-433
vertical image alignment, 199-201
vertical navigation, 306-308, 311
multilevel vertical navigation, 312-315
single-level vertical navigation, 309-311
video
<video> element, embedding multimedia files, 226-227
viewing
CSS style rules, 54
HTML files, 33
web pages, 33
visual editors, blogs, 24
W3C color standards, 121
W3C CSS Validator, 64
web browsers
Chrome, 13
CSS support, 54
development of, 6
differences in, accounting for, 341
distributing, 23
Firefox, 13
helper applications, defining, 219
history of, 6
HTML development, 6
images, auto image loading, 24
Internet Explorer, 13
Opera, 13
plug-ins, defining, 219
popularity of, 30
QuickTime support, 221
Safari, 13
servers, basic browser server interaction, 7-9
text, adjusting font size settings, 25
vendor prefixes, 341
web content, displaying, 92
websites
comparing, 30
web content
aligning, align property (CSS), 233, 245
browsers, displaying in, 92
clear property (CSS), text flow and, 264
color
140 cross-browser color names, 121
Colorblind Web Page Filter tool, 127
hexadecimal color codes, 122-124
W3C color standards, 121
comparing, 30
comparing web content HTML codes, 40
indenting text, 38
organizing content via headings, 38-39
templates, 35
borders, 254
content, 254
margins, 254
padding, 254
float property (CSS), 233, 246-249, 264
forms, 395
grouping elements, 404
labeling form data, 403
naming form data, 402
passwords, 402
radio buttons, 407
sending, 397
graphics
adjusting color, 182
Adobe Photoshop, 176
clip art, 176
compression, 177
copyrights and, 176
Creative Commons licenses, 176
file sizes, 177
Google Images, 190
Google Picasa, 176
grabbing from web pages, 176
Pixlr, 176
placing graphics on web pages, 193-195
PNG files, 187
Red Eye Removal, 182
republishing, 195
resizing, 181
resolution, 177
specifying height/width, 197
transparent graphics, 187
turning graphics into links, 201-204
uses of, 177
hidden (rollover) text, displaying, 327-328
links
absolute links, 136
images as, 147
linking to external web content, 144
opening in new browser windows, 146-147
relative-root links, 137
lists
horizontal navigation, 316-319
placing list item indicators, 295-297
loading, timing, 25
managing
coding clarity, 431
indenting code, 431
margins
margin property (CSS), 233-241
overflow property (CSS), text flow and, 264
padding
padding property (CSS), 233, 241-244
print-friendly web pages, 365
criteria for print-friendliness, 366-369
designing style sheets for print pages, 371-374
media-specific style sheets, 369-371
reviewing content for print-friendliness, 366
Print Preview, viewing web content in, 374-375
publishing
locally, 23
to blogs, 24
random content, displaying via JavaScript, 382-386
relative-root addresses, 136
responsive web design, 286-287
rollover (hidden) text, displaying, 327-328
searches
search engines, listing web content with, 441-448
stylesheets
definition of, 47
formatting text color, 48
inline styles, 63
internal style sheets, 48, 62-63
layout properties, 55
linking to HTML documents, 53
selectors, 60
sizing text, 53
style properties, 60
validating, 64
tables
cells, creating, 156
headings, creating, 156
images in, 166
rows, creating, 156
spacing borders, 166
spanning within, 165
uses for, 156
text
flowing, 264
transferring, FTP, 33
web hosting providers, selecting, 10-12, 30
website architectures, creating, 137
web hosting providers
A Small Orange, 11
bandwidth, 10
customer service, 10
DailyRazor, 11
domain names, managing, 11
LunarPages, 11
pricing, 11
reliability, 10
server space, 10
web pages
align property (CSS), 233, 245
clear property (CSS), text flow and, 264
color
140 cross-browser color names, 121
Colorblind Web Page Filter tool, 127
hexadecimal color codes, 122-124
W3C color standards, 121
creating
comparing web page HTML codes, 40
indenting text, 38
organizing content via headings, 38-39
templates, 35
borders, 254
content, 254
margins, 254
padding, 254
elements, definition of, 48
float property (CSS), 233, 246-249, 264
floating elements, 233
forms, 395
grouping elements, 404
labeling form data, 403
naming form data, 402
passwords, 402
radio buttons, 407
sending, 397
graphics
adjusting color, 182
Adobe Photoshop, 176
clip art, 176
compression, 177
copyrights and, 176
Creative Commons licenses, 176
file sizes, 177
Google Images, 190
Google Picasa, 176
grabbing from web pages, 176
Pixlr, 176
placing graphics on web pages, 193-195
PNG files, 187
Red Eye Removal, 182
republishing, 195
resizing, 181
resolution, 177
specifying height/width, 197
transparent graphics, 187
turning graphics into links, 201-204
uses of, 177
hidden (rollover) text, displaying, 327-328
links
absolute links, 136
images as, 147
linking between web pages, 141-144
linking to external web pages, 144
opening in new browser windows, 146-147
relative-root links, 137
lists
horizontal navigation, 316-319
placing list item indicators, 295-297
loading, timing, 25
managing
coding clarity, 431
indenting code, 431
margins
margin property (CSS), 233-241
multimedia, 228
audio/video playback via HTML5, 224-227
creating, 218
defining, 217
QuickTime support, 221
streaming files, 221
overflow property (CSS), text flow and, 264
padding
padding property (CSS), 233, 241-244
print-friendly web pages, 365
criteria for print-friendliness, 366-369
designing style sheets for print pages, 371-374
media-specific style sheets, 369-371
reviewing content for print-friendliness, 366
Print Preview, viewing web pages in, 374-375
random content, displaying via JavaScript, 382-386
relative-root addresses, 136
responsive web design, 286-287
robots, 441
rollover (hidden) text, displaying, 327-328
search engines, listing web pages with, 441-448
spiders, 441
style sheets
definition of, 47
external style sheets, 48, 51-54
formatting text color, 48
inline styles, 63
internal style sheets, 48, 62-63
layout properties, 55
linking to HTML documents, 53
selectors, 60
sizing text, 53
style properties, 60
validating, 64
tables
cells, creating, 156
headings, creating, 156
images in, 166
rows, creating, 156
spacing borders, 166
spanning within, 165
uses for, 156
text
flowing, 264
transferring, FTP, 33
URL, creating, 449
viewing, 33
website architectures, creating, 137
web servers
FTP client connections, 18
web sockets, 391
websites
architectures, creating, 137
bad website examples, 122
clear property (CSS), text flow and, 264
color
140 cross-browser color names, 121
Colorblind Web Page Filter tool, 127
hexadecimal color codes, 122-124
W3C color standards, 121
comparing, 30
connecting to, Classic FTP FTP client, 17
borders, 254
content, 254
margins, 254
padding, 254
dynamic websites, 379
changing images based on user interaction, 388-389
client-side scripting, 380
DOM, 387
server-side scripting, 380
VBScript, 380
float property (CSS), 233, 246-249, 264
floating elements, 233
forms, 395
grouping elements, 404
labeling form data, 403
naming form data, 402
passwords, 402
radio buttons, 407
sending, 397
graphics
adjusting color, 182
Adobe Photoshop, 176
clip art, 176
compression, 177
copyrights and, 176
Creative Commons licenses, 176
file sizes, 177
Google Images, 190
Google Picasa, 176
grabbing from web pages, 176
Pixlr, 176
placing graphics on web pages, 193-195
PNG files, 187
Red Eye Removal, 182
republishing, 195
resizing, 181
resolution, 177
specifying height/width, 197
transparent graphics, 187
turning graphics into links, 201-204
uses of, 177
links
absolute links, 136
images as, 147
linking between web pages, 141-144
linking to external web pages, 144
opening in new browser windows, 146-147
relative-root links, 137
lists
horizontal navigation, 316-319
placing list item indicators, 295-297
managing
coding clarity, 431
indenting code, 431
margins
margin property (CSS), 233-241
organizing, 420
BAWSI.org, 428
overflow property (CSS), text flow and, 264
padding
padding property (CSS), 233, 241-244
search engines, listing websites with, 441-448
style sheets
definition of, 47
external style sheets, 48, 51-54
formatting text color, 48
inline styles, 63
internal style sheets, 48, 62-63
layout properties, 55
linking to HTML documents, 53
selectors, 60
sizing text, 53
style properties, 60
validating, 64
text, flowing, 264
URL, creating, 449
web content
relative-root addresses, 136
web pages
print-friendly web pages, 365-375
viewing in Print Preview, 374-375
whitespace, HTML, 35
width
CSS box model, adjusting width in, 254-255
fixed/liquid hybrid layouts, setting minimum width in, 279
images, specifying width in, 197
width property (CSS), 55
windows (browsers), non-viewable window areas, 270
Windows Media Video, linking to images, 219
Word (MS), creating HTML files, 31
WordPress Theme Gallery, layouts and, 270
WWW (World Wide Web), HTML development, 6
WYSIWYG editors, creating HTML files, 31
XHTML
defining, 7
function of, 53
goal of, 53
xml: lang attribute (HTML tags), 34
xmlns attribute (HTML tags), 34
z-index property (CSS), 261-263
Zen Garden layouts (CSS), 270