ED 405 918 JC 970 233 AUTHOR Beasley, Sarah; Kent, Jean TITLE · DOCUMENT RESUME. ED 405 918 JC 970...

DOCUMENT RESUME

ED 405 918 JC 970 233

AUTHOR Beasley, Sarah; Kent, JeanTITLE World Wide Web Pages--Tools for Teaching and

Learning.PUB DATE Nov 96NOTE 32p.; Hypertext materials used in a presentation at

the League for Innovation in the Community College'sConference on Information Technology (Phoenix, AZ,November 13-16, 1996).

AVAILABLE FROM http://www.sccd.ctc.edu/(tilde]library/league.htmlPUB TYPE Reports Descriptive (141) Speeches/Conference

Papers (150)

EDRS PRICE MF01/PCO2 Plus Postage.DESCRIPTORS Community Colleges; *Computer Assisted Instruction;

Curriculum Design; Curriculum Development; DistanceEducation; Educational Resources; Electronic Mail;*Hypermedia; *Instructional Materials; TeachingMethods; Two Year Colleges; *World Wide Web

IDENTIFIERS *HTML

ABSTRACTCreated to help educators incorporate World Wide Web

pages into teaching and learning, this collection of Web pagespresents resources, materials, and techniques for using the Web. Thefirst page focuses on tools for teaching and learning via the Web,providing pointers to sites containing the following: (1) coursematerials for both distance and traditional education; (2) up-to-dateinformation resources, such as the Census Bureau Home Page; (3)

innovative methods of expanding the classroom via onlineconferencing, listservs, and electronic mail; (4) hypermedia tools tosupport a variety of learning styles; (5) student-published projects;and (6) student home page projects. Next, resources for developingWeb instructional pages are presented,. including sites related toteaching on the Web, hypertext markup language (HTML) resources, andpotential sources of information and course content. Techniques forsaving source code from home pages are then described for bothWindows- and Macintosh-based Web browsers and basic instructions forcoding in HTML are presented, including commonly used HTML tags andhints for applying hyper-link tags. The next page reviews strategiesfor creating and testing home page files, while the final two pagesdiscuss creating and using bookmarks, or locally maintained lists ofsites, for both Macintosh and Windows versions of Netscape 2.0.Contains 13 references to books on using HTML. (HAA)

***********************************************************************

Reproductions supplied by EDRS are the best that can be madefrom the original document.

***********************************************************************

League for InnovationNovember 14, 1996,

World Wide Web Home Pages

Tools for Teaching and Learning

Presented by

Sarah Beasley, Seattle Central CC

and

Jean Kent, North Seattle CC

U.S. DEPARTMENT OF EDUCATIONOffice of Educational Research and improvement

EDUCATIONAL RESOURCES INFORMATIONCENTER (ERIC)

This document has been reproduced asecsived from the person or organization

onginating it.0 Minor changes have been made to improve

reproduction ouatity.

Points of view or Opinions stated in this doCir'DOM do not necessarily represent officialOERI position or policy.

"PERMISSION TO REPRODUCE THISMATERIAL HAS BEEN GRANTED BY

S. E. Beasley

TO THE EDUCATIONAL RESOURCESINFORMATION CENTER (ERIC)."

Materials used in a presentation at the League for Innovationin the Community College's Conference on Information Technology (Phoenix,

AZ, November 13-16, 1996).

2 BEST COPY MIAMI

Table of Contents

World Wide Web Home Pages - Tools for Teaching andLearning presentation web page

Saving Source Code for Home Pages (Macintosh Version)

Saving Source Code for Home Pages (Windows Version)

Hypertext Markup Language

Creating and Testing your Home Page Files

Netscape 2.01 Bookmarks (Macintosh Version)

Netscape 2.01 Bookmarks (Windows Version)

Bibliography of HTML Books

World W!de Web Home Pages - Tools for Teaching and Learning

1 of 5

http:/ / www.sccd.ctc.edu/ library/ league.html

Leagueefsoern It Ina

November 14, 1996

..0 NORTH SHAME COmmumNum= A member of the Gentle Community College Metric

SEATTLEpCENTRALIIMPIPPMPIN

World Wide Web Home Pages - Tools for Teaching andLearning

http: / /www.sccd .ctc.edu / library/league.html

1. Delivering Course Materials

The Web can be used as a means for distributing course materials for both distance and traditionalcourses.

