Web Page Instructions


Registering Your Web Page

 Text and Background Color

 Wallpaper Backgrounds

 Transferring Files Online

Revising a Document on the Web

Inserting Images

Editing Scanned Images

Inserting a Guestbook or Counter

Editing Your Web Page Using Netscape Composer
 
 


Registering Your Webpage

    When composing e-mail or editing in pico using Project Vincent, occasionly a message will appear telling you that new mail has appeared. These messages, called zephyrgrams, can be quite annoying. To fix your screen after receiving a zephyrgram, hold the Control key, and press the L key. To turn off the zephyrgrams completely, log onto Project Vincent and type in "pico .startup.tty".

    When words appear in bold in the instructions, it indicates that: the bolded word appears on the screen,  it is a program that you use, or a button on the keyboard that you press. All words within quotes are to be typed.  Quotes should not be typed unless otherwise specified.

    The word Enter in these instructions can be used interchangeably for Enter or Return.  Therefore, if the computer being used has an Enter key, press the Enter key when so instructed.  If the computer has a Return key instead, press Return when the instructions say to press Enter.

1) Open BetterTelnet.
    •  Click once on the Apple icon in the upper left-hand corner of the screen.
    •  Drag the cursor down and highlight Internet Applications.
    •  Drag the cursor over to Better Telnet and select it.
    •  Click on Connect.

    When Connect is clicked upon, a window will appear that asks for the user’s username and password.

2) When this screen appears, click on Cancel.

    A window with the prompt login: will appear.

3) Log on to Project Vincent.
    •  Type in your username and press Enter.
    •  Type in your password and press Enter.

    The Vincent prompt vincent% will appear.

4) At the Vincent prompt, type “add www” and press Enter.

5) Type “setup_www” and press Enter.

    The prompt will ask if you want to register.

6) Press “y” for yes and press Enter.

7) After the vincent prompt, type:
    •  “cd” and press Enter
    •  “cd WWW” and press Enter
    •  “pico homepage.html” and press Enter

    In order to see the actual homepage on the world wide web, one must access the internet through Netscape Navigator.  The Project Vincent window may remain open.

1) Open Netscape Navigator.
    •  Click once on the Apple icon in the upper left-hand corner of the screen.
    •  Move the cursor to highlight Internet Applications.
    •  Move the cursor over to Netscape Navigator and highlight it.
    •  Release the button.

    This will load Netscape Navigator and open on the Iowa State University homepage.

2) Click on the address line that reads http://www.iastate.edu.

    This will provide a cursor with which to write on the address line.

3) Delete the current web address and type in http://public.iastate.edu/~username/.
    •  Press Enter.

    Type in your own personal username in the preceding web address in place of username.
This will take you to your personal homepage.  The homepage will be a  gray screen that reads, “Welcome…This is a sample homepage…”

4) Arrange the Netscape and Project Vincent windows so they are overlapping but both can be seen simultaneously.

    To switch between the Netscape and Project Vincent windows, click on the desired window with the mouse.

    The following steps should be followed to change the “Your name here” phrase on the homepage.  To move the cursor around within the text, use the arrow keys.  The mouse does not function within the Project Vincent program.

5) Click on the Project Vincent window.

6) Use the arrow keys on the keyboard to move the cursor onto the less than sign (<) in front of the </TITLE> command.

7) Use the Backspace key (or Delete key) located on the right side of the keyboard to delete the “Your name here” phrase from the text.

    The cursor should be moved one character beyond what ought to be deleted.

8) Type in your name where “Your name here” was located in the text.

9)   To view the changed homepage, press and hold down the Control key while pressing and holding down the o key.
    •  Release both keys simultaneously and press Enter.

    This will save changes made in Project Vincent.

10)  Click on the Netscape window.

11) Click on the Reload button located on the toolbar near the top of the screen.

    This will show the changes made to your name.  Your name will appear at the top of the homepage.

    Click on Netscape and click on Reload to view the changes to the homepage.
 



Text and Background Color

1) To change the body of your homepage:
    · Move the cursor to the (<) symbol after This is a Sample homepage and in front of <P>.

