About

Synopsis Contents Index symbols a b c d e f g h i j k l m n o p q r s t u v w x

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

Google

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