HTML for the World Wide Web with XHTML and CSS: Visual QuickStart Guide, Fifth Editionby Elizabeth Castro
As both the Web and the browsers used to navigate it mature, work-arounds that compensate for the myriad factors that affect Web page appearance no longer cut it. Users expect Web pages to look beautiful regardless--and with the Fifth Edition of this popular Visual QuickStart Guide, you can make your Web pages comply. By following the generously illustrated,… See more details below
As both the Web and the browsers used to navigate it mature, work-arounds that compensate for the myriad factors that affect Web page appearance no longer cut it. Users expect Web pages to look beautiful regardless--and with the Fifth Edition of this popular Visual QuickStart Guide, you can make your Web pages comply. By following the generously illustrated, step-by-step instructions that are the hallmark of the Visual QuickStart series, you'll create beautiful code that works consistently across browser versions and platforms (including hand-held devices and cell phones) in no time.
This updated edition includes a new section on foreign-language and multilingual Web sites as well as ample coverage on how the use of HTML is changing. What hasn't changed, however, is the book's popular format: Task-oriented, step-by-step instruction that builds on your growing knowledge. Info-packed appendixes, a comprehensive index, and plenty of screen shots and code examples make HTML for the World Wide Web, Fifth Edition, with XHTML and CSS: Visual QuickStart Guide a must-have reference. Whether you're just getting your feet wet (no prior HTML knowledge is required) or design Web sites for a living, you'll turn to this best-selling guide again and again for answers to all of your HTML-related questions.
Read an Excerpt
Chapter 2: Designing Your Web Page
...Designing Your SiteAlthough you can just jump in and start writing HTML pages right away (seepage 34), it's a good idea to first think about and design your site. That way, you'll give yourself direction and save reorganizing later.
To design your site:
1. Figure out why you're creating this page. What do you want to convey?
2. Think about your audience. How can you tailor your content to appeal to this audience? For example, should you add lots of graphics or is it more important that your page download quickly?
3. How many pages will you need? What sort of structure would you like it to have? Do you want visitors to go through your site in a particular direction, or do you want to make it easy for them to explore in any direction?
4. Sketch out your site on paper.
5. Devise a simple, consistent naming system for your pages, images, and other external files (seepage 26).
- On the other hand, don't overdo the design phase of your site. At some point, you've got to dig in and start writing.
- If you're not very familiar with the Web, do some surfing first to get an idea of the possibilities. You might start with Yahoo's Cool Links: http://www.yaboo.com/EnteilainmentlCool_Links
Organizing FilesBefore you start to create your files, it's a good idea to figure out where you're going to put them.
To organize your files:
1. Create a central folder or directory to hold all the material that will be available at your Web site. On the Mac, choose File > New Folder in the Finder (Figure 2.2). In Windows, from the Active Desktop, choose File > New > Folder (Figure 2-3).
2. Divide the central folder in a way that reflects the organization of your Web site. You may decide to create a separate folder for HTML documents, one for images, and one for other external files. if you have a large site with many pages, you may wish to divide the site into categories or chapters, placing the images in the individual folders.
- Use simple, one-word names without symbols or punctuation for your files and folders. Use all lowercase letters so that your URLs are easier to type and thus your pages are easier to reach. For more details on how to create good file names, consult File Names on page 26.
Creating a New Web PageYou don't need any special tools to create a Web page. You can use any word processor, even WordPad or SimpleText, which are included with the basic Windows and Macintosh system software.
To create a new Web page:
1. Open any text editor or word processor.
2. Choose File > New to create a new, blank document (Figure 2-5).
3. Create the HTML content as explained in the rest of this book, starting on page 35.
4. Be sure to save your file as directed on page 40.
- If you like Microsoft Word, you can use it for writing HTML too. just be sure to save the file correctly (as Text Only and with the htm or html extension). For more details, consult Saving Your Web Page on page 40.
- If you use PageMill, FrontPage, or some other Web page editor to start your pages, you can still tweak their HTML code. just choose File > Open from your text editor of choice and open the file. Then use the rest of this book to add your own HTML tags by hand and create the HTML page you want.
- Well, you can use SimpleEdit or WordPad, but if you want to get fancy, try BBEdit for Mac or HomeSite for Windows. Both have powerful search and replace function, automatic HTML tags in color, syntax checkers for debugging problematic pages, and assorted other helpful features. For more details, consult HTML Editors on page 350.
Starting Your Web PageThe very first thing that you should type on your page is the HTML tag. It identifies the contents of your text document as HTML code,
To start your Web page:
1. Type <HTML>.
2. Leave a few spaces for creating the rest of your page (using the rest of this book).
3. Type </HTML>.
- Perhaps even more important than the HTML tag-which is optional, after allis the file extension (seepage 26). Of course, we humans also benefit from the HTML tag, since it indicates what the rest of the document holds.
- Create a template with the HTML tags already typed in as a starting point for all your pages.
- Earlier editions of this book recommended using the !DOCTYPE tag to tell the browser which version of HTML was used for the page. The truth is, however, that although the W3C would like you to use the !DOCTYPE tag, I haven't found a single browser that cares one way or the other. On the other hand, I do get buckets of e-mail from people confused about it. So, I've changed my mind. If you're concerned about following the W3C's specifications to the letter, check out www.w3.org/TR/REC-html40/struct/global.html#h-7.2. Otherwise, just forget about the !DOCTYPE tag. ...
What People are saying about this
and post it to your social network
Most Helpful Customer Reviews
See all customer reviews >