While in Project Vincent, move the cursor using the arrow keys.

    · Press the Backspace (or Delete) key until “This is a sample homepage.” is gone.
    · Type the desired in front of the <P>.

2) To make a word or phrase bold, italic, blink, or emphasized:
    ·  Move the cursor to the first letter of the word or first word in the phrase using the arrow keys.
    ·  Type “<B>”(for bold), “<I>”(for italics), “<blink>”(for the word or phrase to    blink), or “<EM>”(for emphasis).
    ·  Move the cursor to the space after the word.
    ·  Type “</B>”, “</I>”, “</blink>”, or “</EM>”.

    The word will be in bold, italics, blinking or emphasized on the web page.  Make sure to hold down Control and press o, then release those keys and then press Return or Enter.  This will save the changes made to your web page.

3) To change the background of your homepage:
    · Move the cursor using the arrow keys to the > symbol in <BODY>.
    · Press the space bar.
    · Type “BGCOLOR=”.

    There are codes for different colors(see table below) so  find the code for the color that you would like for the background of your web page.

    · With your cursor still on the > symbol in <BODY>, type in the code of the desired color.

    Make sure to have the # symbol and the six character code.  Here are the codes of some colors:

Black:               #000000                   Blue:               #0099FF                        Red:                    #FF0000
Yellow:             #FFFF00                  White:            #FFFFFF                       Green:                 #00FF00
Coral:                #FF7F00                  Lt. Gray:         #A8A8A8                     Wheat:               #D8D8BF
Firebrick:          #8E2323                   Orange:          #FF9900                        Tan:                    #DB9370
Neon Blue:       #4D4DFF                 Salmon:          #6F4242                        Blue Violet:       #9F5F9F
Cadet Blue:      #5F9F9F                   Indian Red:    #4E2F2F                       Goldenrod:        #DBDB70
Quartz:              #D9D9F3                 Sea Green:      #238E68                        Dark Orchid:     #9932CD
Plum:                 #EAADEA              Light Wood:  #E9C2A6                       Sienna:             #8E6B23
Silver:                #E6E8FA                 Old Gold:        #CFB53B                       Neon Pink:      #FF6EC7
Feldspar:          #D19275                   Orange Red:  #FF2400                         Sky Blue:         #3299CC
Summer Sky:    #38B0DE                  Turquoise:    #ADEAEA                    Yellow Green:  #99CC32
Dusty Rose:     #856363                    Slate Blue:    #007FFF                         Violet:               #4F2F4F
Forest Green:   #238E23                    Pink:              #8C8F8F                         Navy Blue:      #23238E
 

 For these and more colors go to http://www.gla.ac.uk/Clubs/WebSoc/primer/ and go to the colors link.

4) To change the color of text, links, and visited links:
    · Move the cursor using the arrows to the > symbol in <BODY>.
    · Press the space bar.
    · Type “TEXT=”(to change text), “LINK=”(to change links), or “VLINK=”(to   change visited links).
    · With your cursor still on the > symbol in <BODY>, type in the code of the desired color.
 


Wallpaper Backgrounds


1) Using an internet browser, go to the following address: http://www.netscape.com/assist/net_sites/bg/backgrounds.html

2) Choose a wallpaper pattern from the patterns shown.

3) Save the pattern.
    · Move the cursor to the pattern of choice.
    · Click and hold the mouse button until a pop-up menu appears.
    · Continue holding while dragging the cursor to Save this image as…
    · Release mouse.

4) Select to save the background image to the desktop.
    · Click on the Desktop icon in the window that appears.
    · Click on the Save button.

5) Using Fetch 3.0.3, save the background image to to Vincent account.
    • Go to the Apple menu at the top left corner of the screen.
    •  Select Network Applications or Internet Applications.

    Another menu will appear to the side of the NETWORK/INTERNET menu.

     • Select Fetch 3.0.3.

    If the Fetch window does not appear immediately, go to the File menu and select New Connection.

     •  In the New Connection window, type the following:
        HOST:  “isua.iastate.edu”
        USER ID:  your username for Vincent
        PASSWORD:  your Vincent password
        DIRECTORY:  “WWW”
    •  Click OK.

    A window should appear that lists all the documents and graphics in your personal WWW directory.

    • Drag document from the desktop into the Fetch window that lists the WWW directory contents.

      A dog icon will run on the  screen while the file is transferring to the WWW directory.  The document should be listed in the directory after completing this step.

