Go to Virtual University Campus Menu

MENU
Lesson Index
Bulletin Board
Your Desk

 		 

1 Mac Supplement:
Creating a First Web Page

Click to view a topic or simply scroll down the page
Creating A Template
Helpful Macintosh Resources
Need Help?


Creating A Template
The Macintosh has both a SimpleText and a Notepad. The SimpleText is the program used for writing HTML. (Notepad on the MAC has no relationship to the Notepad for Windows.) Refer to the basic lesson section on Creating the Template for more detail about the tags themselves. These are the steps to follow for Macintosh users:

1. Create a new folder on your desktop and name it HTML.

On a Macintosh to make a "New Folder" you must be on the desktop. Up in the upper right hand corner of your "Menu Bar" drag down and click on "Finder" then again to "Hide Others". Now that you are on the desktop you can go up into the "Menu Bar" under "File" and drag down and click on "New Folder". This folder will appear on your desktop titled "Untitled". To change the name to "HTML", click on the folder to highlight it and type in HTML.

2. Start your SimpleText "template" file.

Start by opening "SimpleText". If you can't find it, go up in the "Menu Bar" and under the "File Menu" down to "Find..", type in "SimpleText". Do not leave a space between "simple" and "text" or it will not find it. (If you are NOT on the desktop -- you might find it under the apple in the upper lefthand corner of your menu bar.) A window will open on your desktop showing you everywhere on your Hard Drive "SimpleText" is stored. If you double click the item that says "Application Program" it will open for you.

Now type in (or copy and paste):

<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Go up in the "Menu Bar" and under "File" drag down to "Save". A window will open. Click the "Desktop" button and locate the folder you just created in Step #1 titled HTML. Now in the space that says "Save this document as" -- type in "template" and click the "Save" button. It will save this SimpleText into the HTML folder on your desktop.

3. Go to the HTML folder on your desktop and open the file "template".

This will be the only file in your folder at this time.

4. Creating Your First Web Page

Now with your "template" file already open on your desktop Complete Step 6 of your Lesson 1 (Part 1). Once you have typed in the Title of your Web Page and what you want to say on the web page, go up in the "Menu Bar" to "File" and drag down to "Save As..." A window will open as before. Locate your HTML folder again and this time where it says "Save this document as" -- type in "notebook1.html" and click the "Save" button. Now go to the "desktop" and open your HTML folder. You should now have two files in the folder. One named "template" and the other named "notebook1.html".

5. Viewing Your Web Page On Netscape

(One of these two will be appropriate, depending on your version of Netscape)

Open your Netscape screen and go up in the "Menu Bar" under "File" and drag down to "Open File in Browser..." A window will open. Locate your HTML Folder on your desktop and open it. Find the file "notebook1.html", highlight it and click "Open". The SimpleText page you created with the text you typed in will appear on your browser window. (If you didn't type anything in between the <BODY> tags, your page will be blank.)

Open your Netscape screen and go up in the "Menu Bar" under "File" and drag down to "Open." You will get four selections; choose "Page in Navigator". Now, a window will open and you can locate your HTML Folder on your desktop and open it. Find the file "notebook1.html", highlight it and click "Open". The SimpleText page you created with the text you typed in will appear on your browser window. (If you didn't type anything in between the <BODY> tags your page will be blank.)

6. Editing Your Page Once it is created

Locate your SimpleText "notebook1.html" in your HTML Folder on your desktop. (Here we recommend that if you are afraid you will really mess it up, make yourself a "duplicate copy" of it as a backup. To do this highlight the file and go up in the "Menu Bar" under "File" and down to "Duplicate". A copy of your "notebook1.html" will appear in the folder as "notebook1.html copy".) Now you can work from your original "notebook1.html" without worry of messing up your work. Open your "notebook1.html" and make all the changes you like. Be sure to SAVE frequently!

Do not include spaces to separate words in the "filenames" you select for your web pages as this will create problems when you upload them later.

Do try to use all the tags listed in your lesson. This will give you the experience of using the tags and you will become more familiar with their usage.

Your web page is extremely flexible and has the capabilities of taking on various shapes and designs. Your page will change its appearance depending on HOW and WHERE you place different tags in your "SimpleText".

Back to Lesson Table of Contents

Helpful Macintosh Resources

Back to Lesson Table of Contents

Need Help?
If you are a MAC user and run into problems, please post your HTML code on the class Bulletin Board. Some of your classmates may be MAC users and able to help you and we have 2 MAC users on the HTML Help Team.


Special thanks to "Blue", "Kittycat" and "Joel" for their assistance with this Mac lesson and other Mac questions!

Return to:
Introduction and Class Syllabus
Lesson 1 Part 1:  Creating Your First Web Page
Lesson 1 Part 2:  Creating Your First Web Page (2)
Lesson 1 Part 3:  Frequently Asked Questions About This Class
Lesson 1 Part 4:  Online Resources, Books, Free Web Space

GO TO Top of Page
 Lesson Index
 Your Desk

Copyright ©2002 Virtual University. All Rights Reserved