Today we're going to deal with the browser part of the web. Later, we'll take a look at what's involved with making the whole thing work.

1. Operating Netscape v 7.
   The BARS (not Smileys, or Rascals)
   Title, Main Menu, Toolbar, Address Bar, - links, Browser Window, Status Bar.
   Tabbed browsing. Ctrl-click on link
   Increasing size of text with View -> Text Zoom

2. Changing pages
   The buttons Back, Forward, Address pull down, History.
   Question: Why do you not want to Back or Forward in a web based application such as Squirrel, Moveable Type blog, Webdb, CHEF ?

3. Going somewhere? What's a URL ? Anatomy of a URL Synonyms - web address, address, location, URI
   Ways to use URL in a browser:

   • type it in to the address box and press [Enter]
   • click on a link in a page (Question : How do you know something is a link?)
   • start up a shortcut
   • use browser bookmarks (Ctrl-B) or history (Go -> History or Ctrl-H) or address bar
   • search the internet (Thursday's class)

4. Saving where you've been.

   • Making a shortcut - drag icon from address bar to folder on H:
   • Using a shortcut - drag and drop into browser window.
   • Bookmark page.
   • Managing bookmarks - using folders. Personal folder appears on bar.

5. Where do bookmarks get saved?. Let's discover the answer:

   1. make a bookmark
   2. open up Windows Explorer
   3. Search My Documents for "bookmark". Nowt
   4. Search C:. Lots of results.
      Question : We searched for "bookmark". What other filenames did it pick up?"
      Which is yours ? Look for:
         Date - Time (click "Modified")
         username
   5. Highlight. Select File -> Open Containing Folder. (copy and paste path/address into a blog entry)
   6. Save bookmark file (what's it called?) to H:
   7. Question : How would you use these on a lab PC in a different Lab or on your own machine?

6. Saving Stuff

   1. Whole web page:
      1. Create folder on H:. What gets saved?
         Browse to LEARN THE NET- How the Web Works.
      2. Select File -> Save Page As. Browse to H:. Create a folder (web_savings) and open it.
      3. Notice the duff filename it wants to save as - just type in a more meaningful one, eg learn_net.htm.
      4. Now open up Internet Explorer and browse to web_savings. What do we see? We find learn_net.htm plus all the files associated with this page in learn_net_files.
      5. What's in learn_net_files? Mainly graphics which we can browse through using Irfanview, such as adverts, animated gifs, 'spacer'.gif.
         

         Questions:

         What is 'spacer.gif' and how big is it? Ans: in Irfanview, select Image -> Information.

         Are there any JPG graphics files? Why not?

         What are .js files?

         How would you save the URL of the web page with these files?

   2. Graphic images or other media.
      1. Right-click on on object. Options available
      2. Select Save Image As. Save in graphics or media folder on H:
      3. If you plan to use the image in a web page you need to attribute it. That is, if the graphic ain't yours don't pretend that it is. So always save the web location of the page containing the graphic.
         You know how to do this - drag and drop the address icon.

7. View Sauce
   Select View -> Page Source to see html code of page. Can also display style sheet used by page. Question: can you figure out how to do this?

8. Preferences
   Select Edit -> Preferences.

   1. change default font and size
   2. change default link colors
   3. change home page
   4. set tabbed browsing to ctrl-click on a link starts up a new tab.