... 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, and CSS
to comprise the book itself. ... 150
557386 Ch01.qxd 4/2/04 9:52 AM Page 10
Ł
10
Creating Cool Web Sites with HTML, XHTML, and CSS
Figure 1-6: The Creating Cool Web Sites home page shown in Internet Explorer.
If the Standard ...
Book Designer
Kathie S. Schnorr
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,...
... scalable the design is
for future functionality and growth.
The various types of designs on the DVD include XHTML table-based templates,
XHTML e-newsletter templates, XHTML signature templates, ... file names: Designs—Fourth Edition/161-180 -css /design_ 170/
main.psd, bg-main.psd
XHTML pages: index.htm, menu-item-2.htm, menu-item-3.htm
Photo credits: A 5design
Design 169
Homepage design.
Chapter ... the
Designs Included
in This Book
There are 230 templates included with this book, which contain both pure CSS
and table-based XHTML Web designs, email signatures, e-newsletters, and
Photoshop designs,...
... CSS:
❑
www.thenoodleincident.com/tutorials/box_lesson/boxes .html
❑
www.bluerobot.com /web/ layouts/
❑
www.glish.com /css/
❑
www.alistapart.com/topics/code /css/
❑
www.meyerweb.com/eric /css/ edge/
❑
www.positioniseverything.net/
(This ... first of two chapters about design issues. It addresses designing and constructing
layouts for web pages. Although there is no rule book that says how you should design your page,
there are some ... noticed that some designs stretch to fit the whole page. This is known as a liquid design. By contrast,
designs that force a page to a certain width or height are known as fixed-width designs.
While...
... encoding=”UTF-8”?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
< ;html xmlns=”http://www.w3.org/1999/xhtml” lang=”en”>
<head>
<title>Accessing ... hints that will help you design better pages.
You have to remember, however, that there are no set rules that will make you a good designer; whether
you have the eye for webdesign depends on how ... were given CSS styles to give them outlines and backgrounds,
a more stylized presentation than plain XHTML form controls.
Summary
In this chapter you have learned a lot more about web page layout....
...
http://www.intuitive.com/coolsites/
.
What’s on the Companion Web Site?
What would a Web book be without a companion Web site? The Creating Cool Web Sites
with HTML, XHTML, and CSSWeb site can be found at
http://www.intuitive.com/ ... Page 22
Ł
22
Creating Cool Web Sites with HTML, XHTML, and CSS
HTML, like any other markup language, has some problems. Suppose, for example, you
want to show
< ;html& gt;
—including the angle ... Your First Web Page: HTML Basics
Figure 2-1: The file not-yet .html, without any HTML, shown in Internet Explorer.
Always test your HTML documents by viewing them through one or more Web browsers...
... Cool Web Sites with HTML, XHTML, and CSS
Figure 2-10: Finally, your Web page in a Web browser!
Pretty cool, eh?
Improving the HTML and viewing it in the browser
With both NotePad and the Web ... 66
Ł
66
Creating Cool Web Sites with HTML, XHTML, and CSS
Text Formatting with CSS
You’ve looked at the skeleton of CSS long enough; it’s time to dig into some specifics of CSS
formats and styles! ...
Creating Cool Web Sites with HTML, XHTML, and CSS
Figure 2-7: The Save As dialog box.
When you save this new HTML document, it’s critical that you append either the
.htm
or
.html
filename...
... AM Page 90
Ł
90
Creating Cool Web Sites with HTML, XHTML, and CSS
Ł
A final note on lists: There are a number of additional HTML tags from the early
days of Webdesign that are supposed to offer ...
Creating Cool Web Sites with HTML, XHTML, and CSS
CSS control over lists
You can employ the strategies just discussed in the preceding section to fine-tune the list
styles in CSS. This means ... 9:48 AM Page 82
Ł
82
Creating Cool Web Sites with HTML, XHTML, and CSS
Here’s how you can use a definition list in HTML to define some genetics terms:
< ;html& gt;
<head>
<title>Miscellaneous...
... 9:54 AM Page 152
Ł
152
Creating Cool Web Sites with HTML, XHTML, and CSS
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 ...
Creating Cool Web Sites with HTML, XHTML, and CSS
To understand why the
alt=
element is necessary, see Figure 7-4. For this example, I removed
the
alt
tag included in the HTML and renamed ... 9:54 AM Page 144
Ł
144
Creating Cool Web Sites with HTML, XHTML, and CSS
Working with digital photographs
One of the easiest ways to add images to your Web site is use of your digital camera....
...
Creating Cool Web Sites with HTML, XHTML, and CSS
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
) the ... Ch09.qxd 4/2/04 9:57 AM Page 196
Ł
196
Creating Cool Web Sites with HTML, XHTML, and CSS
An Introduction to HTML Forms
Forms enable you to build Web pages that let users actually enter information ... Cool Web Sites with HTML, XHTML, and CSS
Figure 8-20: Navigational panes with an added scroll bar.
Here’s how I might modify the previous listing to include some
noframes
information:
< ;html& gt;...