6) Within the Vincent directory, open the homepage.html file.

7) After the <BODY BGCOLOR="#------" prompt, press space bar and type in "BACKGROUND=“image.jpg”".

A color code should replace the six dashes after the pound sign "#------" before the second quotation mark, and the quotes must be included in both of the commands discussed in instruction 7.

8) Replace “image.jpg” with your chosen wallpaper file name.

    The wallpaper background overrides the solid color background, so it is OK to leave the command for a solid color background there.

     This line should look like the following: <BODY BGCOLOR="#------" BACKGROUND="image.jpg">.

    For example, if the image is called clouds.jpg, the line would read <BODY BGCOLOR="#------" BACKGROUND="clouds.jpg">    Also, as before, if other commands are already written into the body section, the > sign should come at the end of the entire body command.

9) Save changes to the webpage.
    · Press the Control and the letter O keys simultaneously to save the changes to your webpage.
    · Press Return/Enter.

10) Open the webpage within Netscape Navigator and click on the Reload button to see the changes.
 



Transferring Files Online

1) First, open and compose a document in Microsoft Word.
    •  Double-click the Hard Drive icon.
    •  Double-click the Applications folder.
    •  Double-click Office ’98 icon.
    •  Double click Microsoft Word.

       If a document window (where the document is typed) does not appear:
    · Select New from File menu in top left hand corner of screen.
    · Select Blank Document; click OK.

2) Type document.

3) When finished, go to File menu; select Save As.
    •  Type document name in the title bar.

    When naming document, do not leave spaces, and add “.html” to the end of the title.

4) Select to save your document on the Desktop in the bar at the top of the window.

5) Select HTML Document in the file type box below your document name.
    •  Click Save.

    This saves your document as an HTML document.

6) If a message box appears that ends with “Continue with save?” click Yes.

7) If a message box appears saying “The Virtual Basic environment could not be initialized,” click OK.  Any time this prompt appears, click OK.

    Your document should now appear on the desktop.

8)  Go to File menu and select the Quit option to exit the Word program.

9)  Go to the Apple menu at the top left corner of the screen.
    •  Select Network Applications or Internet Applications.

    Another menu will appear to the side of the Network/Internet menu.

10)  Select Fetch 3.0.3.

    If the Fetch window does not appear immediately, go to the File menu and select New Connection.

11)  In the New Connection window, type the following:
    HOST:  “isua.iastate.edu”
    USER ID:  your username for Vincent
    PASSWORD:  your Vincent password
    DIRECTORY:  “WWW”
    •  Click OK.

    A window should appear that lists all the documents and graphics in your personal WWW directory.

12)  Drag document from the desktop into the Fetch window that lists the WWW directory contents.

      A dog icon will run on the  screen while the file is transferring to the WWW directory.  The document should be listed in the directory after completing this step.

13) To view your document that is now published online, go to the Apple menu.
    •  Select Network Applications.
    •  Select Netscape Navigator.

    If a Netscape window does not appear, go to the File menu; select New Window.

14) In the address bar, type the address “www.public.iastate.edu/~vincentusername.”  Press Return.

    The screen should display your personal homepage.

15) To view the document, type the saved document’s name to the end of the homepage address.  Remember to add the “.html” in the document’s name to the end.

16) Press the Return key or the Reload button at the top of the Netscape  toolbar.

    A copy of the typed document should appear on the web page.
 


Revising a Document on the Web

    These instructions allow changes to be made to documents already existing on the web.

1) Go to the Apple menu at the top left corner of the screen.
    •  Select Network Applications or Internet Applications.

    Another menu will appear to the side of the Network/Internet menu.

