Home > Articles > Web Development > HTML/CSS

Creating Your First Web Page

Have you ever wanted to create your own website but thought that the task was too daunting? With the right tools and information, creating websites is as easy as pointing and clicking! Let Scott Mitchell show you how.
This chapter is from the book

Have you ever wanted to create your own website but thought that the task was too daunting? Do you think that only folks with years of computer training and experience have the knowledge necessary for building web pages? These are common misconceptions that many people have. With the right tools and information, creating websites is as easy as pointing and clicking! If you are interested in quickly creating a professional-looking website, then you've picked up the right book.

This book includes a CD with website templates, along with software for editing the web templates. This chapter looks at the fundamental building blocks of websites and then steps through the installation process of SeaMonkey, the web page creation software included on the CD. The next chapter examines the necessary steps to create a website and shows how to move the web page templates from the CD to your website. Chapters 3 and 4 illustrate how the templates on the book's CD can be customized to create your own website.

In addition to the website templates, Chapters 5 through 10 examine online tools that assist in creating websites. Specifically, you learn how to sell products through a website using eBay Stores and publish content through a blog at Blogger.com. You see how easy it is to share photos and videos with friends and family via Snapfish.com and YouTube. You also learn how to get started with two popular social networking sites: MySpace and Facebook.

While there are literally millions of websites available on the Internet, virtually all fall into one of three categories:

  • Family/Personal Website—Keep your extended family and friends up to date with the latest happenings of your family.
  • Online Storefront Website—Sell products and services online! A great revenue stream for home-based businesses.
  • Content Publishing Website—Publish your content on the World Wide Web. Be it your poetry, your political or philosophical views, or your hilarious home videos, by distributing your content online, you open it up to a potential worldwide audience of millions.

As you'll see, creating websites that fall into any of these three categories is a snap with the provided templates and website tools. To get started, all you need is this book, its CD, and access to a computer with Internet connectivity.

The Components of a Website

In your experiences with the Internet, you've likely visited several different websites. Some of the more popular websites in terms of the number of people who visit the site on a daily basis include Yahoo.com, CNN.com, Google.com, Amazon.com, eBay.com, MSN.com, and others.

To visit a website, you must have an Internet connection. Virtually all computers in places of business have an Internet connection, while millions of home users connect to the Internet through services provided by companies such as AOL, MSN, EarthLink, or local cable or telephone providers.

Visiting a website from an Internet-connected computer is a cinch. Simply open up a web browser and type the domain name of the website into the web browser's Address bar.

Figure 1.1 shows a screenshot of Amazon.com's website when viewed through Internet Explorer.

Figure 1.1

Figure 1.1 Amazon.com is displayed in the web browser.

Notice that Figure 1.1 has the browser's Address bar circled. To visit Amazon.com simply enter the domain name of the site—www.amazon.com—into the browser's Address bar. That's all you have to do.

Before you begin creating your own web pages, it is vital that you know of the basic components inherent to all websites. Specifically, all websites are made up of the following three components:

  • A Web Server—A web server is an Internet-connected computer whose sole purpose is to provide a location for the web pages of a website and to handle incoming requests for these web pages.
  • A Domain Name—A website's domain name is a unique identifier for a website, much like your mailing address is a unique identifier for your home. A website's domain name identifies the web server on which the site's web pages are located.
  • Web Pages—A collection of files that make up the content of a website.

Serving Web Pages with a Web Server

All websites are located on a special type of computer referred to as a web server, which is an Internet-accessible computer that holds the contents of the website.

When visiting a website through a web browser, the web browser makes a request to the web server that hosts that particular website. The web server then returns the requested web page to the browser. Finally, the browser displays the web page, as shown in Figure 1.1.

Figure 1.2 details this interaction from a high-level view.

Figure 1.2

Figure 1.2 Visiting a web page involves a request to a web server.

If the details of this interaction seem a bit hazy, don't worry; you don't need to be concerned about the specifics. For now, just realize that the contents of a website reside on a remote computer that, like your computer, is connected to the Internet. The browser obtains the contents of the website you are visiting by making a request to the site's web server. The web server returns the web pages being requested, which are then displayed in the browser.

Understanding Website Domain Names

Did you know that there are literally millions of websites in existence? To visit a particular website from the list of millions, it is vital that all websites be uniquely identified in some manner. The way websites are uniquely identified is by their domain name.

A domain name is, ideally, an easily remembered phrase, like eBay.com, Yahoo.com, or CNN.com. All domain names end with some sort of extension, which is a period followed by two or more letters. Most domain names end with extensions like .com, .net, or .org. Other extensions are available, though.

Web Pages, the Building Blocks of a Website

Web pages are the atomic pieces of a website; each website is a collection of web pages. When visiting a website with a web browser, what you are actually viewing is an individual web page.

On a website, each web page is, in actuality, a separate file. A file is a document that's stored on a computer. For example, if you use Microsoft Word to write a letter to your nephew, you can save the letter. This saved letter is referred to as a file.

