 |
Note:
This tutorial details two methods that you can use to convert a Bookmarks/Favorites
List into a curriculum-specific webpage. If you are using the Netscape
Navigator web browser, you will be able to use the Netscape Method.
If you are using the Microsoft Internet Explorer web browser (Version
5 and newer), follow the procedure detailed below in place of the Netscape
Method.
If you
are using the proprietary AOL web browser (all versions) or the Microsoft
Internet Explorer (Version 4 or earlier) web browser, proceed to the
Alternate Method.
Microsoft
Internet Explorer (Version 5 or newer)
- Insert
the TEC 908 floppy disk into your disk drive.
- Open
Internet Explorer
- Click
on the File menu
- Select
Import and Export
- When
the Wizard appears, click on Next
- Click
on Export Favorites from the dialog box that appears
- Click
on Next
- If the
top Favorites folder is not selected, click once on that folder icon
- Click
on Next
- Click
in the radio button in front of Export to a File or Address
- Click
on Browse
- Select
the a: drive and the a:\root folder as the destination
for the exported favorites
- Replace
the default file name with cswp1 (for curriculum-specific webpage
#1) and be sure to leave the Save as type set
to HTML
- Click
on Save
- Internet
Explorer will convert your favorites list to an HTML file (a webpage)
- Your
original favorites list will be left intact on your computer.
- Click
on Next when the Wizard screen reappears
- Click
on Finish to exit the Wizard
- A dialog
box will appear informing you that the export process was successful
Creating
a Curriculum-Specific Webpage: Netscape Method
In
this activity, we will be using the bookmarks feature of the Netscape
web browser to assist in the creation of a curriculum-specific webpage.
We will want to start with an empty bookmark file. If you would like
to save your existing bookmarks, you can start by exporting the bookmarks
to a floppy disk. Heres how...
- Open
the Netscape browser software application.
- Click
on the Bookmarks menu.
- Double-click
View Bookmarks.
- Your
existing list of bookmarks should appear.
- Click
on the File menu.
- Double-click
on Save As
- You
will be given an option of saving the bookmarks to a folder on your
hard disk or to a floppy disk. (It is suggested that you save the
bookmark file to a floppy disk. Insert a blank floppy disk into the
disk drive. Under Drives, use the down arrow to select the
a: drive and click OK. Your existing bookmarks will
be saved to the floppy disk. When you are finished with this activity,
you can import the file back to the Netscape application using the
Import Bookmarks option.)
- Now
we will delete the existing bookmarks to create an empty file that
we will use to store our curriculum-specific bookmarks.
- Select
the first bookmark on your list (click once, it will turn blue). Now
move to the last bookmark on the list and click on that item. The
entire bookmark list should turn blue. (You can also select them one
at a time
)
- Click
on the Edit menu and using the Delete key, delete all
the bookmarks in your file.
- Double-click
the close box (upper left corner) of the Netscape Bookmarks file.
- You
are now ready to begin collecting your curriculum-specific bookmarks.
Collecting Curriculum-Specific Bookmarks
You can
use the bookmarks you collected earlier in the course or you can return
to the Toolkit and use the Search Engines
and Web Indexes to collect new bookmarks for this activity.
Each of
the URLs you select will become part of your future webpage. If
you decide you dont want a particular bookmark, you can delete
it by clicking on the Bookmarks menu, clicking on View Bookmarks,
highlighting the item and hitting the Delete key. Continue your
search until you have collected 10-15 curriculum-specific bookmarks.
You are now ready to build a webpage using these bookmarks.
Converting
a Bookmark List into a Webpage
- Insert
the TEC 908 floppy disk into the disk drive of your computer.
- Click
on the Bookmarks menu.
- Click
on View Bookmarks.
- Click
on the File menu.
- Click
on Save As
- Select
the a: drive under the Drives portion of the dialog
box that appears.
- In the
Directories/Folders box, select a:\root
- In the
File Name box, replace the default file name with cswp1
(for curriculum-specific webpage #1) Note: Windows 3.1x users:
Rename the file cswp1.htm (Be sure to include the .htm suffix
on the file name or this wont work!) Windows 95 users: Just
name your file cswp1 and check that HTML Files appears
in the Save as type: box.
- Click
OK.
- Double
click the close box to close the Netscape Bookmarks screen.
- Close
Netscape.
Creating
the Curriculum-Specific Webpage
- With
the TEC 908 floppy disk in the disk drive, open the DiDa
HTML Editor.
- When
the blank HTML Document screen appears, click on the File menu.
- Click
on Open.
- Select
the root folder where you stored the bookmarks. The path should
be a:\root
- In the
list of files in the File Name box, select the cswp1.htm
file by clicking on it and highlighting it in blue.
- Click
OK.
- The
HTML file should appear on the screen. Hint: You will want to maximize
the screen by clicking in the up arrow in the upper right corner as
this is a large document and we are going to need some room to work
with it.
- You
should see something like this:
- Dont
panic
this looks complicated but we can make sense of it
We
are going to strip off some of the unneeded HTML tags that Netscape
added to this document and modify it to suit our purposes.
- Hold
down the mouse button and drag it across the lines that appear above
the <TITLE> <TITLE> tags. (The lines should
turn blue.)
- Hit
the Delete key to remove these lines.
- Hold
down the mouse button and drag across the works that appear between
the <TITLE> <TITLE> tags. (The words should turn
blue.)
- Replace
the words with a descriptive title that you want to appear in the
title bar of the web browser.
- Hold
down the mouse button and drag across the words that appear between
the <H1> <H1> tags. (The words will turn blue.)
- Replace
the words with a descriptive title that you want to appear at the
top of the webpage you are creating.
- Now,
look carefully at the top few lines of HTML text and you may see another
line ending in the words >
.bookmarks</H3 (Note: this
will vary depending on which version of Netscape you are using!)
- If the
bookmarks</H3 tags are present, carefully, delete
the words between the > and </H3, leaving a blank space.
Take care not to delete the > < tags.
- Your
document should now look something like this:
- You
could go through the entire document and strip off all the other tags
that Netscape added to the file to keep track of the date when the
bookmark was last visited, but you dont need to. The file will
work just fine the way it is.
- Save
the changes you made (File/Save)
- Be sure
the file is being saved as a:\root\cswp1.htm
- Click
on the Preview Screen to take a look at your new curriculum-specific
webpage.
- Make
any necessary changes to the webpage (background colors, horizontal
lines, inserting graphic images, etc.) by toggling between the HTML
Document and Preview Screen
Heres where you
can try out all the skills you developed in the last three activities!
- Be sure
to Save any changes that you make.
- Close
DiDa (File/Exit)
Testing
the Curriculum-Specific Webpage
- Log
on to the Internet and open your web browser.
- When
the web browser is finished loading, click on the File Menu.
- Click
on Open File (or Open).
- Select
the a: drive.
- Click
on the root folder.
- Click
on cswp1.htm (It should turn blue.)
- Click
OK.
- Your
new curriculum-specific webpage should appear in the browser window.
- Test
the links to ensure that they are active and connect to the websites
listed.
- Close
the web browser and log off the Internet.
Creating
a Curriculum-Specific Webpage: Alternate Method
You
will want to start the process by creating a Favorites List on a topic
of your choice.
- Log
on to the Internet and open your web browser.
- Insert
the TEC 908 disk into your floppy disk drive.
- You
can use the Favorites you collected earlier or you can revisit the
Toolkit and use the Search Engines and
Web Indexes to locate new Favorites related to your chosen topic.
- As you
find these webpages, add them to your Favorites list using
the method specific to your web browser. Check the onscreen Help
files for specific directions.
- Hint:
Internet Explorer has a Add to Favorites List option in the
Favorites pop-down menu. AOL lets you drag the little heart
icon at the upper right side of the screen up to the Favorites
folder near the top of the screen.
- Continue
your search until you have added 10-15 curriculum-specific links to
your Favorites List.
- Close
your web browser and log off the internet.
You will now want to locate the simple text editor in
your Windows software. You can use Notepad which is usually located
in the Accessories Program Group of Windows 3.1x or the Start/Programs/Accessories
list in Windows 95/98.
- Double-click
on Notepad to open the application.
- Navigate
to the File menu and select Open.
- Insert
the TEC 908 floppy disk into your disk drive.
- Navigate
to the a: drive
- Double-click
on the folder titled Tmpl.
- Select
All Files *.* in the Files of Type pop-down menu on
the bottom left hand side of the dialog box. (A list of all the files
in the Templ folder should now be on the screen.)
- Double-click
on the file titled cswp
- A template
for the curriculum-specific webpage you are about to create will appear
on the screen looking like this.
- Before
you make any changes to this template, navigate to the File
menu and select Save As.
- Rename
the file as cswp1.htm and save it to the root folder
on the a: drive.
- Note:
This step is important as it will allow you to reuse the template
for future curriculum-specific webpages.
- Enter
the title that you want to appear at the top of the web browser screen
between the <title> </title> tags.
- Enter
the title that will appear on the webpage itself between the <h1>
</h1> tags.
- Save
the changes you made.
Theory
Time: At this point, it might be helpful to explain what you will
be doing in the rest of the activity. The cswp1.htm file that you have
on the screen in front of you will serve as a template into which you
will insert the URLs (internet address) and the topics from the
Favorites List you generated in the first part of this activity. You
will be replacing the ENTERURLHERE with the internet address
of the hypertext link. The ENTER TOPIC OF HYPERTEXT LINK HERE
will be replaced by the words you want to appear on the webpage linking
the user to that particular URL.
You
will be switching back and forth between the Notepad text editor
and your Web Browser, making changes to the cswp1.htm
file. Since you wont want to constantly open and close the Notepad
application, you should drag its window off to the side of your monitor
screen by positioning the cursor in the title bar next to the word Notepad.
Hold the mouse button down while you move the window off to the side
of the screen. This will allow you to see both the Notepad window and
the Web Browser window at the same time. Clicking on either window will
bring that window to the front. If either of the windows fills the entire
screen, just click in the resize box in the title bar that shows two
windows in the same box.
Your screen
should look something like this

Now you are ready to go back online and retrieve the URLs you
saved in the first part of this lesson.
- Leave
the Notepad where it is on the screen.
- Log
on to the Internet and open your web browser.
- If the
web browser fills the entire screen, click on the resize box to make
it smaller so you can see both the web browser and the Notepad windows.
- Try
clicking on each window to bring it to the front several times so
that you feel comfortable with the process.
- Bring
the browser to the front and go to your Favorites List. Click on one
of the Favorites you want to add to your webpage and wait for it to
load on the screen.
- Move
the cursor up to the location box above the webpage and drag across
the part of the address that follows the http:// (be careful
you dont want to include the http:// You will see why
in a moment
)
- With
the selected portion of the URL highlighted in blue, hold down the
Ctrl key while you press the C key (Ctrl-C).
This shortcut will copy the selected text to the clipboard. Note:
You might be able to use Copy from the Edit menu
although not all web browsers will allow you to do this
give
it a try if you want to.
- Now,
click on the Notepad window and go to the first of the lines beginning
with <a href="http://
- Hold
down the mouse button while you drag across the words ENTERURLHERE
The text should turn blue. Be careful not to include the http://
or the quotation mark after HERE
this is part of the
HTML tag and must be left intact for the link to work.
- Hit
the Backspace or Delete key to remove the ENTERURLHERE.
- Hold
down the Ctrl key while you press the V key (Ctrl-V).
This shortcut will paste the URL you copied from the webpage into
the HTML tag. Paste from the Edit menu might work as
well
again, not all browsers allow it. Give it a try.
- Now,
hold down the mouse button while you drag across ENTER TOPIC OF
HYPERTEXT LINK HERE in the same line of the template. The words
will turn blue.
- Hit
the Backspace or Delete key to remove the selected text.
- Enter
the text that you want to appear on the webpage as a link to the URL
you just entered.
- Save
the changes you just made to the template by selecting Save
from the File menu or using the Ctrl-S shortcut.
- The
template should begin to look something like this

- Click
on your web browser and select the second webpage from your favorites
list.
- Follow
the same steps outlined above to insert the URL and Topic of the Hypertext
Link into the second line of HTML code.
- Save
the changes you are making to the webpage frequently.
- Continue
the process until you have transferred all the desired URLs
to the webpage you are building.
- If there
are more template entries than you need, merely select and delete
the extra lines. If you need more, copy one of the lines of code and
paste it to the bottom of the template.
- Close
your web browser and log off the Internet.
- Save
the changes you made to the cswp1.htm document one last time.
- Close
the Notepad application.
That wasnt
so hard once you got used to it, was it? Actually, this is the way many
webpage designers used to work before the days of HTML editors like
DiDa. If fact, I know several who still prefer this method. While this
"end run" isnt quite as easy as merely converting a
bookmark list to a webpage like the Netscape and Internet Explorer Version
5 users get to do, you can still accomplish the same objective without
having to type in all those the URLs.
You now
have the first of your curriculum-specific webpages. At this point,
it is a "plain vanilla" webpage, so you will probably want
to reopen the DiDa HTML Editor and spice up the cswp1.htm
webpage with some background colors and some of the other enhancements
you discovered in Activities 1, 2 and 3. You will find the cswp1.htm
file in the root folder on the a: drive. You can toggle
back and forth between the Preview Screen and the HTML Document
screens to test the changes you are making. Remember to save the changes
you make to the cswp1.htm file.
Testing
the Curriculum-Specific Webpage
- Log
on to the Internet and open your web browser.
- When
the web browser is finished loading, click on the File Menu.
- Click
on Open File.
- Select
the a: drive.
- Click
on the root folder.
- Click
on cswp1.htm (It should turn blue.)
- Click
OK.
- Your
new curriculum-specific webpage should appear in the browser window.
- Test
the links to ensure that they are active and connect to the websites
listed.
- Close
the web browser and log off the Internet.
Note:
I would like to see the curriculum-specific webpage that you have created.
E-mail the HTML source code of your cswp1.html file to me <bjost@josts.net>
using the steps outlined earlier. Include the
words "webpage D" in the subject of the message. You
do not need to include any graphic images, just the HTML source code.
Record the date you sent the file in your logbook.
|
 |