index
Symbols
4D65A0, blue color 16
for links 72
& (ampersand) 28
, (comma), for style rules 15, 33
© (copyright symbol) 79
{ } (curly brackets) 13
... (ellipsis) vii, 9
/ (forward slash) 12, 50, 75
> (greater than sign) 12
# (hash symbol) 112
“ (left curly double quote) 28
(non-breaking space) 50
. (period) 40, 44, 77, 84
" (quotation marks)
and font names 15
” (right curly double quote) 28
; (semicolon) 15, 30
_ (underscore) 4, 6, 11, 24
A
a, element 71, 86, 104
with images 75Ð76
a:link, a:visited, a:focus, a:hover, a:active (selectors for link styles) 72
absolute positioning 84
accented characters 118Ð120
adding
background color 13
body section 10
borders 34
divisions 42, 47
fonts 15
images 25
italics 36
labels 26
line breaks 37, 52
local formatting 38
padding 32, 40
paragraphs 17
photos 25
section header 14
spacing 18
special characters 28
structure 39, 52
subheaders 27
text 17, 29, 42, 47
text color 16
title 9
adjusting levels 21
Adobe Photoshop Elements x, 19
adjusting levels 21
brightness/contrast 61
colorizing background 62
Color Picker 112
creating transparency 66
cropping images 20
JPEG format 23
resizing images 22, 73
alt, attribute in img element 25
and quotation marks 90
for header logos 68
in links 77
not necessary for decorative images 83
ampersand 28
anchor. SeeÊa, element
ASCII format for uploading files 102
B
b, element 38, 104
background
color 13, 46
and padding 51
image 61Ð64
transparent by default 48
background, property 13, 106
adding background image 64
and padding 46
color 46
background-color, property 106
background-image, property 106
Bare Bones Software BBEdit for Macintosh x, 5
big, element 52. See alsoÊfont-size, property
Binary, format for uploading image files 102
block-level, elements 52
blue background, creating 13
body, element 104
changing text color 16
choosing fonts for 15
coloring background 13
creating 10
default margin in browsers 18
bold.
local formatting 38, 52
See alsoÊfont-weight, property
bookmarks, and title of web page 9
border, property 34, 51, 77, 106
borders
adjusting 46
and margins 49, 51
and padding 51
around image links 77, 92
creating 34
styles 51
br, element 37, 52, 104. See alsoÊline breaks
brightness, adjusting 21
for background image 61
browsers xi
and named colors 116
and title of web page 9, 56
default margins 18
hn elements 27
p elements 17, 29
Refresh command 99
spacing around headers 33
standard fonts 49
testing on various 102
C
ceramics.html, file name
linking to 71
saving 6
characters, special 28
references for 51
character references 51
and encodings 50
child element 49. See alsoÊinheritance
class, attribute 104
adding italics 36
adjusting link borders 77
floating images 44
in div element 39
in img element 77
in p element 35, 78, 79
style rules for 40, 44
classifying
divisions 39
images 44, 77
paragraphs 35, 78, 79
clear, property 41, 52, 107. See alsoÊfloat, property
clearing floats 41, 52
color
background 13
background image 62
text 16
color, property 16, 107
colors 111Ð116
codes for 112
selection of 114
sixteen named 113
tips 116
commas, in style rules 15, 33
compression 50, 63
contrast 16
adjusting 21, 61
copyright, adding 79
copyright symbol 79
Corel WordPerfect 5
creating
borders 34
folders 4
headers 14
HTML file 5Ð6, 55
images 19Ð23
style sheets 11
subheaders 27
cropping images 20, 73
CSS, Cascading Style Sheets 12 reference 105Ð110
See alsoÊstyle sheets
.css extension 11
curly.jpg, background image 63
adding 64
getting ix
curly brackets 13
curly quotes 28
currency characters 120
cursor, property 91
Cute FTP for Macintosh 101
Cute FTP for Windows xi, 96, 101
D
del, element 52. See alsoÊtext-decoration, property
div, element 92, 104
adding new 42
clearing floats 41
creating 39, 57
default formatting 52
location of 83
padding 40
positioning 84Ð85
width of 87
divisions. SeeÊdiv, element
DOCTYPE declarations 48, 56, 104
domains 95
advantages of 101
download time 22
JPEG quality 23, 63
E
EDF2FF (background color value) 13
ellipsis, meaning of vii, 9
em, element 52. See alsoÊfont-style, property
encodings, for non-English languages 50
entities 117Ð122
example files, for this book ix
extensions, file. SeeÊfile extensions
extra bits
description viii
for colors 116
for home page 90Ð92
for inner pages 48Ð52
for publishing 101Ð102
F
favorites, and title of web page 9
Fetch for Macintosh 101
file extensions
for style sheets 11
for web pages 6
file names
conventions for 6, 11, 24
See alsoÊfile extensions
float, property 31, 107. See alsoÊclear, property
floating
clearing 41
images 31
to the right 44
folders
creating 4
for images 50, 74
importance of 6
font, property 49, 107
font-family, property 15, 81, 107
font-size, property 30, 51, 70, 88, 107
relative values 80, 92
font-style, property 36, 89, 107. See alsoÊitalics
font-weight, property 72, 108. values for 91
See alsoÊbold
fonts
choosing 15, 49, 81
saving as GIF image 65Ð67
size 51
standard 49
See also individual font properties
format
of style sheets 11, 59
of web page 6, 55
formatting, local 38, 52. See alsoÊbold,Êitalics, andÊstyle sheets
forward slash 12, 50, 75
FTP address 96, 101
FTP programs xi
setting up 96
transferring files to server 97
G
getting indexed 100
tips 102
GIF images 65Ð68
adding web page to 100
and images 68
and keywords 102
and titles 48
green background, meaning of 13
H
h1, element 104
adding 14
adjusting margin 18
h2, element 104
add border 34
adjusting margin 33
creating 27
hash symbol 112
head, element 8, 56, 104
headers
add border 34
adjusting spacing 18, 33
creating 14, 27
with logo 65Ð67, 68
See alsoÊsubheaders
height, of image 25
hexadecimals, for colors 116
home.css, style sheet 59
home page, creating 53Ð92
host, web. SeeÊweb hosts
how this book works viÐviii
HTML
reference 103Ð104
saving as 6, 48
html, element 7, 56, 104
.html extension 6, 55
opening files 48
HTML for the World Wide Web, with XHTML and CSS, Fifth Edition: Visual QuickStart Guide xii
HTML VQS. SeeÊprevious entry
hue/saturation, adjusting 62
I
i, element 38, 104. See alsoÊfont-style, property
images
adding to page 25, 50
and Google 68
background 61Ð64
border around 92
clearing floats 41
compression 50
creating 19Ð23, 49
cropping 20, 73
default placement 25, 83
failing to load 92, 102
floating 31
right 44
folders for 50, 74, 91
for links 91
getting for project ix
GIF format 65Ð67
header logo 65Ð67
JPEG format 23, 50, 63
keeping together 78
labeling 26, 50
little 73, 91
making into links 75Ð76
missing 92, 102
organizing 24, 50
padding 32
problems with 98Ð99
resizing 22, 50, 73
specifying height and width 25
this bookÕs ix
transferring to server 102
transparency 66Ð68
troubleshooting 102
image editors x
img, element 25, 104
inside links 75
See alsoÊimages
index.html, file 55
importance of name 56, 90
inheritance 15, 79
and multiple style sheets 60
and line-height 51, 70, 91
See alsoÊAppendix B
inner pages
creating 1Ð52
extra bits 48Ð52
ins, element 52. See alsoÊtext-decoration, property
Internet Explorer xi
ISP (Internet Service Provider) 94
italics 36, 89
local formatting 38, 52
J
Jasc Paint Shop Pro 19
JPEG images
blurriness and 63
compression 50
creating 19Ð23
quality 23
saving as 23, 63
K
keywords, for getting indexed 102
L
labeling images 26, 50
leading. SeeÊline-height, property
left, property 84, 108
leftcurls.jpg, image for navigation bar ix, 82
left curly double quote 28
levels, adjusting 21
line-height, property 30, 51, 91, 108
line breaks
adding 37, 52
avoiding 26, 50, 78
link, element (for style sheets) 12, 58, 60, 104
linking style sheets 12, 58, 60
links to other web pages
adjusting borders 77
aligning to right 87
creating 71
creating images for 73
in navigation bar 86
making with image 75Ð76
on other sites 91
reduce size of 88
styles for 72, 91
little, folder for images 74
local formatting 38, 52
logo. SeeÊheaders, with logo
lowercase letters, in file names
6, 11, 24
Lucida Handwriting, font 65
M
margin, property 18, 33, 49, 108
margins
adjusting 18, 49, 85
hn element 33
mathematical symbols 122
Microsoft Word 5
saving as HTML 48, 55
N
navigation bar 82Ð88
new files, creating 5
non-breaking spaces 26, 50
Notepad for Windows x
O
opening files 48
Opera xi
organizing
files 4, 6, 11
images 24
overlapping elements 84
P
p, element 104
adding 17, 29, 69, 75
adding italics 36
adjusting spacing 18
around images 90
classifying 35
font size and line height 30, 70
padding
and background color 51
and background property 46
and border 51
and margins 49
collapsing 51
divisions 40
images 32, 44
padding, property 32, 80, 108
similarity to margin property 51
Paint Shop Pro. SeeÊJasc Paint Shop Pro
paragraphs. SeeÊp, element
parent element 49, 80. See alsoÊinheritance
path information 12, 25, 50, 64, 71, 75, 91
period (in selectors) 40, 44, 77, 84
photos
saving as JPEG 23
See alsoÊimages
Photoshop Elements. SeeÊAdobe Photoshop Elements
pixels
for font size 30, 51, 70
for line-height 51
for margins 18, 85
for padding 40
for positioning 84
for size of image 20, 22, 25
Plain Text, format 6, 11, 55, 59
position, property 84, 109
values for 92
postcards, adding new 42
problem solving 98Ð99, 102
property-value pairs 13, 15, 81
publishing web pages 93Ð102
punctuation
in class names 57
in file and folder names 4, 6, 11, 24
in web page 121Ð122
Q
quotation marks
and font names 15
curly 28
in title attribute 26, 50
single vs double 50, 81, 90
R
ratings, of web hosts 94
references, for special characters 28, 50
Refresh, command, in browsers 99
resizing images 22
resolution 20
right alignment 87
right curly double quote 28
S
Safari xi
sarahs_styles.css, style sheet
creating 11
linking to web page 12, 58
sarahs_website, folder 4
creating little folder in 74
saving HTML files in 6, 55
saving images in 63, 67
saving style sheets in 11, 59
transferring files via FTP 97
Save as Web page, command in Microsoft Word 48, 55
Save For Web dialog box, in Photoshop Elements 22, 66, 67, 73
saving
JPEG images 23
style sheet 11
web page 6
search engines
adding web page to 100
and titles 48
selectors 48, 88
semicolons 15, 30
small, element 52. See alsoÊfont-size, property
spaces
in class names 57
in file and folder names 4, 6, 11, 24
in selectors 88, 89
spacing
adjusting 18, 40, 44, 49, 84
floating images 31, 32
See alsoÊmargin, property andÊpadding, property
span, element 81, 104
special characters and symbols 28, 50, 117Ð122
src, attribute in img element 25
strong, element 52. See alsoÊfont-weight, property
structure 39, 52, 57
style, attribute 81, 92, 104
style rules
commas in 15, 33
conflicts 34, 92
explanation 13
resolving conflicts 64
reusing 33
selectors 48
semicolons in 15
spaces in 88, 89
See alsoÊstyle sheets
style sheets
beauty of 43, 90
creating 11, 59
file extensions 11
inheritance 15
linking to web page 12, 58, 60
order of multiple 60, 90
reference 105Ð110
See alsoÊindividual property names
sub, element 52
subheaders
adding 27
See alsoÊheaders
sup, element 52
symbols 28, 50, 117Ð122
T
testing web pages 98Ð99, 102
text
adding 17, 29, 69
aligning 87
bold 38
color 16
italics 36, 38
size 30, 51, 70, 88
See alsoÊfonts
text-align, property 87, 109
text-decoration, property 72, 109
values for 91
TextEdit for Macintosh x, 5
text editors x, 5, 11, 55, 59
Text Only, format 6, 11, 55, 59
title, attribute in img element 26, 104
limit 50
title, element 9, 56, 104
title of web page 9, 56
and Google 48
tools for creating web pages x
top, property 84, 109
transferring files to server 97
transparency, in GIF images 66Ð68
Trebuchet MS, font 15
standard fonts 49
troubleshooting 98Ð99, 102
U
UltraEdit for Windows 5
underscore, in file and folder names 4, 6, 11, 24
user name, for FTP program 101
V
values. SeeÊproperty-value pairs
W
webhostingratings.com 94
web domains 95
advantages of 101
web hosts 94
choosing 101
web pages
accessibility 68
adding images to 25
adding text 17, 29
beginning 5
classifying paragraphs 35
creating images for 19Ð23
file extensions 6
getting indexed 100
linking to style sheets 12
organizing images for 24
publishing 93Ð102
saving 6
special characters and symbols 28
structure 39, 57
testing 98Ð99, 102
title 9
web site, for this book ix
white-space, property 78, 109
values for 92
width
of div element 87, 92
of image 25
width, property 92, 109
word processors 5, 11, 55, 59
WS_FTP for Windows 101
X
XHTML 48