Mini Course

Internet Basics &

Web Page Design

© Morris Firebaugh



Introduction

A. Disclaimers & Survey
B. Software for the Internet
C. Survey of the WWW
D. Languages of the Internet - HTML
E. Creating a Web Page with MS-Word
F. Uploading the Web Page to a Web Server



A. Disclaimers & Survey

Disclaimers:

Depending on the outcome, we may want to Review the Basics





B. Software for the Internet

Origins

The WWW is an enormous network of networks. As of year 2001, there were over 3,000,000,000 unique web pages. These contain if not "the whole truth about everything" at least some information on every conceivable topic! It also contains tons of "chaff", out-of-date information, and "puff pieces." So careful sifting and winnowing is crucial.

Africa

6.31 million

Asia/Pacific

187.24 million

Europe

190.91 million

Middle East

5.12 million

Canada & USA

182.67 million

Latin America

33.35 million

World Total

605.60 million

In studying this information, the following definitions are useful:

Kilobyte (KB)
1,000 bytes OR 103bytes
2 Kilobytes: A Typewritten page.
100 Kilobytes: A low-resolution photograph.
Megabyte (MB)
1,000,000 bytes OR 106 bytes
1 Megabyte: A small novel OR a 3.5 inch floppy disk.
2 Megabytes: A high-resolution photograph.
5 Megabytes: The complete works of Shakespeare.
10 Megabytes: A minute of high-fidelity sound.
100 Megabytes: 1 meter of shelved books.
500 Megabytes: A CD-ROM.
Gigabyte (GB)
1,000,000,000 bytes OR 109 bytes
1 Gigabyte: a pickup truck filled with books.
20 Gigabytes: A good collection of the works of Beethoven.
100 Gigabytes: A library floor of academic journals.
Terabyte (TB)
1,000,000,000,000 bytes OR 1012 bytes
1 Terabyte: 50000 trees made into paper and printed.
2 Terabytes: An academic research library.
10 Terabytes: The print collections of the U.S. Library of Congress.
400 Terabytes: National Climactic Data Center (NOAA) database.
Petabyte (PB)
1,000,000,000,000,000 bytes OR 1015 bytes
1 Petabyte: 3 years of EOS data (2001).
2 Petabytes: All U.S. academic research libraries.
20 Petabytes: Production of hard-disk drives in 1995.
200 Petabytes: All printed material.
Exabyte (EB)
1,000,000,000,000,000,000 bytes OR 1018 bytes
2 Exabytes: Total volume of information generated in 1999.
5 Exabytes: All words ever spoken by human beings.

Conclusion: In 2003

Medium
Terabytes
Surface Web
167
Deep Web
91,850
Email (originals)
440,606
Instant messaging
274
TOTAL
532,897



The basic software tools for the internet include:


The main web browsers are:


Search engines include:

For an excellent summary of major search engines, click

The Major Search Engines


Use Google for research

Situation: Must present travelogue, Hiking in France, for Pinecrest Village. Need some facts, figures, and history to beef it up.

For more facts on

just ask Google, "Eiffel Tower"

To identify this bridge over the Seine

just ask Google, "Bridges of Paris"



Characteristics of the Internet


Exercises - Use Google to find:




C. Survey of the WWW

Some favorite web sites

Three examples of doing business on the WWW

Case Study: Let's order a candidate book for our next book club from http://www.amazon.com


Finally, the WWW is a vast resource for entertainment:





D. Languages of the Internet - HTML

The langage in which 90% of WWW pages are written is HTML

Exercise: In your browser (e.g., Safari) under "View" select "View Source". You should get this window:

Note:

Several additional languages are emerging for the WWW

These are discussed in my seminar on Markup Languages for the Future

Please note: Don't panic about the apparent complexity of HTML. There are now Web Page Design Tools which write the HTML code for you. You just design the web page with a word-processor-like program, and it converts it into the HTML code to display the page you designed.

Examples of such tools:

For more Web Page tools, see the W3 Consortium Summary




E. Creating a Web Page with MS-Word

Our assignment is to produce a four-picture "France Travelogue", using the web page feature of MS-Word.

  1. Click on the Word icon and open a blank page

  2. Type "FranceTravelogue", select it, assign it as Heading 1, and center it

  3. Insert a 2 column by 4 row table

  4. Click cursor in first row, second column

  5. Select Insert --> Picture --> From file

  6. Select one of the pictures from the FrancePictures folder on Shared Folder

  7. Resize the pictures to a width of 3.5" using the Size attribute of the Formatting Palette. Select picture first by clicking on it.

  8. Write some factual or descriptive commentary (features of the image?) in row 1, column 1

  9. Repeat steps 4 - 8 for the next three rows (see below)

Screen after Step 8

  1. Now click in each text box and assign it a Fill color from the Borders and Shading attribute of the Formatting Palette
  2. Next assign the document a Theme by going to the Format menu and selecting Theme. Scan several themes and select one and a Color Scheme

Effects of Fill Color and TidePool Theme

  1. Create a new folder by clicking on the system window, selecting New Folder under the File menu, and label it MyWebPage
  2. Now save the document as FranceTravelogue.htm into your folder MyWebPage by selecting Save as Web Page under the File menu
  3. Now open FranceTravelogue.htm using your favorite browser [NetScape, IE, or Safari]



Oops! Some Problems:

To see the real thing,

Click here

Conclude:

For more advanced features of MS-Word, see Word Tutorial 2




F. Uploading the Web Page to a Web Server

Once your web page is complete, how do you upload it to your server?

Answer: Use GoLive's FTP Browser - then "drag and drop" your files

Note: This FTP browser represents your server web site as a hierarchical filing system (just like your hard drive). Operations allowed include:



Updated November 8, 2004