Creating a Web Site: The Missing Manual
|
Web browsers can translate two languages into Web pages: old-school HTML and today?s XHTML. You have to tell the browser which language (called markup) you use, and you do that with a document type definition, better known as a doctype. Doctype is arcane code that looks like this: < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN? "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> If you forget to include a doctype, your pages will appear annoyingly inconsistent. That?s because some browsers, including Internet Explorer, switch into a backward-compatibility state known as quirks mode when they encounter unidentified markup; in essence, they attempt to act like an outdated browser from the 1990s. Common problems that result include text that appears at different sizes in different browsers and layouts that wind up in different configurations depending on your browser. |
In a rush, it?s easy to get lazy and apply inline styles (or even worse, formatting tags like < font > ) to a page?s XHTML or HTML. But it?s rare for a web site creator to use a particular format just once. Most often, you?ll use a design--say for a column, heading, or note box--elsewhere on the same page or on another of your site pages. To ensure consistency across your site and to make it easier to fine-tune the look and feel of your pages, move all your formatting instructions to a central location: an external style sheet. That way, when a browser processes a page, it grabs this central set of instructions and applies them to the page (see the illustration for the sequence of events). |
| 3. Be under renovation, not under construction. Think of your favorite store. Now imagine shopping there if you had to wander around half-lit floors while dodging ladders, pylons, and heavy-duty construction equipment to find the aisles that still have products on the shelf. It?s a similar story on the Web, where a site with empty pages, ?under construction? messages, and vague promises of upcoming content will send visitors away in droves. Yes, it?s true that your Web site won?t be complete when you first upload it. But make sure that what?s there is genuinely useful on its own, and don?t draw attention to gaps and shortcomings. Instead, keep improving what you?ve got. |
Typically, Web sites use the same page design across all their pages. For example, noodle around Amazon and you?ll always see a menu header at the top of the page and a sidebar on the left. There?s a very special circle in Dante?s Inferno reserved for Web developers who try to achieve consistent design by copying and pasting their XHTML from one page to another. It?s almost impossible to manage or modify this mess across all your pages without making a mistake, even if you have a small Web site. If you need a repeating page design, pick a suitable solution from the available options, each of which comes with its own caveat. Your can use server-side includes (which require Web host support), page templates (provided you have a Web design tool like Adobe Dreamweaver or Microsoft Expression Web), frames (which can exhibit quirks), or a Web development platform (if you?re willing to take a crash course in programming). |
Is anyone here? There?s no point in having a Web site if you?re not willing to pay attention to what content draws and keeps visitors and what falls flat on its face. Remarkably, the best way to do that is with a free yet industrial-strength service called Google Analytics. You simply copy a small bit of tracking code to each of your pages and within hours you?ll be able to answer questions like ?Where do my visitors live??, ?How long is a typical visit??, and ?What pages are their favorites?? |
PHP and MySQL by Example
Navigate the Net: A Comprehensive Learning Experience for Travel Professionals
Elijah Lovejoy's ASP Training Course (Complete Video Course)
Weaving a Website: Programming in HTML, Java Script, Perl and Java
Online Resource Guide for Law Enforcement
Core Servlets and Javaserver Pages: Core Technologies, Vol. 1 (2nd Edition)
Publish it on the Web! Windows, Second Edition
Big Book of FYI RFCs (Big Books)
HITTESDORF CORBA/ IIOP CLEARLY EXPLAINED (Clearly Explained)
The Internet Outdoor Family Fun Yellow Pages: The Online Guide to the Best Outdoor Family Sites
The Complete Idiot's Guide to Starting a Web-Based Business
Web Design All-in-One For Dummies
The Web Designer's Idea Book, Vol. 2: More of the Best Themes, Trends and Styles in Website Design
Web Design in a Nutshell: A Desktop Quick Reference (In a Nutshell (O'Reilly))
Build a Website for Free (2nd Edition)
The Web Designer's Idea Book: The Ultimate Guide To Themes, Trends & Styles In Website Design (Web Designer's Idea Book: The Latest Themes, Trends & Styles in Website Design)
Build Your Own Web Site The Right Way Using HTML & CSS, 2nd Edition
The Really, Really, Really Easy Step-by-Step Guide to Building Your Own Website: For Absolute Beginners of All Ages
CSS: The Missing Manual
Learning Web Design: A Beginner's Guide to (X)HTML, StyleSheets, and Web Graphics