You can request a particular web page from a website by typing the web page's URL into a web browser. You don't have to type in a URL to view a web page. As we saw earlier in Figure 1.1, typing in just the domain name of a website displays a web page as well. When typing in just the domain name of a website, a specific web page is automatically loaded—this page is referred to as the home page.

Getting Around a Website

A website is composed of a number of web pages. Each web page is uniquely identified by a URL. To visit a particular web page, you can enter the web page's URL in your browser's Address bar. However, as you know from surfing the Web on your own, rarely, if ever, do you take the time to enter a URL directly into the browser's Address bar.

An easier way to visit a particular web page is by first loading a website's home page, and then clicking on hyperlinks that take you to other pages on the site. Hyperlinks are clickable regions on a web page that, when clicked, whisk you to some other, specified web page.

To demonstrate page navigation in a website, take a moment to visit the website of the San Diego Chargers football team at www.chargers.com. As Figure 1.3 shows, this website (like all websites) has a number of hyperlinks. Along the top of the page, there are several hyperlinks to various sections of the site: Schedule, Team, News, Charger Girls, Tickets, and so forth.

Figure 1.3

Figure 1.3 Visiting a web page involves a request to a web server.

Clicking the Schedule hyperlink whisks you to a new URL—http://www.chargers.com/schedule/schedule.htm—which is shown in Figure 1.4. Notice that the Address bar in Figure 1.3 differs from that in Figure 1.4. In Figure 1.3, the Address bar reads http://www.chargers.com, the domain name of the San Diego Chargers website. After clicking on the Schedule hyperlink, we were taken to a different URL. The Address bar has been updated accordingly, illustrating that we are viewing a different web page.

Figure 1.4

Figure 1.4 The Schedule web page is displayed.

