... 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, ... 8
Ł
8
Creating Cool Web Sites with HTML, XHTML, andCSS
Ł
Throughout this book, I use PC to refer generally to any personal computer. I’m
tip
actually writing this book on a Macintosh and double-checking...
... 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, ...
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 ... 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...
... 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 ... 94
Ł
94
Creating Cool Web Sites with HTML, XHTML, andCSS
CSS control over lists
You can employ the strategies just discussed in the preceding section to fine-tune the list
styles in CSS. This...
... 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 ... 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 ... 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 ... watermark.
557386 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 ... 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 ... 557386 Ch12.qxd 4/2/04 10:16 AM Page 270
Ł
270
Creating Cool Web Sites with HTML, XHTML, andCSS
<style type=”text /css >
body { margin: 1cm;
border-width: 10px; border-style:...
... 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 ... Page 318
Ł
318
Creating Cool Web Sites with HTML, XHTML, andCSS
fsize
The
fsize
directive shows the size of the specified file and employs the same tags as the
include
command (
virtual...
... AM Page 340
Ł
340
Creating Cool Web Sites with HTML, XHTML, andCSS
Continued
Can you spot all the mistakes in this simple HTML file?
</div>
</body>
< /html& gt;
Does this ... 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...
... Page 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 ... 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...