miércoles, 11 de mayo de 2011

Creating Web Sites The Missing Manual

Get everything you need to plan and launch a web site, including detailed instructions and clear-headed advice on ready-to-use building blocks, powerful tools like CSS and JavaScript, and Google's Blogger. The thoroughly revised, completely updated new edition of Creating a Web Site: The Missing Manual explains how to get your site up and running quickly and correctly.

5 Tips for Budding Web Site Creators

By Matthew MacDonald

These days, aspiring Web site creators like you pick up a lot of Web-design theory before you start working on your pages. But as deadlines loom and the value of 揹o it right?falls victim to the imperative to 揹o it right now,?even the best of us sometimes toss good practice out the window. That抯 perfectly understandable and no cause for panic梐fter all, if Web weavers waited until their pages were perfect before uploading them, the Internet would be a very lonely place indeed. However, sometimes innocent-seeming shortcuts can cause headaches later on. Here are a few pieces of Web advice that site creators ignore at their own risk:

1. Always include a doctype.

Web browsers can translate two languages into Web pages: old-school HTML and today抯 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:

If you forget to include a doctype, your pages will appear annoyingly inconsistent. That抯 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.

2. Keep formatting instructions out of your markup.

In a rush, it easy to get lazy and apply inline styles (or even worse, formatting tags like < font > ) to a page XHTML or HTML. But it rare for a web site creator to use a particular format just once. Most often, you 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.
4. Think twice before you adopt copy-and-paste design.
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).

5. Keep an eye on your visitors.

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 there do my visitors live?? How long is a typical visit?? and what pages are their favorites??

--This text refers to an alternate Paperback edition.

Product Description

Think you have to be a technical wizard to build a great web site? Think again. For anyone who wants to create an engaging web site--for either personal or business purposes--Creating Web Sites: The Missing Manual demystifies the process and provides tools, techniques, and expert guidance for developing a professional and reliable web presence.

Like every Missing Manual, you can count on Creating Web Sites: The Missing Manual to be entertaining and insightful and complete with all the vital information, clear-headed advice, and detailed instructions you need to master the task at hand. Author Matthew MacDonald teaches you the fundamentals of creating, maintaining, and updating an effective, attractive, and visitor-friendly web site--from scratch or from an existing site that's a little too simple or flat for your liking.
Creating Web Sites: The Missing Manual doesn't only cover how to create a well-designed, appealing, smart web site that is thoroughly up to date and brimming with the latest features. It also covers why it's worth the effort by explaining the rationale for creating a site in the first place and discussing what makes a given web site particularly aesthetic, dynamic, and powerful. It further helps you determine your needs and goals and make well informed design and content decisions.
Creating Web Sites: The Missing Manual includes a basic primer on HTML, working with JavaScript, and incorporating services like Paypal's shopping cart, Amazon's associate program, and Google AdSense and AdWords. It delivers advanced tricks for formatting, graphics, audio and video, as well as Flash animation and dynamic content. And you'll learn how to identify and connect with your site's audience through forms, forums, meta tags, and search engines.

This isn't just another dry, uninspired book on how to create a web site. Creating Web Sites: The Missing Manual is a witty and intelligent guide for all of you who are ready to make your ideas and vision a web reality.

0 comentarios:

Publicar un comentario