2)   Select Fetch 3.0.3.

    If the Fetch window does not appear immediately, go to the File menu and select New Connection.

3)  In the New Connection window, type the following:
     HOST:  “isua.iastate.edu"
     USER ID:  your username for Vincent
     PASSWORD:  your Vincent password
     DIRECTORY:  “WWW”
    •  Click OK.

4) Drag the document out of Fetch to the desktop.

5) Open Microsoft Word.
    •  Double-click the Applications folder.
    •  Double-click Office ’98 icon.
    •  Double click Microsoft Word.

    If a document window (where the document is typed) does not appear:
    · Select New from File menu in top left hand corner of screen.
    · Select Blank Document; click OK.

6) Open document within Microsoft Word by going to the File menu and selecting Open.

    Step six  is essential; opening the document by double clicking the icon on the desktop will not work.

7) In the window that appears, select Desktop from the toolbar.

8) Select HTML Document in the “List files of type” bar.
    •  Click on document’s name.
    •  Click Open.

    If a “Convert File” window appears, select HTML Document and click OK.

9) Make the desired changes to document.  When finished, go to File menu, select Save.

10)  If document will not save, go to File, select Save As, and save it with a slightly different name.

    If this works, go to step eleven.  If the computer will not save, go to step twelve.

11) If the “Virtual Basic” messages continue to appear, click OK.
      •  Go to the File menu and select Quit.
      •  Click Save in the next window.
      •  Click Yes if “Continue with save?” prompt appears.

12) Go to the Fetch window listing directory contents.
       •  Drag the old document into the Trash on the desktop.
       •  Click Delete in message window.

13) Drag the revised document from the desktop into the Fetch window that lists WWW directory contents.

     Again, the dog icon will run on the  screen while the file is transferring to the WWW directory.  The revised document should be listed in the directory and ready to view on the web  after completing this step.
 

    Note:  On IBM computers, the equivalent program to Fetch is called WS_ftp.  Its capabilities and commands are similar to the Fetch program.


Inserting Links


1) Locate the spot on the page where the link is to appear.

2)  Using the simple <A HREF…> command, type the URL that the link will send the visitor to in quotation marks.  For example: "<A HREF="http://www.britneyspears.com">".

    This command will link to britneyspears.com.  Quotes need to be included around the URL address.

3)  After the command, type the word that is clicked on in order to link. Building on the previous example, we have:
"<A HREF="http://www.britneyspears.com">BRITNEY".

    By clicking on the word BRITNEY the viewer will be transported to http://www.britneyspears.com.

4)  Finish the entire command with a "</A>": "<A HREF="http://www.britneyspears.com">BRITNEY</A>".

    This is a complete linking command.  It contains the <A HREF..> command, the word used to link to the website, and the closing </A> command.

5) To link on a web page to a different spot on the same page:
     • Click on the spot on the page where the link is wanted to appear.

    This is also going to be the spot linked from.

6)  At this location type the simple "<A HREF…>" command.  For example: "<A HREF="#somename">".

    The "somename" will not appear anywhere on the web page.  It is only used as a label.  Also, the "#" sign and the quotes around the #somename MUST be present!

7)  After the command, type the word that is  clicked on in order to link.  Building on the previous example, we have:
"<A HREF="#somename">TEXT ON BRITNEY".

    By clicking on TEXT ON BRITNEY, the viewer will be linked to wherever the text on Britney would be.

8)  Finish the entire command with a "</A>": "<A HREF="#somename">TEXT ON BRITNEY</A>".

    This is the complete command for the first part of this kind of linking.  It includes the <A HREF=#…> command, the group of words used to link to another spot on the page, and the closing </A> command.  Next, we must enter a command as to where the  TEXT ON BRITNEY will link to.

5)  Click on the spot on the page where the link is to send the visitor.

6)  At this point, type "<A HREF=…>" command directly ABOVE what is to be the displayed section.  Building off of the previous examples, we have: "<A HREF="somename">".

    This “somename” MUST be the same label as used in step 2.
 


Inserting Images

