... 4/2/04 10:00 AM Page i
Creating Cool
Web Sites with
HTML, XHTML,
and CSS
557386 Ch01.qxd 4/2/04 9:52 AM Page 4
Ł
4
Creating Cool Web Sites with HTML, XHTML, andCSS
to comprise the book ... 4/2/04 9:52 AM Page 10
Ł
10
Creating Cool Web Sites with HTML, XHTML, andCSS
Figure 1-6: The CreatingCool Web Sites home page shown in Internet Explorer.
If the Standard toolbar is displayed, ...
Proofreading and Indexing
Publication Services
Cover Design
Michael Trent
557386 FM.qxd 4/2/04 10:00 AM Page iii
Creating Cool
Web Sites with
HTML, XHTML,
and CSS
Dave Taylor
557386...
... 4/2/04 9:52 AM Page 10
Ł
10
Creating Cool Web Sites with HTML, XHTML, andCSS
Figure 1-6: The CreatingCool Web Sites home page shown in Internet Explorer.
If the Standard toolbar is displayed, ... 9:52 AM Page 22
Ł
22
Creating Cool Web Sites with HTML, XHTML, andCSS
HTML, like any other markup language, has some problems. Suppose, for example, you
want to show
< ;html& gt;
—including ... to remove this watermark.
557386 FM.qxd 4/2/04 10:00 AM Page iii
Creating Cool
Web Sites with
HTML, XHTML,
and CSS
Dave Taylor
Please purchase PDF Split-Merge on www.verypdf.com to remove...
... 66
Ł
66
Creating Cool Web Sites with HTML, XHTML, andCSS
Text Formatting withCSS
You’ve looked at the skeleton of CSS long enough; it’s time to dig into some specifics of CSS
formats and styles! ... 32
Ł
32
Creating Cool Web Sites with HTML, XHTML, andCSS
Figure 2-10: Finally, your Web page in a Web browser!
Pretty cool, eh?
Improving the HTMLand viewing it in the browser
With both ... 4/2/04 9:51 AM Page 54
Ł
54
Creating Cool Web Sites with HTML, XHTML, andCSS
Putting It All Together
The following example is a complex HTML document viewed within a Web browser. This
example...
... 4/2/04 9:48 AM Page 84
Ł
84
Creating Cool Web Sites with HTML, XHTML, andCSS
Figure 5-2: A definition list of medicinal herbs with some additional formatting.
With this style modification ...
Creating Cool Web Sites with HTML, XHTML, andCSS
Changing text case
This is the last new CSS style for this chapter, I promise. I know that this chapter must seem
like quite a monster with ... watermark.
557386 Ch06.qxd 4/6/04 9:56 AM Page 110
Ł
110
Creating Cool Web Sites with HTML, XHTML, andCSS
< ;html& gt;
<head>
<title> ;Dave s Online Deli</title>
</head>
<body>...
... 152
Ł
152
Creating Cool Web Sites with HTML, XHTML, andCSS
This isn’t exactly XHTML, but it’s pretty close. To convert Taco’s HTML output to XHTML,
simply add an
alt
tag for the image, and replace ... 128
Ł
128
Creating Cool Web Sites with HTML, XHTML, andCSS
To understand why the
alt=
element is necessary, see Figure 7-4. For this example, I removed
the
alt
tag included in the HTMLand renamed ... Page 142
Ł
142
Creating Cool Web Sites with HTML, XHTML, andCSS
Scanned or digital photographs
Another way to produce graphics for your Web site is to use a scanner and work with existing
art....
...
Creating Cool Web Sites with HTML, XHTML, andCSS
The first pane here is the second frameset: two rows, the first (
top .html
) 30 percent of the
available height, and the second (
bottom .html
) ... Page 196
Ł
196
Creating Cool Web Sites with HTML, XHTML, andCSS
An Introduction to HTML Forms
Forms enable you to build Web pages that let users actually enter information and send it
back ... watermark.
557386 Ch08.qxd 4/2/04 9:54 AM Page 188
Ł
188
Creating Cool Web Sites with HTML, XHTML, andCSS
Figure 8-20: Navigational panes with an added scroll bar.
Here’s how I might modify the...
...
http://www.intuitive.com/coolsites/
.
What’s on the Companion Web Site?
What would a Web book be without a companion Web site? The CreatingCool Web Sites
with HTML, XHTML, andCSS Web site can be ... Very cool, huh?
Please purchase PDF Split-Merge on www.verypdf.com to remove this watermark.
557386 Ch01.qxd 4/2/04 9:52 AM Page 16
Ł
Ł
16
Creating Cool Web Sites with HTML, XHTML, andCSS ... watermark.
557386 Ch01.qxd 4/2/04 9:52 AM Page 4
Ł
4
Creating Cool Web Sites with HTML, XHTML, andCSS
to comprise the book itself. What you have in your hands is a collection of pages organized
in...
... 32
Ł
32
Creating Cool Web Sites with HTML, XHTML, andCSS
Figure 2-10: Finally, your Web page in a Web browser!
Pretty cool, eh?
Improving the HTMLand viewing it in the browser
With both ... Ch02.qxd 4/2/04 9:52 AM Page 26
Ł
26
Creating Cool Web Sites with HTML, XHTML, andCSS
Here is the HTML file when the break tag is used:
< ;html& gt;
Dave s Desk <br />
Somewhere in ... 9:51 AM Page 46
Ł
46
Creating Cool Web Sites with HTML, XHTML, andCSS
Underlining, Monospace, and Other Text Changes
A number of other formatting options are available within Web documents:...
... 4/2/04 9:48 AM Page 84
Ł
84
Creating Cool Web Sites with HTML, XHTML, andCSS
Figure 5-2: A definition list of medicinal herbs with some additional formatting.
With this style modification ... 86
Ł
86
Creating Cool Web Sites with HTML, XHTML, andCSS
A combination of the two list types (unordered and definition) is often useful. The definition
list looks very professional with the ... 9:56 AM Page 106
Ł
106
Creating Cool Web Sites with HTML, XHTML, andCSS
Notice in the preceding HTML code that the link for the Office of Surface Mining is a complex
URL with a specified starting...
... 128
Ł
128
Creating Cool Web Sites with HTML, XHTML, andCSS
To understand why the
alt=
element is necessary, see Figure 7-4. For this example, I removed
the
alt
tag included in the HTMLand renamed ... Ch07.qxd 4/2/04 9:54 AM Page 148
Ł
148
Creating Cool Web Sites with HTML, XHTML, andCSS
Figure 7-16: Transparent graphics can add a cool element to your icons by letting the page’s background bleed ... the form url(
argument) for the CSS container.
Values are repeat, repeat x, repeat y, or no repeat.
container.
Creating Cool Web Sites with HTML, XHTML, andCSS
you see a million slick graphics,...
... Page 196
Ł
196
Creating Cool Web Sites with HTML, XHTML, andCSS
An Introduction to HTML Forms
Forms enable you to build Web pages that let users actually enter information and send it
back ... Ch08.qxd 4/2/04 9:54 AM Page 186
Ł
186
Creating Cool Web Sites with HTML, XHTML, andCSS
Figure 8-19: Navigational panes offer flexibility in layout and presentation.
The
frame
tag itself ... marquees, and lots more!
Please purchase PDF Split-Merge on www.verypdf.com to remove this watermark.
557386 Ch08.qxd 4/2/04 9:54 AM Page 178
Ł
178
Creating Cool Web Sites with HTML, XHTML, and CSS...
... 557386 Ch11.qxd 4/2/04 9:56 AM Page 236
Ł
236
Creating Cool Web Sites with HTML, XHTML, andCSS
An Overview of JavaScript
In the beginning was HTML, and all was well. No one wanted to do anything ... Page 262
Ł
262
Creating Cool Web Sites with HTML, XHTML, andCSS
Cascading Style Sheets are a different story, however; just about every HTML tag turns out to
be a container and you can modify ... this watermark.
557386 Ch10.qxd 4/2/04 9:57 AM Page 224
Ł
224
Creating Cool Web Sites with HTML, XHTML, andCSS
Figure 10-3: By including the label tag, clicking the text next to the check...
... samples.shtml
contact.shtml signup.shtml
covers/ subscribe-cancel-thanks.shtml
faq.shtml subscribe-thanks.shtml
foot .html thanks-peek.shtml
head .html thanks.cgi
index.shtml thanks.shtml
In ... links.shtml
Previous/ exchange-cgi .html middleslice .html
author.shtml exchange .html netiq .html
bottomslice .html exchange.zip printers .html
browsex .html exchange2.zip reviews.shtml
buyit.shtml ... Page 316
Ł
316
Creating Cool Web Sites with HTML, XHTML, andCSS
Ł
You have more to learn about
.htaccess
and password files, including how to
create an encrypted password entry and add it to...
... 557386 Ch15.qxd 4/2/04 9:58 AM Page 332
Ł
332
Creating Cool Web Sites with HTML, XHTML, andCSS
Sites such as Yahoo! and the Open Directory Project do a wonderful job of this type ... watermark.
557386 Ch15.qxd 4/2/04 9:58 AM Page 334
Ł
334
Creating Cool Web Sites with HTML, XHTML, andCSS
The application is free and makes it quite easy for you to browse all the cookies ... 9:58 AM Page 324
Ł
324
Creating Cool Web Sites with HTML, XHTML, andCSS
A key underlying question to determine usability revolves around the target audience for your
site and the purpose of your...
... 376
Ł
376
Creating Cool Web Sites with HTML, XHTML, andCSS
Step 4: Code, preview, and revise
You might find that you work in cycles—coding, placing graphics and links, and then preview
ing what ... links and text in, 107
kerning in, using CSS, 72
keyboard shortcuts in, 230
leading in, adjusting with CSS, 73–74
letter spacing in, adjusting with CSS, 72
line spacing in, adjusting with CSS, ... to remove this watermark.
557386 AppA.qxd 4/2/04 9:53 AM Page 378
Ł
378
Creating Cool Web Sites with HTML, XHTML, andCSS
If you’re using someone else’s server, find out if it uses any file...