Lesson 1: Introduction to the Web and HTML
In this activity,
you'll create a folder that will hold all your Web content. You will then
create a new HTML document and save it in this folder. This activity is
the starting point for the other activities you'll be working on. Each
new activity will build on the prior lesson's activity. Using
pages 2-13 in your book as a resource, follow the steps below to create a
new Web page.
Course
Materials
Use
Notepad if your operating system is Windows 95, 98, ME, 2000, or XP.
Use
SimpleText if you're on a Macintosh.
Instructions
On your computer
desktop, create a new folder with the name of your Web site. Windows
users: Right-click on your desktop and choose New --> Folder. A new
folder icon will appear on your desktop. Select the
text "New Folder" by clicking once on the text. Replace the text "New Folder"
with the name of your Web site.
Open a new, blank
text file.
Insert the four
structural tags that you learned in the Lecture & Discussion pages.
Remember to make your title reflect the purpose or content of your site. When you're
finished with this step, you'll have a new text file with all the basic
structural elements you'll need to move forward.
Once you have created
the "skeleton" for your Web page, choose File, Save As... from your
text editor's menu.
In the Save As
dialog box, enter the name of your Web page, followed by an .html
extension, for example:
mypage.html. Save the file in the folder you created in step 1.
Open your new page
in your browser. (Double-click on the file icon that appears in your folder
once you have saved the file.) You can also use your browser's File,
Open commands to locate and open your Web page.
Note that the page
is empty, except for your page title, which is displayed on your browser's
title bar at the top. If you bookmark your page, this is the title that
will be displayed for future reference.
Switch to your
text editor to modify your page code. Inside the <body> container, enter
a welcome message, and choose File, Save to save your changes.
Switch to your
browser and refresh the page by clicking the refresh button
.
(In Netscape Navigator, click "Reload.") Result:
Your welcome message is displayed in the browser.
Discussion
Post your answers/comments
to the following questions as a response to this activity posting. You
can also post your finished work in the message boards. This will allow
you to get feedback from others in the class, see what others are building,
and help create a more interactive learning community.
Did you encounter
any problems with this first activity that you are unable to resolve? If
so, share it with the class.
Did you encounter
any problems that you were able to resolve on your own? If so, share it
with the class -- what you learned might be helpful to someone else.
No comments:
Post a Comment