1) To get an image off the Internet, open Netscape Navigator or the browser on the computer.
    • Go to Search to search on the Internet.
    • Choose a search engine such as Lycos, Hot Bot, etc.

2) Search for name-of-subject graphics (example: dog graphics).
    • Search for any subject of  interest.
    • Go to a site of interest by clicking on the highlighted name of the site.
    • Search the site and find a graphic of interest.

3) When you find the graphic you want, right click on it with the mouse and hold the mouse button down.

    A menu should appear – one of the options should be Save as or Save Image As or Download Image to Disk. Choose one option.

    • A menu comes up, click Desktop.
    • Click on Save to save the image to the desktop.

4) To up load the image to the internet:
    • Open Better Telnet and log in with your user name and password.
    • At the vincent% prompt, type "cd WWW".
    • After another vincent% prompt,  type "pico homepage.html".
    • After entering the homepage, keep Better Telnet open and open Fetch.

    Fetch is under the Apple menu or on the hard drive. Make sure that the host is isua.iastate.edu and log in with your name and password.

    • Go to WWW.

    Go to the WWW file if it does not appear at the top. It should be the last thing listed in the window.

    • Once at WWW, click on Put File.
    • In the menu that appears, click on Desktop.
    • Find the image that you saved to your Desktop and click on it to highlight it.
    • Click Open, then click OK.

    The image should now be listed in the window under WWW.

5) To put the image on the web page:
    • Go to the Better Telnet window.
    • In the body of the html document in vincent, type in the tag   "<img src="name of image.jpeg">" or "<img src="name of image.gif">".

    A tag is a command that tells the computer what to do, this one tells the computer to stick the image right where it is typed in the body of the html. An image is either a jpeg or a gif—look at the name of the image as it appears on the desktop—it will have jpeg or gif as part of its name. Quotes need to be included around the name of the image.

    • Type in the name.

    Include the jpeg or gif bit, exactly as it appears.

    • Hold down the Control key on the keyboard and type the letter O simultaneously.
    • Ignore the writing that comes up at the bottom of the page and press Return.
    • When the screen says wrote x number of lines , go back to Fetch.
    • Click on Put File.
    • Find Better Telnet and highlight it.

    It may be under the Macintosh hard drive and then under Internet Applications.

    • Click on Open to open it.
    • Type in "pico homepage.html" when the window comes up that says Put File, and  Save file on isua.iastate.edu as and click OK.

6) To center the image:
    • Go the html account on vincent.
    • Find the <img src="name.jpg-or-gif"> tag in the body of the html.
    • Put a new tag around it:  Type "<p align=”center”>" before the image tag and "</p>" after it, so that the whole thing looks like: <p align="center"><img src="name.jpg-or-gif"></p>.

    Quotes need to be included around the alignment location.  For example: <p align= "center">

    •  Hold down Control and type the letter O at the same time to resave.
    • Use Fetch to reload it, giving it the same name as before.
    • The image can appear on the left side of the screen by typing in "align="left"".

      The same would be used for aligning the image to the right except "right" would be typed in place of "left".

7) To use an image as a link:
    •  Go to the html account on project Vincent.

    In the telnet window, and find your image tag.

    • Here type "<A HREF="linkname"><img src="name.jpg-or-gif"></A>".

    "Linkname" in the above cording is where the name of the site to be used as a link is typed.  Start by typing http://. For example:" http://www.yahoo.com ." Quotes need to be included around the linkname, and around the name of the jpg or gif file.

    • Resave and Re-upload the page.

8) To make an scanned image into a link:
    • Type the command "<A HREF="URL"><IMG SRC="photo1.gif"></A>".

    This is to be typed into the body of the html on vincent, where the URL is the site that the photo will be linked to, and photo1.gif is the image that is being used as a link.

9) To align text with an image:
    • To align the text at the top of an image use the command "<IMG ALIGN=TOP SRC="photo1.gif">" where top is the direction the text is  to go.
    • To align the text a certain number of spaces away, use the command "<IMG SPACE=10 ALIGN=LEFT SRC="photo1.gif">" where the 10 is the number of spaces away the text is and left is the direction the text is from the image.

    Text will automatically align with the bottom of an image unless a command is given to do otherwise.
 


