GS104aM7.html

GS104bM7.htm [Edited 5/07/06 11:05am]
Topic Creating a website with Netscape Composer

--Print This Page by choosing **Print** from File menu--
A GS104a Instructor will be available in the computer lab, lower level of library, to help if needed. Check instructors office hours.

Vocabulary

Review of terms from GS104a assignments and some new terms. Many you know and have in your dictionary. The terms with an "*" you will be expected to be able to define and give examples without accessing other sources. Check with a GS104 instructor or the class assistant if you need help with these terms. In addition to the class and text documentation you can also check this Glossary, FAQ or Google for help with definitions and problems you may not find.

Definitions for most of these terms can be found at: Internet terms
Anchor
ClIENT/SERVER
Domain(s)
*FTP
*GIF
*Home page
*HTML (Hyper Text Markup Language)
*HTML editor
HTTP

* Hyperlink (Hypertext, Hypermedia)
Internet /WWW
ISP
*JPEG
NETWORK
SERVER
URL
*ADA act
*file name
*web page title

(0) Download and install Audicaty Using an audio editing program- Documentation
[Optional Instructor choice-- Class Demo of Audacity if time]

(1) You may have already started your web page, the following will help you understand and improve your web page. We will be using Mozilla (newer version of Netscape) to create easy, simple web pages. It is suggested that you review the following:
Internet/Web/WWW terms

Internet terms

Check out these sources on how to use editing features in Mozilla (newer version of Netscape Composer). Use the one you understand the best.

Web page Construction in Netscape Composer
Web Page Creation with Netscape Composer

(3) [Class Demo] Assignment will be started in class:

Lesson 1: Begin creation of a WEB Site:

NOTE: You can see a web site somewhat like the one you will create at:

http://stuweb.csub.edu/~jross/

Task 1 Lab: Use Composer to create a web site structure, a home page, portfolio page and resume page

A. [Class Demo and steps in class to create] First create a folder in My Documents call it "My CSUB Web". Then:

Start Netscape

Choose File/New/Composer Page

Type "My Home Page" across the top--this is not necessary and can be removed later, but it will just help you track the structure of your web site for now.

Choose File/Save as, when the dialog box asking "Please identify the title..."opens, type in a title for your page. Use a title that is relevant for search engines [my homepage title is "CSUB Sociology and Anthropology Faculty:Jim Ross"]

Name the file you save index.html and save your page in the My CSUB Web folder

Start another new page that will be used for your resume. Type "My Resume" across the top, choose "Save as", give it a relevant title ( mine is " Jim Ross Resume")

Name the file you save resume.html and save your page in the My CSUB Web folder

Start another new page that will be used for listing your portfolio items. Type "Your Name GS104 Portfolio" across the top, choose "Save as", give it a relevant title ( mine is " Jim Ross GS104 Portfolio").

Name the file you save portfolio.html and save your page in the My CSUB Web folder

Quit Netscape Composer

Task 2 [Class Demo and steps in class to create] Lab/homework
A--Link your homepage, index.html, to all your other pages

Start Netscape again

Choose File/Open File

Find your folder My CSUB Web then double click the index.html file to open it.

Netscape will display your homepage index.html

Choose File/Edit Page so that you can make changes and additions

Connect index.html to all your other pages to allow you to go to all your pages:

At the bottom of the index.html page type:

Resume
GS104 Portfolio

Select "Resume" then choose Insert/Link (or the Link tool) the Link Properties dialog box will open

Type in resume.html :

Alternatively you could:

Click the Choose File on the Link Properties dialog box and find your file resume.html

Click resume.html then click Open then OK in the Link Properties dialog box

Follow the same steps and link the term "GS104 Portfolio" on your index.html to your portfolio.html page

B--Link each of your pages back to your homepage, index.html

Choose File/Open File

Find your folder My CSUB Web then double click the portfolio.html file to open it.

Netscape will display your portfolio page, portfolio.html

Choose File/Edit Page so that you can make changes and additions

Connect portfolio.html to your index.html page by:

At the bottom of the portfolio.html page type:

HOME

Select "HOME" then choose Insert/Link (or the Link tool), the Link Properties dialog box will open

Type in index.html

Choose "Save as"

Follow the same steps and link your resume.html file to index.html

C--Open your homepage, index.html, in either Netscape or Explorer and make sure your links work and you can go back and forth between your web pages. as shown in the graphic above.

Your web site is now ready for content.

Task 3 Homework: Start constructing your home page, index.html. This is due before class on Monday (Demo in class by instructor)

Start Netscape, Choose File/Open File, find and open your index.html file. This is the first page, the homepage for your web. Choose File/Edit Page so that you can make changes and additions. Look over the icons and menus in Netscape Composer. Composer works much like Microsoft Word. You should be able to guess much of the standard formatting functions

Check out these source for specific instructions on formatting with Composer: Web page Construction in Netscape Composer or Web Page Creation with Netscape Composer

Add content to your page any way you like: a table structure, graphics, (can be found by using Google, clip art from Microsoft Word, created by you in Microsoft Paint), links to your favorite sites--be creative. Try and follow the rule of keeping major or even all material for a page in the first window with no need to scroll. You already have links to the other web pages on your web site so keep them and place them in a meaningful location. Your page must have at least one graphic/picture (don't forget ADA and type in a name for Alternate text for your graphic) , a link(s) to an external web page (your MySpace page for example) and the internal links for your web site(s).

(4) Dictionary: Make sure you have the terms with an "*" defined and a good example where relevant. You have defined most of these terms previously in your dictionary. Improve on previously defined terms if possible and define new terms in your own words (not just copy and pasted from another source). Your definitions should be clear, complete and understandable to someone like your self who is not in this class. Your understanding the concept is the goal for creating definitions. If you do not understand a concept ask fellow class members then your instructor if needed.

(5) Review new additions to Computers and Society Links.

Have the items in red above completed before the next class. We will place then on your web site at http:academic.csub.edu and they will be evaluated there by your instructor.