Figure 1.5 shows the interactions that take place between the web browser and the Chargers.com web server when first visiting the Chargers.com home page, and then when clicking on the Schedule hyperlink. (Again, if you do not fully understand this interaction, don't sweat it!)

Figure 1.5

Figure 1.5 Each time a new web page is navigated to, the web browser requests the web page from the web server.

Table 1.1 summarizes the core pieces of a website.

Table 1.1. Key Website Building Blocks

Building Block

Description

Web Server

A web server is an Internet-accessible computer that hosts one or more websites. When viewing a web page, your browser sends a request to the web server for the specified URL.

Website

A website is a collection of related web pages. Websites have a bevy of purposes: They can be used to share pictures, provide information, or even sell products. Each website is uniquely identified with a domain name.

Web Page

A web page can have a mix of text and graphics. A web page is like a single page in a book. Web pages can be linked to one another using hyperlinks, allowing the visitor to quickly jump from one web page to another.

InformIT Promotional Mailings & Special Offers

I would like to receive exclusive offers and hear about products from InformIT and its family of brands. I can unsubscribe at any time.

Overview


Pearson Education, Inc., 221 River Street, Hoboken, New Jersey 07030, (Pearson) presents this site to provide information about products and services that can be purchased through this site.

This privacy notice provides an overview of our commitment to privacy and describes how we collect, protect, use and share personal information collected through this site. Please note that other Pearson websites and online products and services have their own separate privacy policies.

Collection and Use of Information


To conduct business and deliver products and services, Pearson collects and uses personal information in several ways in connection with this site, including:

Questions and Inquiries

For inquiries and questions, we collect the inquiry or question, together with name, contact details (email address, phone number and mailing address) and any other additional information voluntarily submitted to us through a Contact Us form or an email. We use this information to address the inquiry and respond to the question.

Online Store

For orders and purchases placed through our online store on this site, we collect order details, name, institution name and address (if applicable), email address, phone number, shipping and billing addresses, credit/debit card information, shipping options and any instructions. We use this information to complete transactions, fulfill orders, communicate with individuals placing orders or visiting the online store, and for related purposes.

Surveys

Pearson may offer opportunities to provide feedback or participate in surveys, including surveys evaluating Pearson products, services or sites. Participation is voluntary. Pearson collects information requested in the survey questions and uses the information to evaluate, support, maintain and improve products, services or sites, develop new products and services, conduct educational research and for other purposes specified in the survey.

Contests and Drawings

Occasionally, we may sponsor a contest or drawing. Participation is optional. Pearson collects name, contact information and other information specified on the entry form for the contest or drawing to conduct the contest or drawing. Pearson may collect additional personal information from the winners of a contest or drawing in order to award the prize and for tax reporting purposes, as required by law.

Newsletters

If you have elected to receive email newsletters or promotional mailings and special offers but want to unsubscribe, simply email information@informit.com.

Service Announcements

On rare occasions it is necessary to send out a strictly service related announcement. For instance, if our service is temporarily suspended for maintenance we might send users an email. Generally, users may not opt-out of these communications, though they can deactivate their account information. However, these communications are not promotional in nature.

Customer Service

We communicate with users on a regular basis to provide requested services and in regard to issues relating to their account we reply via email or phone in accordance with the users' wishes when a user submits their information through our Contact Us form.

Other Collection and Use of Information


Application and System Logs

Pearson automatically collects log data to help ensure the delivery, availability and security of this site. Log data may include technical information about how a user or visitor connected to this site, such as browser type, type of computer/device, operating system, internet service provider and IP address. We use this information for support purposes and to monitor the health of the site, identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents and appropriately scale computing resources.

Web Analytics

Pearson may use third party web trend analytical services, including Google Analytics, to collect visitor information, such as IP addresses, browser types, referring pages, pages visited and time spent on a particular site. While these analytical services collect and report information on an anonymous basis, they may use cookies to gather web trend information. The information gathered may enable Pearson (but not the third party web trend services) to link information with application and system log data. Pearson uses this information for system administration and to identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents, appropriately scale computing resources and otherwise support and deliver this site and its services.

Cookies and Related Technologies

This site uses cookies and similar technologies to personalize content, measure traffic patterns, control security, track use and access of information on this site, and provide interest-based messages and advertising. Users can manage and block the use of cookies through their browser. Disabling or blocking certain cookies may limit the functionality of this site.

Do Not Track

This site currently does not respond to Do Not Track signals.

Security


Pearson uses appropriate physical, administrative and technical security measures to protect personal information from unauthorized access, use and disclosure.

Children


This site is not directed to children under the age of 13.

Marketing


Pearson may send or direct marketing communications to users, provided that

  • Pearson will not use personal information collected or processed as a K-12 school service provider for the purpose of directed or targeted advertising.
  • Such marketing is consistent with applicable law and Pearson's legal obligations.
  • Pearson will not knowingly direct or send marketing communications to an individual who has expressed a preference not to receive marketing.
  • Where required by applicable law, express or implied consent to marketing exists and has not been withdrawn.

Pearson may provide personal information to a third party service provider on a restricted basis to provide marketing solely on behalf of Pearson or an affiliate or customer for whom Pearson is a service provider. Marketing preferences may be changed at any time.

Correcting/Updating Personal Information


If a user's personally identifiable information changes (such as your postal address or email address), we provide a way to correct or update that user's personal data provided to us. This can be done on the Account page. If a user no longer desires our service and desires to delete his or her account, please contact us at customer-service@informit.com and we will process the deletion of a user's account.

Choice/Opt-out


Users can always make an informed choice as to whether they should proceed with certain services offered by InformIT. If you choose to remove yourself from our mailing list(s) simply visit the following page and uncheck any communication you no longer want to receive: www.informit.com/u.aspx.

Sale of Personal Information


Pearson does not rent or sell personal information in exchange for any payment of money.

While Pearson does not sell personal information, as defined in Nevada law, Nevada residents may email a request for no sale of their personal information to NevadaDesignatedRequest@pearson.com.

Supplemental Privacy Statement for California Residents


California residents should read our Supplemental privacy statement for California residents in conjunction with this Privacy Notice. The Supplemental privacy statement for California residents explains Pearson's commitment to comply with California law and applies to personal information of California residents collected in connection with this site and the Services.

Sharing and Disclosure


Pearson may disclose personal information, as follows:

  • As required by law.
  • With the consent of the individual (or their parent, if the individual is a minor)
  • In response to a subpoena, court order or legal process, to the extent permitted or required by law
  • To protect the security and safety of individuals, data, assets and systems, consistent with applicable law
  • In connection the sale, joint venture or other transfer of some or all of its company or assets, subject to the provisions of this Privacy Notice
  • To investigate or address actual or suspected fraud or other illegal activities
  • To exercise its legal rights, including enforcement of the Terms of Use for this site or another contract
  • To affiliated Pearson companies and other companies and organizations who perform work for Pearson and are obligated to protect the privacy of personal information consistent with this Privacy Notice
  • To a school, organization, company or government agency, where Pearson collects or processes the personal information in a school setting or on behalf of such organization, company or government agency.

Links


This web site contains links to other sites. Please be aware that we are not responsible for the privacy practices of such other sites. We encourage our users to be aware when they leave our site and to read the privacy statements of each and every web site that collects Personal Information. This privacy statement applies solely to information collected by this web site.

Requests and Contact


Please contact us about this Privacy Notice or if you have any requests or questions relating to the privacy of your personal information.

Changes to this Privacy Notice


We may revise this Privacy Notice through an updated posting. We will identify the effective date of the revision in the posting. Often, updates are made to provide greater clarity or to comply with changes in regulatory requirements. If the updates involve material changes to the collection, protection, use or disclosure of Personal Information, Pearson will provide notice of the change through a conspicuous notice on this site or other appropriate way. Continued use of the site after the effective date of a posted revision evidences acceptance. Please contact us if you have questions or concerns about the Privacy Notice or any objection to any revisions.

Last Update: November 17, 2020