Editing Scanned Images

1) To scan part of a document or picture using Photoshop:
    •  Click on File, drag the mouse down to Import and then Twain Acquire

   This will scan the document in preview mode.  A preview window should open.

     •  Select the portion of the preview you wish to scan by clicking with the mouse on the upper  left-hand boundary and dragging to the lower right-hand boundary.

    This will create a blinking box around the area to be scanned.  The box can be made large or small to fit the image.

    •  Click on the Final button.

    The scanned image will then appear on the screen.

2) To make images more clear:
     •  Click once on the Type bar in the preview window.
     •  Move your mouse to the desired setting and click once.

    Experiment as needed, then make your final scan.

3)  To enlarge or reduce images:
    •  Click on the rectangular bar and drag left or right as desired.

    This adjusts the scaling bar in the preview window. For example, if you want to double the size of the image, drag the bar to 200%.

    •  Click on the Final button with the mouse. The scanned image will then appear on the screen.

4) To change the contrast and brightness of and image:
    •   Move the contrast and brightness bars (Located above the scaling bar in the preview window) left and right until the desired results are achieved.

    Brightness refers to the balance of light and dark shades in an image.  Contrast refers to the range between the darkest and lightness of an image.

    •  Click on Final.

    Whenever you are working in the Adobe Photoshop program, a toolbox will be present in the upper left-hand corner of the screen.  It takes time to become proficient in the use of these tools.  The best way to learn is simply to experiment.  To get you started, here is a quick overview of some of the most useful tools.

5)  To move a selected image:
    •  Click on the move tool.
    •  Click the selection and drag it to its new location.

6)  To copy a selection:
    •  Click on Edit and drag the mouse down to Copy.

    This will copy the image.

    •  To paste the image click on Edit and drag the mouse down to Paste.

    This will paste the image in a new location either within the same document or in another one.

7)  To cut a selection:
    •  Click on Edit and drag the mouse down to Cut.
    •  To paste the image in another location either within the document or in another document, click on Edit and drag the mouse down to Paste.


Inserting a Guestbook or Counter

    Note:  This set of instructions can be used to insert a guestbook or a counter into a webpage.  The instructions for both components are identical unless noted.

1) Use the Internet to find a site from which to obtain a guestbook.
    •  Go to a search engine.
    •  Enter "free guestbook" in search box to find a guestbook
    •  Enter "free webpage counter" to find a counter.

2) Click on the link to any site of interest.

    This will take you to a site where you will be able to sign up for a free guestbook or counter for your webpage.

3) Follow the specific instructions as to how to sign up for a guestbook or counter.

    Every site has a different sign up process, so the exact process cannot be outlined here.  Each individual site should give sufficient information as to how to register for their guestbook or counter.

4) View the HTML code for the guestbook or counter.

    Each individual site should tell you how you can view the code.

5) Highlight the entire code on the screen.

6) From the Edit menu at the top of the window, choose the Copy command.

7) Minimize the Internet browser window by clicking the (–) symbol in the upper right hand corner of the window.

8) Open the Better Telnet program.

9) Log on to your Vincent account.

10) At the Vincent prompt, type in “cd WWW”.

11) At the next prompt, enter “pico homepage.html”.

      For example, if your homepage is called “me”, you would type "pico me.html".

12) Choose the location within your page in which you want to place the link to your guestbook or counter.
       •  Move the cursor using the arrows on the keyboard to the desired location within your homepage.

13) From the Edit menu at the top of the window, choose the Paste command.

      This will make the code appear within the text of your homepage.

14) Save the changes by holding down the Control key while pressing the O key.  Then, press the Enter or Return key to save the changes to your webpage.

15) If you would also like to add a link to view the guestbook, repeat the same instructions as provided above to do so, using the code given by the site.


Editing Your Web Page Using Netscape Composer

1) Open your own personal web page using Netscape Navigator.

    For example: http://www.public.iastate/~cfassbin.

