The Open Door Web Site

Search
Site Map
Biology
Chemistry
Physics
Electronics
>Technology
History
Study Guide
New
About
Gallery

Backstage Pass to Internet
course developed by: Alan Damon

Exercise 1

The image on the left shows a directory on the hard disk of a server. An image called "sycamore.jpg" placed in the "deciduous" folder would have the following URL:

images/trees/deciduous/sycamore.jpg

and the browser knows which folder to look in thanks to the slashes. In other words, the production company knows which storage room and which drawer to look in to find a specific prop.

A new folder is created on the server called "birds_of_antarctica" and this photo, "penguins.gif", is placed in it.

Can you figure out what the URL would be? Type it here:

Exercise 2

URL's and filenames. The following are examples of valid URL's:

www.eabjm.com/faq-en.html

www.chez.com/damon/images/box01.gif

www.ign.fr/cartes_de_france/ref~63710021.htm

What do you notice about them? In terms of the way that they are written, what are some things which are conspicuously absent? Check the boxes below showing what is absent from these URL's:

lower case letters

upper case letters

_ (underscore)

- (dash)

' (apostrophes)

? (question marks)

~ (tilde)

& (ampersand)

(spaces)

" (quotation marks)

Exercise 3

Look at the following URL's and say what is wrong:

www.cnn.com/Floods in India.html

www.coca cola.com/what's_new?/index.html

Stop the Exercises for now.

Click here to continue with the lesson.

(we will continue with Exercise 4 later)

Exercise 4

(Note: After Ex. 3, you should have gone back to the lesson before answering this question)

Imagine that you have just created a wonderful graph in a spreadsheet program and you would like to save it to put it on your web page. You would like to call your graph "Population Over Time". Which filename would work the best?

Population_Over_Time

Population Over Time

pop_vs_time

population/time

Most programs give you a choice of which format to save the file as. This will determine what extension the file has. Below is an example from an image editor.

Which image format would be your choice?
(hint: there are three possible correct answers in the list above).

Exercise 5

Click on the link below to open a new window showing the same image in different resolutions and formats. Switch back and forth between the two windows to answer these questions:

Here is the link to right-click on: image page

	Image Number
Of the five images shown on that page, which one looks like it has the highest resolution?	1 2 3 4 5
The lowest?	1 2 3 4 5
Which takes up the most memory?	1 2 3 4 5
Which one takes the longest to be displayed on the screen?	1 2 3 4 5

How wide are the images?

What units are used to measure the images?

Exercise 6

Look at the files below and answer the questions:


file A	file B	file C	file D	file E	file F

Which of the files above are image files?	file A file B file C file D file E file F
Which are web pages?	file A file B file C file D file E file F
Which one is not in an acceptable format for Internet?	file A file B file C file D file E file F
Which ones could be animations?	file A file B file C file D file E file F
Is it possible for two files with the same extension to have different icons?	Yes No

Stop the Exercises for now.

Now you are ready for Chapter 2. Click here if you dare!

Exercise 7

Now that you are an expert in HTML, here is an exercise from Chapter 2:

Look at the following HTML code from the file "b-day.htm" and answer the questions below:

<HTML>

<HEAD>
<TITLE>Happy Birthday, Jeff!</TITLE>
</HEAD>

<BODY TEXT="#000000" LINK="#0000ff" VLINK="#800080" BGCOLOR="red">

Dear Jeff, 

<IMG SRC="jeff_b-day.jpg" width="640" height="480">

With much love, 
 Sue 
</BODY>
</HTML>

What is the title of this file?

What is its filename?

If you looked at this page in a browser, what are the first two words you would read on the page?

What color would the page be?

There is one picture on this page. What is it called?

Did the person who made this page put the photo in an "images" folder?

How tall is this picture on the page? What units is this number measured in?

Stop the Exercises for the moment.

Now, you are ready to start your very own page from scratch, grasshopper. There are 6 steps in setting up a web page. Click here to return to Chapter 2 to see them.

Exercise 8

True or False?

True False	It is easier to create one folder for all the files associated with a web site.
True False	Images on Internet are free from copyright.
True False	Star Office is a good example of a WYSIWYG web page editor.
True False	Every home page in the world is called "index.htm".
True False	HTML code is free from copyright.
True False	Netscape Composer will not change the filenames of inserted images but will change where they are saved.
True False	A hyperlink can be a text or an image.
True False	Borders can not be changed for individual cells in a table - only for the entire table.
True False	It is possible to have an image instead of a color in the background of a page or a table.
True False	Too many animations is never enough.

You are now ready to learn how to publish your page on Internet. Make sure you have a site with two or three pages. Take your site for a little test run by opening it in a browser and visiting all the pages. Fix any errors you may notice. Once you are satisfied with it, click on Chapter 3 below to put it on line.

Click here to get to Chapter 3