Astronomy 123 Spring 1996(http://zebu.uoregon.edu/1996/astr123.htrn1)

This is an Astronomy course offered at the University of Oregon. The course lectures aredelivered electronically even though the class meets on campus.

TIM 184 Home Page(http://www2.hawaii.edu/lynnitim184.html)

This is a course home page for a food preparation course at the University of Hawaii. Inaddition to an online text, it features online labs, electronic quizzes, and chemistryanimations.

CIS 111.05 Course Syllabus(http://nsccux.sccd.ctc.edut-jkent/cis11105syllabus.html)

This is Jean's course syllabus complete with links to other course content resources.

2. Providing Access to Resources

The Internet can provide information resources that are very current and that might otherwise bedifficult to find.

U.S. Census Bureau Home Page(http://www.census.gov/)

The US Census Bureau is online with up to the minute statistics.Eastern Pacific Marine Observations(http://www.oceanweather.com/data/uswest.html)

NOAA provides much raw data for those studying oceanography.NASA - Recent Dust Storm on Mars(http://www.hq.nasa.gov/office/pao/NewsRoom/marspix.html)

NASA is an essential resource for astronomy. Here are photos of recent dust storms on Marstaken by the Hubble Telescope.

Researching American Literature on the Internet( http: / /www.sccd.ctc.edu/ -.sbeasley /mais /maishome.html)

This is Sarah's collection of important sites on the Internet for those doing research inAmerican Literature.

3. Expanding the Classroom

Through the Internet, we can provide opportunites for greater interaction among our students.

4 11/11/9614:0200

World Wide Web Home Pages - Tools for Teaching and Learning httpl / www.sccd.ctc.edu/ --librarylleague.htral

Online conferencing, listservs, email, and chat rooms are examples of Internet tools that can fosterthis type of interaction.

English Course at Fayette Technical Community College(http://www.faytech.cc.nc.us/infodesk/vcampus/desktop.html)

Students in this class interact through online conferencing, electronic mail, and a chat room.HyperNews used in a statistics course at the U of W(http://bayes.stat.washington.edu:80/HyperNews/get/s311/sp96/web5/a.html)

HyperNews, the conferencing software used in this class, allows students to work in smallgroups even though the class itself has 300 members. The focus of this activity is criticalthinking, anaylsis, and synthesis.

Writing the Information Superhighway Evaluation(http://www.lsa.umich.edu:80/ecb/infohighway/jan96/jan96.html)

Here is an email archive from a course at the University of Michigan.

4. Supporting a Variety of Learning Styles

The hypermedia capabilities of the World Wide Web allow us to provide materials in a variety offormats (text, images, sound, animation, moving pictures, etc.).

Shockwave Animation(http://www2.hawaii.edu/lynn/main.htrn1)

If you have Shockwave installed as a plug-in, you'll be able to watch these computeranimations for Food Preparation - a course taught at the University of Hawaii.

Risset's Endless Glissando(http://www.vanderbilt.edu/Blair/Courses/MUSC216/Risset.html)

This is a page that combines text, sound clips and movie clips for Music 216 - ComputerMusic at Vanderbuilt.

Trench Safety (Lesson 1)(http://www.bsc.auburn.edu/research/trench/lesson01/lesson01.html)

This is a tutorial on trench safety from the Building Science Department at AuburnUniversity. There are short video clips available here.

5. Creating Meaningful Work for a World Wide Audience

Publishing on the Web gives students an opportunity to show their work to the world not just theirprofessor or a few of their classmates.

Love - Final Project(http://www.cwrl.utexas.eduf-roberts/e316 Ja1195/student_projects/group2/index.html)

This student project is very impressive.Homelessness(http://weber.u.washington.edut-mbeth/homeless.htm)

Here is another example of a home page project that was very well done.Chicana Desperadas(http://www2.en.utexas.edu/sheila/314s96/projects/group4/index.htm)

This is a group home page project done by students at the University of Texas.

6. Preparing Students with Information Age Skills

Working on home page projects helps students feel comfortable with the tools of the informationage which they are almost certain to use in their future.

Critique of Sport Utility Vehicles(http://weber.u.washington.edu/d21/ecmiller/316proj.html)

Here we find an example of a home page that a cyber journalist would be proud of.Mark's Internet Guide to Business Information

52 of 5 11/11/ %14:02:00

World Wide Web Home Pages - Tools for Teaching and Learning http://www.sccd.ctc.edu/library/league.html

3 of 5

Mark's Internet Guide to Business Information(http://nsccux.sccd.ctc.edut-mmannhlt/)

This is a home page from a business student who took Jean's Internet course.Keawe's International Home Page(http://nsccux.sccd.ctc.edu/-keawe/home.html)

Another CIS 111 student's home page that shows his stong interest in international topicsand his ability to design a good home page.

Resources for Developing Web Instructional Pages

Teaching on the Web Resources

Teaching and Learning on the Web(http://www.mcli.dist.maricopa.edu/Windex.html)

An extensive collection of course pages and course development materials searchable bysubject or discipline.

The World Lecture Hall(http://www.utexas.edu/world/lecture/index.html)

"The World Lecture Hall (WLH) contains links to pages created by faculty worldwide whoare using the Web to deliver class materials. For example, you will find course syllabi,assignments, lecture notes, exams, class calendars, multimedia textbooks, etc."

Academic Uses of the World Wide Web, Browsers. and HTML(http://weber.u.washington.edui-rells/R550/academic_uses.htrn1)

Examples of course pages, online courses, online publications, etc. The aim of this page isto provide a sampling of uses made of the web by educators.

InterQuest(http://www.sce.ojgse.edu/iq/)

"InterQuest involves several coordinated projects dedicated to establishing effective modelsand methods for teaching by internet technology, especially the World Wide Web." Thereare links here to online introductory calculus and philosophy courses, as well as resourcesaddressing online pedagogy issues.

HTML Resources

The Teachers.Net Homepage Maker.(http://www.teachers.net/sampler/)

The Homepage Maker is a free service through which you can fill out an online formspecifying the text and features you'd like on a home page, and the Homepage Makergenerates a page and sends you the source code. For a monthly fee, you can maintain your.site on Teachers.Net; they provide support for online conferencing, multiple mail accounts,etc.

Web Course in a Box(http://madduck.mmd.vcu.edu/wcb/wcb.html)Online Course Templates(http://www2.ncsu.edu/ncsu/cals/template/index.html)

A series of HTML-coded template pages for online course material. The "top" pageprovides a table of contents for page which provide syllabi, schedules, grading information,online quizzes, links to newsgroups and listservs.

Convert Bookmark Files Into Web Pages.A great technique for creating web pages for courses is to make use of all the important sitesyou've bookmarked while roaming around the net. Diversity Resources on the Internet is anexample of a web page created with this technique.

Adobe Acrobat files PDF formatAdobe Portable Document Format (PDF) files can be created from Adobe AcrobatExchange. This program allows you to create home page documents which "reproduce thelook and feel of the printed page, complete with fonts, graphics, and formatting" and

6 11/11/9614:0201

World Wide Web Home Pages - Tools for Teaching and Learning http://wwv,v.sccd.ctc.eduilibraryileague.html

look and feel of the printed page, complete with fonts, graphics, and formatting" anddistribute them over the Web. Acrobat Reader, the program that you need for reading pdffiles, can be downloaded free from Adobe. Two handouts that explain how to turn NetscapeBookmarks (Windows Version) and Netscape Bookmarks (Macintosh Version) into homepages are examples of pdf documents on a home page.

Introduction to HTML(http://www.cwru.edu/help/introHTML/toc.html)

A very nice tutorial for learning HTML.Yale C/AIM WWW Style Manual(http://info.med.yale.edu/caim/StyleManual Top.html)

This is a great guide for writing and designing hypertext documents; it addresses styleissues for individual pages as well as complex sets of inter-related pages.

HTML editorsYahoo's directory of HTML editors grouped by platform.

Information and Course Content Resources

The following is a highly selective list of sites that might provide resources for primary sourcesfor assignments, or supplementary reading, or entertaining browsing, or ....

The Electronic Newsstand(http://www.enews.com/)

Links to 100's of online newspapers and magazines. The site can be searched either forindividual publications or for articles on particular subjects.

Ecola Newsstand(http://www.ecola.com/news/)

Another online newsstand with extensive links to electronic periodicals.Louisiana State University Library Webliographies(http://www.lib.lsu.edu/weblio.html)

A series of subject guides to online resources for study in various fields.The Argus Clearinghouse(http://www.clearinghouse.net/)

A extensive list of guides to subject-related Internet resources.Association of Research Libraries Directory of Electronic Journals and Newsletters(http://arl.cni.org/scomm/edir/)

Unlike the commercial newsstands, this directory focuses on academic publications.Directory of Scholarly and Professional E-Conferences(http://n2h2.com/KOVACS/)

This directory provides descriptive information (purpose, scope, address, subscriptioninformation) for academic listservs and discussion groups.

LibWeb(http://sunsite.berkeley.edu/Libweb/)

As well as publishing information about hours and services and providing links to theironline catalogs, libraries often provide links to online periodical databases. Consider addinglinks to your local library. This site provides a directory of library web sites (academic,public, governmental, etc.).

Teaching Students to Think Critically about Internet Resources(http://weber.u.washington.eduk--libr560/NETEVAL/index.html)

This is a page from a workshop devoted to evaluation of Internet resources. As well ascriteria and checklists for evaluation, there are three group exercises which reveal some ofthe issues and considerations in evaluating web-based information.

The U.S. Census Web Site(http://www.census.gov)

A great source for demographic statistical data.The Washington Post Homework Maniac(http://www.washingtonpost.com/wp-srv/interact/longterm/safari/tours/maniac.htm)

This site brings together links to a number of online reference sources (dictionaries,

74 of 5 11/11/96 14:0201

.World Wide Web Home Pages - Tools for Teaching and Learning http:/ /www.sccd.ctc.edu/ library/league.html

government documents, thesauri, news, etc.) as well as selected sites in broad subject areas.

This page was prepared by Sarah Beasley and Jean Kent of the Seattle Community College District.Last revised Nov/14/96

85 of 5 11/11/ %14:0201

League for InnovationWorld Wide Web Home Pages - Tools for Teaching and Learning

Saving Source Code for Home Pages (Windows Version)

It is very easy to save the source code for a home page that you'd like to adapt. Followthe steps below for either Method 1 or Method 2.

Method 1 File->Save As

These instructions presume you are using Netscape to view home pages on the Web. Ifyou find a page you'd like to adapt for your own, select File->Save As from the top menubar. A dialog box like the one in Figure 1 will open.

Figure 1 Save Dialog Box

home page has just been made!

Make sure that the file type selectedis HTML Files. You might want tomake a directory called homepagefirst and save all your home page filesin this directory.

Use the file name index.htm andclick on Save.

Now all you have to do is open theindex.htm file in Notepad, delete theoriginal information, and insert yourinformation. The world's quickest

Method 2 Select, Copy, and Paste

A second method for capturing source code also presumes you are using Netscape on theWorld Wide Web. If you find a page you want to adapt, select View->Document Sourcefrom the top menu bar. A new page will appear that lists all the source code for the pageyou were viewing and it looks like Figure 2.

Figure 2 Netscape Source Code Page

9 BEST COPY AVAILABLE


Copy the source code to the "clipboard" by using the key combination Ctrl C. (Hold downon the Ctrl key and tap the letter C.)

Open Notepad and use your mouse to select Edit->Paste. A copy of the source codeshould appear in the Notepad Untitled window just like the one in Figure 3.

t4,P11 44/d1 AA)

<html><head>(title >Type in a descriptive home page title heregtitle></head><body>01>The Headline that introduces your page goes heregh1>0 Next comes the picture of the college><img src-"nscc.gif" alt- "This is a picture of the campus. "><p>I teach (or advise, counsel, etc.) at North Seattle Community College inSeattle, Washington. Give a brief introduction to youself and your hone pagehere.

Hext comes a horizontal rule to help separate the parts of your page><hr><t The H2 tag creates a smaller headline><H2>Here are some useful resources for (a subject or course, etc):</h2><p><ul><10<a href.."http://www.historyplace.comiciuilwar/index.html">The CivilWargo><11><a href-"http://www.access.digex.nett"bdboyle/cw.html")The AmericanCivil War World Wide Web Information Archive( /a>< /ul>

<hr><h2 >Here are links to some of my favorite places on the Web:</h2><on<11><a href-"http://www.proximus.comiyaboo">Map Itga> Type in an addressand see a map.<11><a href-"http://www.loc.gou">Library of Congress</a> One can spend hourslooking around this web site.gol><hr>Send your comments to <a href- "nailto:your email address goes here">YourName( /a >.

W.MMY

Figure 3 Source Code Pasted into Notepad

Save this file with the name index.htm and make sure that the File Type is set to text.Now you can delete the old information and add your information. Another very quickway to create a home page!

BEST COPY AVAILABLE

10

I Eject )

League for InnovationWorld Wide Web Home Pages

Saving Source Code for Home Pages (Macintosh Version)

It is very easy to save the source code for a home page that you'd like to adapt. Follow thesteps below for Method 1 or Method 2.

Method 1 File->Save As

These instructions presume you are using Netscape to view home pages on the Web. If youfind a page you'd like to adapt for your own, select File->Save As from the top menubar. A dialog box like the one in Figure 1 will open.

Make sure that the file type selected is Source. You might want to create a folder calledhomepage first and save all your home page files into this folder.

1.1 homepage

Siam as:

index.html

Format: Source

(=Jean's Mac

( Desktop

( New In

( Cancel )

Figure 1 Save Dialog Box

Use the file name index.html and click on Save.

Now all you have to do is open the index.html file in SimpleText, delete the originalinformation, and insert your information. The world's quickest home page has just beenmade.

Method 2 Select, Copy, and Paste

A second method for saving source code also presumes you're using Netscape on theWorld Wide Web. If you find a page you want to adapt, select View->DocumentSource from the top menu bar. A new page will appear that lists all the source code for thepage you were viewing and it looks like Figure 2.

It

League for Innovation1)11.A, .-.

File Edit

Urn];head>title>Type in/head>body>

hl)The Head]! Next comesirng src. 711-3

P

teach (or ad')." ieat tl e, Wast;1 niere.

flexi comes a

un

Figure 2 Ni

Copy the source code to the "clipboard" by selecting Edit->Select All and then Edit->Copy. Use your mouse to select File->New from the top menu bar. A new SimpleTextwindow will open. Now select Edit->Paste to copy your source code to the Untitleddocument on the screen. It should look like Figure 3 below.

File Edit Font Size Style Sound Connected Sun

<html><head>

<title>Type in a descriptive home page title here</title></head><body><h1>The Headline that introduces your page goes heredhl><I Next comes the picture of the college><img src="nscc.gif" alt=-This is a picture of the campus."><p>

I teach (or advise, counsel, etc.) at North Seattle Community College inSeattle, Washington. Give a brief introduction to youself and your home pagehere.<! Next comes a horizontal rule to help separate the parts of your page><hr><I The H2 tag creates a smaller headline><H2>Here are some useful resources for (a subject or course, etc):</h2><p>

<ul>

Figure 3 Source Code Pasted into SimpleTextSave this file with the name index.html and make sure the File Type is set to text. Nowyou can delete the old information and add your information. Another very quick way tocreate a home page!

EST COPY AVAILABLE 12

League for InnovationWorld Wide Home Pages - Tools for Teaching and Learning

Hyper Text Markup Language

HTML Basics

Hypertext Markup Language is the language of the World Wide Web. HTML consists oftags that create the formatting on a home page as well as the links and the placement ofgraphics. It is similar to old fashioned word processors that required special codes tocreate bold or underlined text when a file was printed. With a dozen or so tags, you cancreate very functional, attractive home pages!

Before becoming acquainted with the tags themselves, here are some general backgroundconcepts you need to know:

Tags must be enclosed in angle brackets like this: <>.

Tags aren't case sensitive. <BODY> is identical to <bOdy>

Most tags have a beginning tag and an ending tag that includes a / (slash).<body> is the beginning tag and </body> is the ending tag.

All text you want to be affected must be enclosed by a beginning and endingtag. <b>Here is bolded text</b> will appear like this: Here is bolded text

A good way to learn how HTML tags work is to look at the source code usedfor home pages while you surf the Web. In Netscape you can see the sourcecode by selecting View->Document Source.

Commonly Used HTML Tags

Here is a list of the most commonly used HTML tags for creating home pages

Structural TagsBeginning Tag Ending Tag Tag Function<HTML> </HTML> Starts/ends a document

<HEAD> </HEAD> Identifies the info thatappears in Netscape titlebar but not inside theNetscape window

<TITLE> </TITLE> Starts/ends a title whichappears in the Netscapetitle bar

<BODY> </BODY> Starts/ends the body which

1 13


appears in the Netscapewindow

Layout Tags<Ill>, <H2>, <H3>, <H4>, <H5>,<H6>

</H1>, </H2> ,etc. Starts/ends headline text.

111 is largest and H6 issmallest

<P> no ending tag Starts new paragraph

<BR> no ending tag Inserts line break

<CENTER> </CENTER> Centers text on the screen

<HR> no ending tag Inserts a horizontal line

Formatting Tags<B> </B> Surrounds bold text

<I> <a> Surrounds italic text

<U> </U> Surrounds underlined text

List Tags<UL> </UL> Starts/ends unordered

(buffeted) list

<OL> </OL> Starts/ends ordered(numbered) list

<Li> no ending tag Precedes entries in a listeither unordered orordered

Table Tags<TABLE> </TABLE> Begins and ends a table

<TH> </TH> Adds a heading to acolumn or a row

<TR> </TR> Begins and ends a tablerow

<TD> </TD> Begins and ends a table


cell

Hyper-link Tags<A HREF= "url "> <IA> Creates a hot link to

another Web page

<A HREF="file_name"> <A> Creates a hot link toanother Web page in yourWeb site

<A BREF="#link_target"> <IA> Creates a hot link toanother part of your homepage (quick scroll link)

<A NAME="target_tag"> </A> Identifies the quick scrolllocation - always pairedwith the tag listed above

Graphics Tags<IMG SRC= "url "> no ending tag Inserts inline graphic from

a remote Web server

<IMG SRC="file_name"> no ending tag Inserts inline graphic froma local graphic file

Miscellaneous Tags<!Comment> no ending tag Adds a comment or

explanation that doesn'tappear when page isviewed with Netscape

<body bgcolor="#fifffr> </body> Changes background colorto white

<font sizein> </font> Changes the size of thefont (default is 3, 1 is

smallest and 7 is biggest

3


Hints for applying the <A> Hyper-Link Tags

With the <A> tag, you'll usually use HREF followed by a URL with quotation marksaround it. For example, the following would create a "hot link" to the Yahoo homepage.

<A HREF="http://www.yahoo.com">Yahoo</A>

In this example, the Hypertext REFerence is given inside the <A> tag and theword Yahoo becomes the underlined hot link on your home page.

The <A BREF="file_name"> tag is how you link another local home page to yourmain home page. For example, if you wanted to create a course home page with linksto home work assignments, the tag might look like this:

<A HREF="assign.htm">Course Assignments</A> - the file is called assign.htm andthe hot link on your home page appears as Course Assignments.

The <A HREF="#link_target"> is used to make links within your home page. Thisallows people to jump around in your page without having to scroll too much. I call ita "quick scroll" tag. It is always paired with a <a name="target tag">.

Hints for applying the <1MG SRC> Graphics Tag

Two graphic file formats are used on the WWW. One of them is gif (pronounced likethe peanut butter Jif) and the other is jpg or jpeg. Jpg format is best for photographsand gif is best when you have large areas with the same color.

With the <1MG SRC> tag you'll usually add the name of the image file (withquotation marks around it) after the tag.

<IMG SRC="logo.gif'>

You can also link to a remote graphic. That is, you can use the URL for the locationof the graphic file and it will still display on your home page.

<IMG SRC="http://www.fau.edu/student/chemclub/dave/images/cy_bar.gir>

This method insures that you don't violate copyright, but if the original file isdeleted or changed, your graphic will change as well.

You can use a graphic as a "hot link", too.

<A BREF="http://nsccux.sccd.ctc.edur><IMG SRC="logo.gif'></A> wouldmake the graphic called "logo.gif' a hot link and when selected it would take theviewer back to the North Seattle home page.

4 16


Creating and Testing your Home Page Files

Creating your home page files

You MUST do the following in order to insure your home page will work on the WorldWide Web.

1. Use a text editor like Notepad (Windows) or Simple Text (Mac) to create your homepage files. (You can use a word processor, but if you save your file as a Word orWord Perfect file, it will be ruined for the Web.)

2. You must save the files as text files with a "file extension" of .htm (Windows) or.html (Mac).

3. Check with your Web administrator about special naming conventions for your homepage files. Here at Seattle Community College, we must name our main home page fileindex.html when we copy it to our Web server. Other systems may require other filenames, though.

4. Graphics files should be in gif or jpg format in order to work with most of the Webbrowsers.

Testing your home page

1. Open Notepad (Windows) or SimpleText (Mac) and type in the HTML tags and textyou want on your home page.

2. Save your home page file as a text file with the file extension .htm (Windows) or.html (Mac). I encourage you to use all lower case letters and you cannot leave spacesin your file names.

3. Open Netscape as a second application. Don't close the text editor (Notepad orSimpleText, if you are using it). The idea is to switch back and forth between them.

4. Go to File on the menu bar and click on Open File

OW 44W-go, goottrmsrh- gptt041*

404.-Mati tolfi14ptiat"Vkal ..kw.mm:s$la6,,kz4U0110401,..,`4POn Vier LIMO" siitibak4 I* di

64.1A

3anc10 oevs

w*6 a441111s;;, Zks ,

" i.iu , -COW

Figure 1 Open File in Netscape

1_ 7

BEST COPY AVAILABLE


5. In the dialog box that appears, select your home page file.

6. Your home page should appear just like magic.

44u

toe- au Pew, o flooknuakil Anmetoty. yondowsslict 55, ,s.";. .... ..

Mg* Rasa rsx...qs.'

4ott

fttesk- pfitt rshlt

5Aqtaithv Coolt KaeldbnoffiletSbtard Si

[Home Page Title Goes Here]I'm on the faculty at jName of your college goes here] where I teach [yoursubject(s) goes here]. [Add more text here about who you are and whatyou teach or do on campus.]

...',...., a±_x_' ..Z.....,_...2. ' e . fr +1,

Course #1 oes here

Courses I teach:

Figure 2 Home Page in Netscape

7. If you are using a Windows computer, your can return to editing your home page fileby pressing Alt + Tab keys together and releasing the Alt key when the icon for yourtext editor appears on the screen.

8. Make sure you save any corrections you make to your home page file, then switchback to Netscape. Again, in Windows you can use the Alt + Tab key combination totoggle back and forth.

9. Use your mouse to click on the Reload button to view the corrected version of yourhome page.

at' Elfit WOW 44 B.00ktnotirs tows ,,etc

rs,,,Jyras 4,54,44, gotpat tvert ratqf

..

Figure 3 Netscape Reload Button

10. Repeat these steps until your home page is perfect!

2

BEST COPY AVAILABLE 18

.

S!tindow '`ks: :ssZZs


Netscape 2.01 Bookmarks (Macintosh Version)

Netscape bookmarks allow you to return to a site you've visited on the World Wide Webwithout retyping the URL. This handout will guide you through the process of creating andorganizing Netscape 2.01 version bookmarks, as well as turning them into home pages.

Creating and Using Bookmarks with Netscape

To create a bookmark simply click on Bookmarks on the top menu bar and select AddBookmark. If you prefer using a keyboard shortcut, you can use Command D to createyour bookmark. Here's what making a bookmark looks like:

tfi File Edit Uiew Gothe tommunitu Coilege

Bookmarks Options Directory Window! =I

Rt.ioa r.1 -

Figure 1 Creating a Netscape Bookmark

To use a bookmark, simply click on Bookmarks on the top menu bar and select thebookmark for the site to which you'd like to return. It's that easy.

Organizing Netscape Bookmarks

After you add several bookmarks, you may want to organize them to make them moreefficient and useful. In order to do this, you must open the bookmark window by selectingWindow from the menu bar and then Bookmarks. Below is a copy of the screen you

receive when you follow these steps:File Edit Item Window Conne

B okrmieJean Karit. 's Bookmarks

a

Resources for Diversity

Diversity in Business at Fisher College

Intercultural E-Mail Classroom Connections

Hill's African American Site List

The UCLA Asian American Studies Center

CLNET Home Page

Humboldt State University : Tribal Links

feminism

Yahoo!

AltaVista Search: Main Page

Diversity Web

MetaCrawler Searching

*'

There are several choices when you clickon File in the menu bar. The mostimportant are:

Open Bookmark File to open abookmark fileImport Bookmarks to addanother bookmark file to your currentbookmark list

Save As... to copy thesebookmarks to another disk or filename

What's New - Netscape will checkfor sites on your bookmark list thathave changedQuit to close this window andreturn to Netscape

Figure 2 Netscape Bookmark WindowIf you click on Edit in the menu bar you will receive the usual choices like Copy, Cut,and Paste. You can also Undo, Redo, and Delete Bookmark.

I d

1


The Item choice on the menu bar is where you will find the tools to customize yourbookmarks. Below in Figure 3, you will see the screen that appears after clicking on EditBookmark.

File Edit

::,!....,::??..

7 a Jean Kent's Boo

Resources for

Diversity in E

Intercultural

Hill's African

feminism

AltaVista Sea

Humboldt Stal

CLNET Home F

Yahoo!

The UCLA Asian American btucnes Lenter

Window Connected

Edit Bookmark... NGo to Bookmark

Surt Bookoratkv

Insert Bookmark...Insert Folder...Insert Separator

Make Alias

Set to New ftekazetts FolderSet to Bookmork Menu Folder

Meta Crawler Searching

Figure 3 Item Menu Selectionsr

selected, brings up the dialog box that looks like the

name:

Lactation CURL):

Description:

Last Visited:Added oa: Sun Oct 27 08 29:02 1996

There are no aliases to this bookmark

Cancel OK

Figure 4 New Bookmark Window

The Edit Bookmark screenshows you some importantinformation about eachbookmark you've made. Itshows the URL of the site,the last time you visited it,and it gives you a space inwhich to enter a description ofthe site.

Go to Bookmark isobviously a way to select abookmarked site to return toit.

Sort Bookmarks is whereyou can re-organize yourbookmark folders. Thischoice is not available untilyou create folders.Insert Bookmark, when

one in Figure 4 below:

You can add a bookmark if youhave the URL. Type in the name ofyour bookmark in the Name box.Enter the URL in the Location(URL) box. Notice you can includea description for the bookmark,too. If you use this screen forcreating a bookmark, you will needto click on OK to complete theprocess.

The next selection available fromthe Item menu bar choice is InsertFolder. This is a way to group

together similar sites and give them a category label or name.

If you select this choice, you will get a screen that looks like the one in Figure 5 below:


Since several of my bookmarks are for general diversity sites, I've entered the labelGeneral Diversity Sites. I've used the Description box to include a comment about thefolder, and I'll put all the bookmarks for this category into this folder. When I find othergeneral diversity sites, I'll just add it to this folder.

Name:

Location CURL):

Description:

Last Visited:

General Diversity Sites

These bookmarks were collected on Oct 2th

Added on: Sun Oct 27 07 :23 :58 1996


( Cancel )

Figure 5 Creating a Folder

After I create my folder for general diversity sites, I simply drag and drop all the relatedbookmarks into the folder. I've also included several subfolders to further organize mydiversity sites, and I've added a "WWW Search Engines" folder as well.

to File Edit Item Window Connected

1p a Jean Kent's Bookmarks

CDGeneral Diversity Sites

D iversity Web

R esources for Diversity

Intercultural E-Mail Classroom Connections

D iversity in Business at Fisher College

C:3 African American Resources

Hill's African American Site List

C:11 Asian American Resources


C:]Latino / Hispanic Resources

CLNET Home Page

123Native American Resources

Humboldt State University : Tribal Links

Women' Studies Resources

feminism

CZIWWW Search Engines

A ltaVista Search : Main Page

M etaCrawler Searching

Figure 6 Bookmark Folders and Subfolders

3

Figure 6 shows how thesebookmarks appear when they havebeen put into folders:

21

BEST COPY AVAILABLE


Figure 7 shows what my bookmarks look like now when I select Bookmarks from themain Netscape screen:

File Edit View Goo

Bookmarks Options Directory Window Connootocl 7:36 RM -F 1,-,

Add Bookmark 53t1 D


rte.09;t:::salsaammana0V%:::Hill's African American Site ListfeminismAltaUlsta Search: Main PageHumboldt State University: Tribal LinksCLNET Home PageYahoo!The UCLA Asian American Studies CenterMetaCrawier Searching

Diversity WebDiversity in Business at Fisher Collegeintercultural E-Mall Classroom ConnectionsResources for Diuersit

Figure 7 Organized View of Bookmarks

Turning Bookmarks into Home Pages

After you have organized your bookmarks by putting them into labeled folders, you canadd a brief description for each bookmark. To do this, open the bookmark window (clickon Window then select Bookmarks) and then single click on the bookmark you want todescribe. Select Item->Edit from the menu bar. The dialog box you receive looks like theone pictured in Figure 8 below:

Name:

Location (URL) :

Description:

-uertit to

Web

http :/ /www .inform.umd .edu :8080 /diversity web

Diversity Web is the main site for the Ford Foundation Conference called"Diversity Education and the Public Good"

Last Visited: 10 hours ago

Added on : Sat Oct 26 21:32:24 1996


( Cancel ) OK

Figure 8 Adding a Description to a Bookmark

I chose the Diversity Web bookmark to describe. All you have to do is click your mouse inthe Description box and type it in. When you are done, click on OK.

This description will appear beneath the link for Diversity Web if you use your bookmarkfile as your Netscape home page. It will also appear if you include it as part of an Internethome page.

To open your bookmark file in Netscape, select File->Open File from the menu bar.Your bookmark file is in the Netscape Preferences Folder in your System Folder and it is

422

(INetscape f I

( Eject )

( Desktop


called Bookmarks.html. Use the dialog box that opens to select it from the preferencesfolder. Figure 9 shows how to select your bookmark file from the Open File dialog box.

Bookmarks.htmlEjCache finJauad MailC3 News

orig.bookmarks.html123 Security

=Jean's Mac

ICancel

t Open j

Figure 9 Open File Dialog Box

In the screen below, you will see what my bookmark file looks like as a Netscape homepage.

File Edit Mew Go Bookmarks Options Directory Window di connected 7:27 AM--

R.Ni§tstatittzatittit'Keitt'iltiOkittiitkr-: .

''' ( , . x $ I Mow- I t Re 10 of 1 1m4 40s- i Pr # 0410 I MO 1 3: Efile:///Jean's91620Mao/System9d20Folder/Preferenoes/Netseape9620=4/Boolanarkshtrn1

... .........A 1. ' '' ..1 :PAlikAiiitiaAA I Nei £4Ircti 1 People 1 1 ,Sofere- 1

Jean Kent's BookmarksGeneral Diversity Sites

These bookmarks were collected on Oct 26th.

DtieffritmIcebDiversity Web is the main site for the Ford Fotmdatbm Conference called 'Diversity Education and the Public Good"

PeSOITEW for Di?TfOlit'S,LysrMiluiel ii-bleil 0133:xtom Connect a:As

0Sti3'4,

...

:,

,?>.

12,......,,,

;TA.

Diver:it, ir, Elrfiress to fj:Ilter Corng

African American Resources

Iiii's Airt_Zart liMbrie 6A rs-As Ust

Asian American Resources

The. UCLA ek*.,. Aoserimp, "Stadie:1 Csnmr

Latino / Hispanic Resources

CLNET Timm Pego

Native American Resources

fivInbciat St* Uzlivrvitx2221111k

women' Studies Resourcestemiltilm.

WWW 'Sparrh Fmrinpe11,4:61:::::::::.... ::. :1:::E211,

Figure 10 Bookmarks Used as a Home Page

To turn your bookmark file into your Netscape home page, follow these steps:

BEST COPY AVAILABLE 5


1. First, use your mouse to select then copy to the Clipboard (Command C) theinformation that appears in the Netscape Go To: box.

2. Next, select Options->General Preferences from the menu bar.

3. Single click on the Appearance tab.

4. Single click in the box beside Home Page Location.

5. Paste (Command. V) the contents of the Clipboard into this box. A long, ratherintimidating string of letters and % signs should appear in this box. This tells Netscapewhere to find your bookmark file.

In the figure below, you will see how I indicated my bookmark file:

General Preferences

Appearance Fonts I Colors Images Applications Helpers ria797"--lages

Show Toolbar AsPiOtgreg Show TOOlTipS

a TOOPictures and Text

Followed Links Expire0 Never Underline Links

0 After 30 flags

Expire Now

Browser Starts Vitt%0 Blank Page0 Home Page tocation

Oa Startup LaunchNetscape Browser

0 Tiet$capeNetscape News

ScrollingEl Enable Active Scrolling

Enabling active scrolling willdynamically- update the display as the

Iscroll bars are tracked_

file ///Jean's9320Mac /Sy stem9320Folder/Preferences/Netscape%

Cancel I FIPPIY OK

aFigure 11 Selecting Bookmark File as your Home Page

After I have finished describing each of the bookmarks in my file, I can actually copy thisfile to my Internet account and use it as a home page. In fact, several of the home pages wewill use in the training today were made just like this.

Figure 12 shows you what one looks like:

BEST COPY AVAILABLE

6 24


"$- File Edit Uiew Go Bookmarks Options Directory Window 4' Connoted ° 7:20 HM.:' g`ITi---.."-----'-'" itiiiiitieij '''''''' Itiiiiiiiteeiiii,theifitiiiiii

114ott p>. 0 ..., stone :M.,ee.Aii.* ..IL._...1.Ft.__ftil:::ft P.). Elt**;:jhttp .//ww aced .otc.edu / -*ent /diversity html

4tIti8eti:$1e**i Viatfi:COM: iD.4Aieitietifi 4L11?'ik.iitii:4:,:i:ii.il!',' tit,...31 teftware i. . .. ... ..... . ... .... .. ... --..... ,..--

Diversity Resources on the InternetThis page was developed for we with the Waning Our ,tares On the Web Workshop. held at North Seattle Community College August

,i*.

'...1,-1...,*14'Os;.S

c:

. ,

1:t)..

irb

EAN,

15,1996.

General Diversity Resources

These sites cover the broad topic of diversity. Each is a good starting place for exploration.

iiirstro 1. .___.You'll find several excellent links to all types of diversity topics on this page. Age, class, national origin, gender,disability, race and ethnicity, religion, end sexual orientation are covered. The URL ishtly.livorw.infonaurnd.edu.13080/EdReseTopic/Diversity

is'amirces for DiversityThese diversity links are provided by Nova Soutizestem University in Florida. The URL ishttpltvvv. nova_ eduiInter-Linlordivemity.htmL

liwit: 5-.t.ist Clossini Ceeecions iFrom this page you will find links to curriculum ideas as veil as a mailing list that would help you find partners in othercountries end cult= for pen pals for your students. The URL is httplivvw.stolatedurnetworkliecc/

Oulim Divnuiral_agazieesMarty online publications on topics of diversity are linked from this page developed by the University of Ohio School ofBusiness. The LTRI. is http://www.cob.ohio-satte.edvi-diversityritmag


There ere large numbers of links to African American Studies on the Internet The pages listed below will lead you to many, manyother sites.

Hill's African America, Site ListThis page is maintained by Scott Hill from Howard University and has over 100 links to other resources. They eradivided into topics like African Studies, demographics, and affirmative action. The URL ishttp:Ilexcalibureccss. hovard.edutwebmastaraffica.html

AtiamAmpre.a."-pily4,6 *VA-Ay:we:infant 'aifnifiiiiOBdMittiitlotiiiEilliViiiiiip: .. : ......' s's lat .2Figure 12 Bookmark File on the Internet

This is a very quick way to generate subject specific home pages for your students ofyourself for that matter.

Turning Bookmarks into a Home Page (Low Tech Method)

Remember that you can save a bookmark file to a disk and make copies of it for yourstudents. They can open the file in Netscape and use it as if it were a home page on theWeb. Tell your students to open Netscape, select File->Open File, and in the dialog boxchoose the folder and name of the bookmark file. The bookmark file should open and thelinks will work if the student is online.

25BEST COPY AVAILABLE

7

League for InnovationWorld Wide Web Home Pages - Tools for Teaching & Learning

Netscape 2.0 Bookmarks (Windows Version)

Netscape bookmarks allow you to return to a site you've visited on the World Wide Webwithout retyping the URL. This handout will guide you through the process of creatingand organizing Netscape 2.0 version bookmarks, as well as turning them into home pages.

Creating and Using Bookmarks with Netscape

To create a bookmark in Netscape, simply click on Bookmarks on the top menu bar andthen select Add Bookmark. If you prefer using a keyboard shortcut to create yourbookmark, you can use Ctrl D as well. Here's what making a bookmark looks like:

$ $ I

ale Edit yiew fio ; . riptions Plrectory 3ndlay,:- Help

Bo to Bookmarks., COOS F444Z'611kReorttt,

Figure 1 Creating a Netscape Bookmark

SS45.44f.

To use a bookmark, simply click on Bookmarks on the top menu bar and click on thebookmark for the site to which you'd like to return. It's that easy.

Organizing Netscape Bookmarks

After you add several bookmarks you may want to organize them to make them moreefficient and useful. In order to do this, you must open the bookmark window by selectingWindow from the top menu bar and then Bookmarks. Below is a copy of the screen youreceive if you follow these steps:

0..t11 Jean Kent's Bookmarks

I

1-4

..-h

...1

...)...]...]

University of Maryland Diversity Database


Human Development, Multiculturalism, and Diversity



African American Webliography


CLNET Home Page

Humboldt State University: Tribal Links

feminism

Yahoo!


eo

Figure 2 Netscape Bookmark Window

26

If you click on File on the topmenu bar in this window you willhave the following choices:

Open to use anotherbookmark fileImport - to add anotherbookmark file to the one youare currently usingSave As - to make a copy ofyour bookmark fileWhat's New? - Netscape willcheck for sites on yourbookmark list which havechangedClose - to exit from your

BEST COPY AVAILABLE


bookmark file

If you click on Edit on the top menu bar you will receive the usual choices like copy, cut,and paste. You can also Undo, Redo, and Delete.

The Item choice on the menu bar is where you will find the tools to customize yourbookmarks. Below in Figure 3, you'll see the screen that appears after clicking on Item.

urn

Res

Hu

Hu

Div

Ahic

The

CLN

Hu

fenYah


Inaort 13natanarkinert fablerinsert Separator

5;e3t1ti Nemf DwAtrgirks rtiWkrMkt -m RmIkmark ts. rat Fli14£1.1`

Figure 3 Item Menu Selections

the one in Figure 4 below:

Properties shows you someimportant information about eachbookmark you've made. It shows theURL of the site, the last time youvisited it, and it gives you a space inwhich to enter a description of thesite.Go to Bookmark is a way to selecta bookmarked site to return to it.Sort Bookmarks is where you canre-organize your bookmark folders.This choice is not available until youcreate folders.Insert Bookmark, when selected,brings up a dialog box that looks like

You can add a bookmark if youhave the URL. Type in the name ofyour bookmark in the Name box.Enter the URL in the Location(URL) box. Notice you can includea description for the bookmark, too.If you use this screen for creating abookmark, you will need to click onOK to complete the process.

'JQ

Geneffit I

liaestr

LecidiontUFILl;

Detertiptiegt

, e

".

Last Vised:

hued air' Wed Melo 01

qr. Canciiii 4

Figure 4 New Bookmark Window

The next selection available from the Item menu bar choice is Insert Folder. This is a wayto group together similar sites and give them a category label or name. If you select thischoice, here is the screen that will appear:

27BEST COPY AVAILABLE


Senetal

tso.oetm Wai

Ditturiptiate

task Vtqlect.

'General Diversity Sites

These bookmarks were collected on Oct261h.

Added sw Sat Oct 2S 132&22

ate

akdetadafacaderSo

Cancel

Figure 5 Creating a Folder

AmsN t IfPIP

Since several of my bookmarksare for general diversity sites,I've entered the label GeneralDiversity Sites. I used theDescription box to include acomment about the folder, andI'll put all the bookmarks forthis category into this folder.When I find other generaldiversity sites to bookmark, I'lljust add them to this folder.

After I create my folder forgeneral diversity sites, I simplydrag and drop all the relatedbookmarks into the folder.

Below you'll see how my bookmarks have been organized. I also added several subfoldersto further organize my diversity sites, and I added a "WWW Search Engines" folder, aswell.





..1 University of Maryland Diversity Database

Fiiai3 African American Resources

African American Webliography

;1=3-Li Asian American Resources


.421 Latino / Hispanic Resources

Native American Resources

Womens' Studies Resources

WWW Search Engines

1 AltaVista Search: Main Page

MetaCrawler Searching

1 Yahoo!

Figure 6 Bookmark Folders and Subfolders

Figure 7 shows what my bookmarks look like now when I select Bookmarks from the

main Netscape screen:

SBEST COPY AVAILABLE

3

University of Maryland Diversity Database j


E:lie Edit view fie

Uome

"e E f

; r r QatirmsAdd Bookmark

o to Bookmarks

e t

ire4ary- Witidow -ifelp-Ctri*DCtri46"

Diversity in Business at Fisher CollegeHuman Development, twitralism. and DiversityResources for DiversityUniversity at Maryland Diversity Database

w,

Asian American ResourcesLatino tHispanie Resources

-Native American ResourcesWarrens' Studies Resources

Figure 7 Organized View of Bookmarks

1

Turning Bookmarks into a Home Page

After you have organized your bookmarks by putting them into labeled folders, you canadd a brief description for each bookmark. To do this, open the bookmark window (clickon Window then select Bookmarks) and then single click on the bookmark you want todescribe. Next, select Item->Properties from the menu bar.

443totiat j,

e: Location itilitt

uettakttioo.:

iz

Lastraiied;

Added wt.zt

g t 4 44 41.

http://www.infolm.umd.edu:8080/EdResi

This site is rich in links. A great place tobegin researching diversity topics on theWWW.I

2 hems ago

sattut 2s 141 litIA 'Mt

1.21.4 rep.

I chose the University of Marylandbookmark to describe. All you haveto do is click your mouse in theDescription box and type it in.When you are done, click on OK.

This description will appear beneaththe link for University of MarylandDiversity Database if you use yourbookmark file as your Netscapehome page. It will also appear if youinclude it as part of an Internethome page.

Figure 8 Adding a Description to a Bookmark

In the screen below you'll see what my bookmark file looks like as a Netscape home page.

294.

BEST COPY AVAILABLE


File Edit View Go Bailiff IlpriZ9 pireetory Window Help

a *aNO

,414. a '12itsliturat I:W*1d 1, 411.>

taIoiiioir file inCl/NETSCAPE/DIV_BKMS HTM

LAtifitoVities,Logiiihar Handbook Netioaieflotiviete

Jean Kent's BookmarksGeneral Diversity Sites

These bookmarks were collected Oct 26.

Diversity in Business at Fisher Colle2eHizman Dcyclotynent, Multiculturalism. and DiversityResources for DiversityUniversity of Maryland Diversity Databaset This site is rich in links. A great place to begin researching diversity topics on the

WWW.


Figure 9 Bookmarks Used as a Home Page

To turn your bookmark file into your Netscape home page, select Options->GeneralPreferences from the menu bar. Single click on the Appearance tab and in the box belowthe Start With choices, type the path and name of your bookmark file. In the figure belowyou will see how I indicated my bookmark file.

Appeigoece I rot* 1 Cokas I

raeolitOt;

Anos' I fietaci4 1 Leryiwia

afg .15atint$ 0 /04,4,r .

8/14tastoptainick

'Stint VAEk.

,11.1.1.

4Viftstvet:.arl

181 Netscapalmwr.er N;tsvapeitiul CI tiekteispe/jews

0 Wank Page 4011airie Page Localism-

Ic:lnetscapeicliv_bkms.htm

Figure 10 Making a Bookmark File Your Home Page

5 30 BEST COPY AVAILABLE


After I have finished describing each of the bookmarks in my file, I can actually copy thisfile to my Internet account and use it as a home page.

Here's what one looks like:

k% , AMA s.......4Aa.._.....iiiii* '7." %File Edit View G BlItIktitafkg 0 linos .eirecto windtlw :,

:,:v>"..i> fIc.;s ORIN fOnt , Fat ,

,

Mind htI p: //www. seed. etc. ecit.dkentichversity.html ..:::

. .. .., . .. .

Diversity Resources on the InternetThis page was developed for use with the Spinning Our Stories On the Web Workshop held atNorth Seattle Community College August 15, 1996.

General Diversity Resources

These sites cover the broad topic of diversity. Each is a good starting place for exploration.

University of Maryland Diversity DatabaseYou'll find several excellent links to all types of diversity topics on this page. Age, class,national origin, gender, disability, race and ethnicity, religion, and sexual orientation are

...covered. The URL is http://www.inform.umd.edu:8080/EdRescropic/Diversity

Resources for Diversity .....

These diversity links are provided by Nova Southeastern University in Florida The. .

. .

"1-at 1mrortt sit..

Figure 11 Bookmark File as a Home Page

This is a very quick way to generate subject specific home pages for your students oryourself for that matter.

Turning Bookmarks into a Home Page (Low Tech Method)

Remember that you can save a bookmark file to a disk and make copies of it for yourstudents. They can open the file in Netscape and use it as if it were a home page on theWeb. Tell your students to open Netscape, select File->Open File, and in the dialog boxchoose the drive and name of the bookmark file. The bookmark file should open and thelinks will work if the student is online.

31

BEST COPY AVAILABLE


Bibliography of HTML Books

There are almost 50 books on creating home pages for the World Wide Web. A few of theones that I use or like are listed below.

Arpajian, Scott. How to use HTML 3. Emeryville, Calif : Ziff-Davis Press, 1996.A step-by-step guide with excellent graphics.

Flynn, Peter. The World Wide Web handbook : a guide for users, authors, and publishers.London ; Boston : International Thomson Computer Press, 1995.

Fox, David. HTML Web publisher's construction kit. Corte Madera, CA : Waite GroupPress, 1995.

Graham, Ian S. The HTML sourcebook : a complete guide to HTML 3.0. 2nd ed. NewYork : John Wiley & Sons, 1996.

LeJeune, Urban A. Netscape & HTML explorer. Scottsdale, Ariz. : Coriolis Group Books,1995.This is my "bible" for home pages.

Lemay, Laura. Teach yourself Web publishing with HTML 3.0 in a week. 2nd ed.Indianapolis, Ind. : Sams.net Pub., 1996.

McCanna, Laurie. Creating great web graphics. MIS Press, 1996.Learn how to make your own graphics with this book.

McFedries, Paul. The complete idiot's guide to creating an HTML Web page.Indianapolis, Ind. : Que, 1996.

Niederst, Jennifer. Designing for the web : getting started in a new medium. Sebastopol,CA : O'Reilly & Associates, 1996.An excellent book for learning more about graphics on the Web.

Taylor, Dave. Creating cool web pages with HTML. Foster City, CA : IDG BooksWorldwide, 1995.

Tittel, Ed. HTML for dummies. Foster City, CA : IDG Books, 1995.

The Web page design cookbook : all the ingredients you need to create 5-star Web pages.William Horton ... [et al.]. New York : Wiley, 1996.

Wilson, Stephen. World Wide Web design guide. Edmonds, WA : Hayden Books, 1995.

32

U.S. Department of EducationOffice of Educational Research and Improvement (OERI)

Educational Resources Information Center (ERIC)

REPRODUCTION RELEASE

I. DOCUMENT IDENTIFICATION:

(Specific Document)

ERIC

Title:wimet IMcte tAite hacie- --Tans fm RA r,14.1A-( a A4 at Le_Arti'-r7.---------

Author(s): Jean Saret-h acci_sCorporate Source:

Sea, 2 C,644044,(4111 bat-CT-C. FD/Stit1

II. REPRODUCTION RELEASE:

Publication Date:

i1 Alti44,6e/r til)Ra

In order to disseminate as widely as possible timely and significant materials of interest to the educational community, documents announcedin the monthly abstract journal of the ERIC system, Resources in Education (RIE), are usually made available to users in microfiche, reproducedpaper copy, and electronic/optical media, and sold through the ERIC Document Reproduction Service (EDRS) or other ERIC vendors. Credit isgiven to the source of each document, and, if reproduction release is granted, one of the following notices is affixed to the document.

If permission is granted to reproduce and disseminate the identified document, please CHECK ONE of the following two options and sign atthe bottom of the page.

ICheck here

For Level 1 Release:Permitting reproduction inmicrofiche (4* x 6" film) orother ERIC archival media(e.g., electronic or optical)end pc ccpy

Signhere)please

The sample sticker shown below will be The sample sticker shown below will beaffixed to all Level 1 documents

PERMISSION TO REPRODUCE ANDDISSEMINATE THIS MATERIAL

HAS BEEN GRANTED BY

coa

TO THE EDUCATIONAL RESOURCESINFORMATION CENTER (ERIC)

Level 1

affixed to all Level 2 documents

PERMISSION TO REPRODUCE ANDDISSEMINATE THIS

MATERIAL IN OTHER THAN PAPERCOPY HAS BEEN GRANTED BY

TO THE EDUCATIONAL RESOURCESINFORMATION CENTER (ERIC)

Level 2

Documents will be processed as indicated provided reproduction quality permits. If permissionto reproduce is granted, but neither box is checked, documents will be processed at Level 1.

Check hereFor Level 2 Release:Permitting reproduction inmicrofiche (4" x 6" film) orother ERIC archival media(e.g., electronic or optical),but nc:in pa par copy.

'I hereby grant to the Educational Resources Information Center (ERIC) nonexclusive permission to reproduce and disseminatethis document as indicated above. Reproduction from the ERIC microfiche or electronic./optical media by persons other thanERIC employees and its system contractors requires permission from the copyright holder. Exception is made for non-profitreproduction by libraries and other service agencies to satisfy information needs of educators in response to discrete inquiries.'

Signature:

Organization/Address:5ettfitccr,14-frea (An/11144u 141 ILI/ CIL le_q.c,

13roi 3 Mad tivetAjBE2-101

see ifc, (444- 9i/2.2

Printed Name/Position/Title:

Telephone:tom icIrtAl

Wt,, Sq7,-Mail Address:

610-etiffie yOlgaveuo047,45e,S QACCci,e,C41,ce c,eok4

Date:

III. DOCUMENT AVAILABILITY INFORMATION (FROM NON-ERIC SOURCE):

If permission to reproduce is not granted to ERIC, or, if you wish ERIC to cite the availability of the document from another source,please provide the following information regarding the availability of the document. (ERIC will not announce a document unless it ispublicly available, and a dependable source can be specified. Contributors should also be aware that ERIC selection criteria aresignificantly more stringent for documents that cannot be made available through EDRS.)

Publisher/Distributor:

Address:

Price:

IV. REFERRAL OF ERIC TO COPYRIGHT/REPRODUCTION RIGHTS HOLDER:

If the right to grant reproduction release is held by someone other than the addressee, please provide the appropriate name and address:

Name:

Address:

V. WHERE TO SEND THIS FORM:

Send this form to the following ERIC Clearinghouse:RiKa NakazawaAcquisitions CoordinatorERIC Clearinghouse for Community Colleges3051 Moore HallBox 951521Los Angeles, CA 90095-1521

(Rev. 3/96/96)League for Innovation in CC1996 Conf on Info TechNov 13-16, 1996, Phoenix, AZ

ED 405 918 JC 970 233 AUTHOR Beasley, Sarah; Kent, Jean TITLE · DOCUMENT RESUME. ED 405 918 JC 970...

Documents

Transcript of ED 405 918 JC 970 233 AUTHOR Beasley, Sarah; Kent, Jean TITLE · DOCUMENT RESUME. ED 405 918 JC 970...