2) When your web page comes up, go to the top of the page and click on the icon that says Edit.

    This will take you to another window where you will begin to change the look of your web page.

3) To change font size:
     •  Highlight the text that is to be changed.
     •  Go to the box with a number in it in the third row of the toolbar.
     •  Click on the arrow.

    This will display the different sizes of text from which you can choose.

4) To change font color:
     •  Highlight the text that is to be changed.
     •  Go to the box to the right of the font size box.
     •  Click on the arrow.

    This will display the different colors available for font from which you can choose.

5) To change font style:
     •  Highlight the text that is to be changed.
     •  Go to the box labeled Variable Width in the third row of the toolbar.
     •  Click on the arrow.

    This will display the different styles available for font from which you can choose.

6) To change the background color of your web page, go to the top of the screen and click on Format.
     •  Click on Page Colors and Properties.
     •  Click on the Colors and Background box to change the color and click OK.

7) To add a link to your site, go to the Link icon at the top of the screen in the second toolbar row.
     •  Enter the text that you want to be displayed for the new link in the bar under Link source.
     •  Enter the URL address of where you want the link to go to under Link to and click OK.

8) To add pictures or graphics to your site, first find the picture you want, then click on it using the right-hand side of the mouse.
     •  A small screen will appear, click Save Picture As.
     •  Click on Save in and select Desktop.
     •  To change the name of your picture, go to File name, type in the desired name and click on Save.

    The icon for your picture should appear on your desktop.

     •  Open your ftp address (for example: ftp://cfassbin@isua.iastate.edu) using Netscape Navigator.
     •  Once the Netscape screen appears, partially minimize the screen so you can see part of the desktop.
     •  Drag the icon of the desired picture on your desktop into the ftp window.  To do this:
     •  Click once on the picture icon and hold down the button.
     •  Then move the file while holding down the button until the icon is inside the ftp window.

    You should now briefly see a window flash up that says that it is copying your files.

     •  Minimize this ftp window by going to the upper right hand part of the screen, and clicking on the (-) symbol.
     •  Click on the web page window that you have been editing.
     •  Make this window partially minimized so that again you can see part of the desktop.
     •  Completely minimize all other windows.
     •  Drag the picture icon from your desktop into your web page window to the location where you want the picture.

    You should see your picture in your web page.

9) To insert audio or video on your web page, go to Insert on the toolbar.
     •  Drag down to HTML Tag and release.
     •  A small screen will appear with a space to type the HTML tag.
     •  Here is an example of a complete HTML tag entry: "<embed SRC=“http://www.public.iastate.edu/~cfassbin/sugar.mp3” AUTOSTART=true LOOP=true>".

    There are spaces before SRC, AUTOSTART, and LOOP. Remember to include the quotes around the url address.

     •  Enter your tag in the box provided.

    The URL address that comes after <embed SRC=  is the site where the audio file is located.

    •  Press space bar and enter “AUTOSTART=true” or “AUTOSTART=false.”

    This specifies whether or not the song will start automatically when the web page is opened. If you want it to start automatically, the entry should be “AUTOSTART=true.”  If you want it to be opened manually, the entry should be “AUTOSTART=false.”

     •  Hit the space bar and enter “LOOP=true” or “LOOP=false.”

    This specifies whether or not the song will play continuously (loop) or play only once.  The entry should be “LOOP=true” for continuous music; it should be “LOOP=false” if you want the song to play only once.

     •  When you have completed your whole entry, click OK.

10) To save the changes you have made to your web page, go to the File menu in the upper left hand corner of the toolbar, select  Save As.

      This step is very important.  Make sure that you save your web page in an HTML format to the desktop.  Also,  you must save it exactly as you originally named it.  It should be: homepage.html.  If you changed the name somewhere along the way, it must be saved under the new name.

     •  Click Save when finished.
     •  Completely minimize the window.
     •  Drag your homepage.html icon on your desktop to your ftp window again.  The computer will ask you if you want to save over the existing file, click on Yes.
     •  Go to Netscape Navigator, type in your web address, and the new changes should appear.