09.09.2014 Views

Mavis Beacon Teaches Typing: User's Guide

Mavis Beacon Teaches Typing: User's Guide

Mavis Beacon Teaches Typing: User's Guide

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

<strong>Mavis</strong> <strong>Beacon</strong> <strong>Teaches</strong><strong>Typing</strong> 12<br />

Web Page Basics<br />

Building a Web page using HTML is easy. We’ll build a simple Web page to start off, and direct<br />

you to great resources on the Web for further instruction. Ready? Begin!<br />

To start your Web page, open the Windows Notepad application. Select Start - Programs -<br />

Accessories - Notepad.<br />

Now type the following text in the open Notepad document:<br />

<br />

<br />

<br />

My Very Own Web Page<br />

<br />

<br />

<br />

Welcome and thank you for visiting My Web Page!<br />

<br />

My Web page text goes here.<br />

<br />

<br />

After you have completed typing the text save this file as “index.html” on your desktop.<br />

Now let’s see what our page looks like using our Web browser. To preview the file in your Web<br />

browser, open the browser; select File - Open - Browse - Filename - Open.<br />

Congratulations – you have just created your very first Web page!<br />

This Web page is essentially the same as many high end professional Web pages. It is created by<br />

a series of formatted text instructions, called tags, that essentially tell the browser where to<br />

place information and how it should appear. These tags come in pairs; the first one is called an<br />

open tag and the second is called a closed tag .<br />

Through the use of tags the most technologically advanced Web page (for the most part) uses<br />

the same technology as this simple Web page.<br />

There are many ways to create wonderful, engaging Web pages. You may choose to “handcode”<br />

HTML (as you did in the exercise above) or you may choose to use a “WYSIWYG”<br />

program (What You See Is What You Get) Web-builder program. To learn more about Web<br />

design, go online and research the various resources available. For example, go to your favorite<br />

search engine site, such as AskJeeves or Yahoo, and try keywords such as: Web, Web page,<br />

and Web site.<br />

82

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!