Web Publishing Basics
Web Publishing Basics
Web Publishing Basics
AL
In This Chapter
Getting started with Web publishing
RI
Putting together a Web page the easy way — and the easier way
Examining types of Web sites
TE
Reviewing Web page guidelines
MA
T he Web is an incredibly easy way to get your message — any message —
out to anyone in the world who’s interested in it. By putting up a Web
D
page, you can stay in touch with friends and family, entertain people, help
yourself get a job, or help yourself do your job. You can start a business,
TE
Nearly a million people have purchased this book since its first edition more
than ten years ago, and our readers have used every technique we describe
in this book, and more, to get their first Web pages up and running. By read-
ing this book, you’re starting on a path that many, many people before you
RI
You may have begun using the Internet and Web without really getting a
chance to learn how they work. Knowing how they work can help you
become a better Web publisher. Here’s a brief, to-the-point description.
For more information, you can search the Web; the World Wide Web
consortium site at www.w3.org is a good place to start.
10 Part I: Create a Web Page Today
The base of the Web is the Internet. The Web depends on the Internet to con-
nect its many files together and to allow people to get to the Web. E-mail is a
separate function that also depends on the Internet. And FTP (file transfer
protocol) is another Internet service, used to move files from one computer
to another.
You look at Web pages by using a program called a Web browser. A Web
browser uses HTTP to request a Web page from a Web server. The Web page,
in turn, uses HTTP to request any other files, such as graphics images or ads,
that are part of the Web page. After you request a Web page, your Web browser
pulls the files that make up the Web page from one or more Web servers and
assembles those files into one page on your machine.
Getting webbed
This book talks a lot about the Web, but doesn’t MSN (Internet access from Microsoft) is also
discuss how to get on the Web as a user. Even popular, and there are a host of other providers
if you’re on the Web already, perhaps through a who can give you a good deal — in many
connection at work, you may also want to get cases, cheaper than AOL. What most of these
on the Web from home. How do you do that? other providers lack is the ability to get online
from nearly anywhere in the world by using a
The most popular online service is still America
dialup number and the wide range of services
Online (AOL). AOL has robust Web publishing
AOL offers.
features, coverage around most of the world,
good spam blocking, kid-safe controls, and It’s quite likely that your Internet Service Provider,
many other good features. You can use AOL’s whether it’s a big name like AOL and MSN or a
Web publishing features (see Chapter 4) little guy, offers you space for your Web site —
whether you’re an AOL user or not. and perhaps helpful support services as well.
Check your ISP’s offerings as you decide how to
get your first pages up on the Web.
Chapter 1: Web Publishing Basics 11
The most popular Web browsers are Microsoft Internet Explorer, which you
can use separately or as a built-in part of America Online software; Firefox,
the successor to the once-popular Netscape Navigator; Opera, a standards-
compliant Web browser from a small company; and Safari, a browser for
Macintosh computers.
After a Web browser requests a Web page using HTTP, HTML steps in. Each
Web page includes a text file written in a format called HTML (for HyperText
Markup Language) and usually one or more graphics files. HTML defines a
Web page’s appearance and functionality. Actually, HTML doesn’t precisely
specify the Web page’s appearance: Different Web browsers display various
HTML commands differently. Also, users can specify how they want things to
look. So what one user sees when she looks at a Web page may be different
from what another user sees. (Chapter 8 goes into detail about HTML.)
Getting up URL-y
The Internet is the giant computer network that connects other computer net-
works around the world. At its base, the Internet is just a giant mechanism
for moving files from one computer to another. It finds files by using a kind of
address called a URL (Uniform Resource Locator — which sounds like some-
thing the Army invented to track down clothes!). The acronym URL is usually
pronounced “you are ell,” although some pronounce it “earl.” Most people
today use the term “Web address” or “Internet address” instead of “URL,”
but as a Web publisher you should know both terms.
The address that you type to get to a Web page is a URL. For example, www.
netsurf.com is the URL for Arthur’s Netsurfer Communications Web site. A
URL consists of three parts (see Figure 1-1):
Protocol: The name of the communications language that the URL uses:
HTTP (used on the Web), HTTPS (for secure Web pages), FTP, and so on.
Domain name: The name of the server the file is on.
Pathname: The location of the desired file on the server.
12 Part I: Create a Web Page Today
Figure 1-1:
URLy to Protocol Domain name Pathname
Web, URLy http:// www.server.com/ folder/filename.ext
to rise.
Putting up a Web page involves a few steps that are the same no matter
which tools or techniques you use. The steps may have different names, or
be intermingled with each other, but they’re still basically the same. Here
they are:
1. Create the HTML text file that’s the basis for your Web page (see
Chapter 10).
2. Create or obtain the graphic images you’ll use to spice up the appear-
ance of your page (see Chapter 12).
3. Create a link to the graphics in your HTML text file so they appear
where you want them to (covered in Chapter 13).
4. Preview your Web page on your own machine (see Chapter 10).
5. Find Web server space (see Chapter 16).
6. Transfer the HTML text file and the graphics files to the Web server
(also in Chapter 16).
7. Check that your new Web page works correctly now that it’s online
(again, see Chapter 16).
If you use an easy-to-use tool such as GeoCities (see Chapter 2), the above
steps are combined and most of the details are handled for you. However, it’s
good to know what’s happening “behind the scenes,” to help avoid problems
or to help you tackle a more complicated site later.
Chapter 1: Web Publishing Basics 13
These steps are usually simple if you’re creating a basic Web page. However,
they do get more complicated sometimes, especially if you’re trying to create
a multipage Web site. This book tells you several different, easy ways to
create a Web page, and gets you started on expanding your Web page into
a multipage Web site.
When you create a Web page that has complex formatting, or that mixes text
and graphics, you’ll want to test it in the most popular Web browsers. See
Chapter 16 for the Web addresses from which you can download Microsoft
Internet Explorer, the America Online client, the Firefox browser, the Opera
browser, the Safari browser, or other tools.
For an example of a good-looking Web page, check out the For Dummies Web
page, shown in Figure 1-2. It has an attractive layout, interesting information,
and links to a great deal more information on the For Dummies site and other
sites. The For Dummies Web site is very well done, but you, too, can achieve
similar results with a reasonable amount of planning and hard work. In this
book, we concentrate on helping you create a simple, individual Web page
and combining several Web pages into a closely linked group of pages called
a Web site.
14 Part I: Create a Web Page Today
Figure 1-2:
The For
Dummies
home page
shows Web
publishing
skill.
Note: The For Dummies home page is shown in Microsoft Internet Explorer,
the most popular Web browser. For consistency, we use Internet Explorer for
most of the Web page images in this book.
To see how easy publishing on the Web is, just turn to Chapter 2, 3, or 4 and
get started. You’ll be a Web publisher with just a couple of hours of effort.
Chapter 1: Web Publishing Basics 15
Seeing HTML
When Tim Berners-Lee invented HTML at CERN see all the HTML tags that make the Web page
(the European particle physics research facil- look and act the way it does.
ity) in the late 1980’s, he probably never imag-
After you open the HTML file, you can edit the
ined that so many people would be interested
text and the HTML tags, save the file, and then
in seeing it. Today, most browsers include a
open the file again in your browser to see how
command that enables you to see the actual
it looks with the HTML changes. Don’t publish
HTML source that makes the page look and
someone else’s page, of course — but other
work the way it does.
than that, experimenting in this way is a good
For example, in Internet Explorer, choose View➪ way to learn.
Source to view the underlying HTML file. You
The rest of Part I describes what you need to know to get an initial, simple
Web page up on the Web. Part II describes specialized sites — Flickr for
photos (Chapter 5), Blogger for a Web log (also known as a blog — Chapter
6), or eBay to sell a product (Chapter 7). Parts III and IV tell you how to
improve your Web page, by placing graphics, adding links, and making your
layout look attractive. Part V tells you how to add animation and interactiv-
ity, plus expand your Web page into a Web site.
The major types of Web pages are personal, picture, topical, commercial, and
entertainment sites. Increasingly, you can combine different kinds of sites in
mashups — sites that combine different kinds of technologies. (The Web itself
already does that, but a mashup takes combining technologies to the next
level.) In the next sections, we describe some of the specific considerations
that apply to each type of Web page and not to the others. Decide in advance
what type of Web page you want to create, and look for other pages like it
online.
Personal sites
Personal Web sites can have many goals. Often, your goal is simply to share
something about yourself with coworkers, friends, family, and others. Personal
Web pages are a great way for people to find out about others with similar
interests and for people in one culture to find out about other cultures. You
can also use a personal Web site to share family photos and events — kind of
like a holiday letter that’s always up to date. Figure 1-3 shows part of the per-
sonal site of Jeff Lowe, who’s piloting a remote-controlled blimp in the pictures.
You can find the site at www.jefflowe.com.
Figure 1-3:
Jeff Lowe
pilots the
blimp (and
posts his
résumé too).
Chapter 1: Web Publishing Basics 17
Creating a personal Web site is a great deal of fun and great practice for other
work. But personal Web sites are often left unchanged after the initial thrill of
creating and publishing them fades. Be different — keep your Web site updated!
As personal Web sites evolve, their creators tend to add more information
about a single key interest, in which case the pages may become topical Web
sites (described later). In other cases, the Web site creator adds more infor-
mation about professional goals and accomplishments, in which case the
Web page becomes more like a business Web site.
Following a few simple rules helps make your personal Web site more fun and
less work:
What’s on first? No, no. What’s on second . . . The upper part of your
Web page — the part that appears first when you bring the page up
onscreen — needs to make the main point of the site clear. If the main
point is “you,” the first thing people see should be your name, your
photo, and links to some of the things about “you” that are in your site.
If the point of your site is a topical interest, business interest, or profes-
sional self-promotion, the first area of the home page should make that
clear, too.
Keep it simple. Start with modest goals and get something up on the
Web; then create a “To Do” list of ways in which to extend your site.
Consider spinning off commercial and topical pages that reflect your
desires and interests — each page with its own Web address — rather
than creating a sprawling personal Web site.
Provide lots of links. One of the best ways to share your interests is to
share information about Web sites that you like, as well as books and
other resources. You can put this list on your one and only Web page or
make it a separate page that’s part of a personal Web site. If you develop
a thorough, carefully updated list of links for a specific interest area, you
create a very valuable resource for others.
Consider your privacy. A Web page is just like a billboard — except that
100 million or more people can see it, not just a few thousand. Don’t put
anything up on your Web page that you wouldn’t want on a billboard.
And think twice before putting up information about your kids and other
family members: You may well be willing to compromise your own pri-
vacy, but you shouldn’t make that decision for other people.
Picture sites
Lots of people just want to share pictures online; it’s a lot easier to share pic-
tures on the Web than to mail them around, or wait until you get together
with people.
You can use any of the Web page creation tools described in this book to
create a photos-mostly Web site, although Flickr (see Chapter 5) is suited to
this purpose alone.
Sharing pictures is often a great joy, but also often quite boring for other
people. Here are some tips to help keep your site interesting:
Topical sites
That’s “topical,” not “tropical.” (See the Kaua’i Exotix home page later in this
chapter for an example of the latter.) A topical home page is a resource on a
specific topic. A topic can be an interest or volunteer group to which the
author belongs, in which case the page may grow over time into something
much like a business Web site. (Creating a Web site for a group is a tremen-
dous contribution that you can make, but it can be a lot of work; watch what
you may be getting yourself into!) Or your topical Web page can be about any
interest, cause, concern, obsession, or flight of fancy that you have. In this
sense, the Web is like an out-of-control vanity press, allowing anyone to go on
and on about anything — sometimes offering something of great value, often-
times not.
Making a second career out of maintaining and extending a topical Web site is
easy, but the pay is usually nil. Here are some things to consider when you
create a topical Web site:
What’s on first? As with a personal Web page, the title of a topical Web
page and the first screen that users see need to make unmistakably clear
the topic that the page covers. And, to the extent possible, they must
describe what resources the Web site offers about the topic.
Keep focused. A topical Web site loses some of its value if it goes beyond
a single topic. How many of the people who share your love for Thai
cooking also share your abiding interest in rotifers? (Microscopic crea-
tures which are too small to use in most recipes, Thai or not.) If you
20 Part I: Create a Web Page Today
have two different interests that you want to share on the Web, consider
creating separate Web sites.
Create a succession plan. If your Web site grows beyond your capacity
to maintain and extend it properly, find someone to help out or to take it
over. The first person you should ask about taking over is anyone who’s
complaining that you’re not extending the site fast enough! Decide what
role you can handle and then ask for help in doing the rest.
Business sites
Business Web sites, also known as commercial sites, constitute the 50,000-
pound gorilla of the Web, with a tremendous amount of time, energy, and
money devoted to them. Business Web sites cover a wide range of styles
because their goals and the expertise and resources behind them vary so
much. This book provides enough information for you to create a competent
“Web presence” site with several pages of contact and company information.
But even these kinds of sites vary quite a bit, and you need to be sure that
your company’s page is well implemented.
Figure 1-4 shows the Netsurfer home page created by Arthur Bebak, one of
the authors. (So now you can call him “Author” Bebak!) Go surf around the
Netsurfer site to see what a site designed and implemented by one of us
looks like: www.netsurf.com/nsd.
The first question to ask about a business Web site is “Who can access it?”
Some sites are intended for the World Wide Web and everyone on it; others
are on the World Wide Web but are password-protected or otherwise restricted
in access; still others are on private networks and inaccessible to outsiders.
These inaccessible networks are described as being “behind the firewall.”
Any Web page that isn’t accessible to everyone is considered to be on an
intranet, if access is limited to one company, or an extranet, if access is lim-
ited to a group of companies that are business partners.
Despite the wide variety of business Web sites, following just a few rules can
help you create a page that meets your goals:
What’s on first? A business Web page should make the name and pur-
pose(s) of your business immediately clear. Also, the site should provide
easy-to-find information on how to contact your business and what
products and services the business offers.
Get the right look. Telling someone you don’t like their Web site is like
telling them you don’t like their haircut — they’re likely to take it person-
ally. But an ugly Web site, like an ugly haircut, can make a permanently
Chapter 1: Web Publishing Basics 21
Figure 1-4:
The
Netsurfer
Communi-
cations
motto: More
signal, less
noise.
bad impression. Make sure that the look of your Web site is up to the pro-
fessional standards set by other aspects of your business.
Get permission. Unless you own the business, you should ask for per-
mission before putting a company page on the open Web. You also need
to make absolutely sure you have the permissions you need for any
images or documents that you use before you publish your Web page.
Inside or outside the firewall? Deciding who gets access is tricky. For
example, a small amount of otherwise confidential information can make
a site more valuable, but the presence of confidential information also
prevents you from opening up the entire site to the broader public.
Implementing access controls can also be difficult. Investigate how to
password-protect a site, or ask a network administrator at your com-
pany whether you can physically control access. For instance, you may
be able to selectively allow access based on what network the user con-
nects from.
Find experts. Businesses similar to yours — or even colleagues, if you’re
in a large company — likely have Web sites that have a purpose similar
to yours. Look to similar sites for guidance and inspiration.
22 Part I: Create a Web Page Today
Having a Web site that’s too obviously “handmade,” rather than profession-
ally created, can be embarrassing for a business. However, many sites are
going “back to the future” with a simple, clean look that’s light on graphics.
So how do you decide whether to make your look fancy or simple? The best
way to get a quick reality check is to look at some competitors’ Web sites and
make sure that your initial site looks roughly as good as theirs. And remem-
ber that oftentimes the most embarrassing thing is having no site at all.
Entertainment sites
Entertainment is one of the top few reasons why people use the Web, and
the number of entertainment sites continues to grow. Humorous pages and
shared games on online services are now a major presence on the Web.
The high expectations that people have of entertainment sites can make
these sites some of the most demanding to create. Here are a few suggestions
for creating entertainment sites:
Don’t start here. Don’t try to figure out Web publishing by creating an
entertainment site. It’s a very demanding task. Try another type first and
edge your way into entertainment.
Keep it fresh. How funny is a joke the second time you hear it? You have
to either frequently update the content on your entertainment site, or
allow participants to provide new content through their interaction with
one another — neither option is easy.
Push the technology. Interactivity is also key to entertainment, which
means going beyond HTML and static graphics. You probably need to
Chapter 1: Web Publishing Basics 23
figure out and use at least one advanced Web technology, such as Flash,
to make a fresh and interesting entertainment Web site.
Let the technology push you. The technology can give you ideas that
are in themselves pretty funny. Try using Java to create a Three Stooges-
type animated routine, or use ActiveX to create a virtual reality environ-
ment that includes fun-house mirrors. (We describe both Java and
ActiveX in Chapter 18.)
some degree of profanity in it!) That is, why are you creating the page, and
not having someone else create it for you? The answer helps you determine
some important things about the page. The following list details the most
common reasons for people to get involved in creating a Web page:
For work: More and more people are being asked to create Web pages
and Web sites as part of their jobs; for example, they use the Web to
communicate with people inside or outside their companies. But unless
you plan to be a full-time Webmaster, you need to balance the time you
spend developing your pages with the time you spend on the other
demands of your job. Be modest in your initial goals, and keep track of
each step in creating and modifying your Web pages so that you — or
the person who takes over for you — can refer to the records later.
For fun: Fun sites are a good thing, and they are a lot of what makes
the Web worthwhile. But if you create your site for fun, you may find
time to work on it only after you spend time on other things, such as
work, school, or time with friends and family. So don’t be too ambitious
in your initial plans, or you may take quite a while to finish and publish
your page.
As a career move: So you want to be a full-time, or nearly full-time,
Webmaster; or you want, in some other way, to make the Internet or Web
part of your career? In this kind of situation, you can afford to plan an
ambitious Web site that uses advanced tools, tracks usage, and other-
wise gets closer to the cutting edge of the Web. To gain experience,
create your initial Web page by using the accessible and broad-based
tools and approaches we describe in this book. Then take your page
closer to the cutting edge by using the more advanced techniques
described and taught elsewhere, such as JavaScript programming as
described in JavaScript For Dummies, 3rd Edition, by Emily A. Vander
Veer (Wiley).
Who knows? As famous baseball manager Yogi Berra once said, “When
you come to a fork in the road, take it.” You may not have a specific
reason for publishing on the Web, but that shouldn’t stop you. You may
figure out a good reason after you have a little Web experience under
your belt. Start simple, so you can score an early success in getting a
basic Web page up, and then go from there.
With the latest versions of HTML, controlling more aspects of your Web
page’s appearance is possible. Advanced sites, such as amazon.com, use
many different aspects of HTML, as well as programming languages such as
JavaScript, to create dense, rich layouts more like a magazine than a typical
Web page. However, some aspects of the newest versions of HTML are not yet
standard across different Web browsers. In this book, we stick with HTML 4.0,
which works the same way for nearly all Web users.
Keep your design simple and don’t spend too much time on it initially. A sim-
pler design is more likely to work for everyone — and be easier to create and
update, as well. Then improve the design as you find out more about Web
publishing and more about how people use your page.
If your purpose is to draw people into your site to entertain them, educate
them, or expose them to messages from advertisers — or to do all of these
things at once — then the first part of the page should make a strong impres-
sion and invite the user to go further into your site. Figure 1-5 shows the
Kaua’i Exotix Web page, certainly one that catches your attention, located at
the following URL: www.kexotix.com.
Figure 1-5:
Buds for
your buds.
Chapter 1: Web Publishing Basics 27
But, like the Kaua’i Exotix Web page, your home page also should help people
who seek a quick “hit” of information; they’re more likely to come back later
if you don’t waste their time during their first quick visit.
You may find a good deal of coverage in the computer press, and even in
mainstream newspapers and newsmagazines, about ongoing efforts to make
faster access available to ordinary users. But for all the talk about cable
modems, Digital Subscriber Line (DSL), and other advanced techniques,
nearly half of home users in the United States are still on 56 Kbps or slower
modems — more in most other countries. (Business users are typically on
faster connections.) So ignore the hype — the speed at which the average
person accesses the Web is still moving upward gradually, not leaping ahead.
For now, be conservative in how much data you put in each page, and test
the download times of your pages over a modem-based connection before
you publish them.
Why are people online? Surveys indicate that the top reasons people use the
Web are for information-gathering, entertainment, education, work, “time-
wasting,” and shopping. Which of these purposes do you intend for your site
to serve? How do you appeal to people who are online? How do you help
28 Part I: Create a Web Page Today
them find you? The answers to these questions can help you enhance the
appeal and usefulness of your site.
Finally, what kind of browsers are your users running? Surveys indicate that
over 90 percent of Web users run Microsoft Internet Explorer; most of the rest
use Firefox, which is based on Netscape Navigator. Both of these browsers,
and most others that make up the remaining user base, support graphics and
tables, and nearly all users run their browsers with graphics turned on (which
doesn’t mean that they appreciate waiting for complex images to load —
unless those images are pretty cool!).
For more details about who’s online, what they do there, and what it means
to you if you’re creating a business Web site, see Internet Marketing For
Dummies, by Frank Catalano and Bud Smith (Wiley).
Although you can overuse text bites, they’re very important in Web page
design. Text bites help you convey as much information as possible in the
limited amount of time users spend looking at each Web page. And they help
you balance the basic elements of Web page design: text, links, and graphics.
If you want to put long documents on the Web, consider rewriting them as a
series of text bites. If rewriting them is too much work to be practical, at least
create short, punchy text for navigation and for introductory paragraphs to
the long documents. Within a long document, add headers to break up the
flow of text and provide pointers on your Web site to key areas within the
document. Without such guidance, users may well give up in frustration
without reaching the information they’re looking for.
Few original ideas exist on the Web, and your initial site is likely to contain
one or two new ideas at best. The rest of your site may echo things readers
have already seen, and you’re better off if your site brings to mind other good
sites, rather than bad ones. (But be careful. If you start yelling “Bad site! Bad
site!” at your computer screen and swatting it with a rolled-up newspaper,
you may not be allowed to have a working Internet connection much longer.)
Some things that you put in a Web site need to be kept current. For example,
if your business Web page shows your company’s quarterly results, be ready
to update it quickly when the next quarter’s results come out. If it lists com-
pany officers, update it as soon as a change takes place. (Unless you’re one of
the people changed — then it’s your successor’s problem!)
Web site information that is obviously out of date is one of the best ways to
leave a bad impression of you or your organization/company and to steer vis-
itors away from your Web site.
Not only do you want to update the Web site, you want to avoid using “Under
Construction” signs and otherwise apologizing for things that aren’t there
yet. Everything on the Web is under construction, which is half the fun of
using the Web and creating pages for it in the first place. You get only one
chance to make a first impression, and an “Under Construction” sign doesn’t
count in your favor.
work, get more specific. Are you trying to reach a certain number of people
or type of people? Will measuring page views — the number of times that
people look at one page from your site — be enough, or do you need some
other measure of response, such as having site visitors send e-mail or call an
800 number? Do you want to create a cutting-edge site in terms of bell-and-
whistle features like fancy graphics and animation — and if so, are you willing
to invest the time and money to make this site happen? Talk to people who
do advertising and marketing in the real world, as well as to people who work
on the Web, and get a sense of what goals they set and how they measure
success in meeting their goals.