CHAPTER 3

Find a page where the text bumps up against the left edge. Is it appealing? What would you do to make the page more appealing and the text easier to read?

http://www.members.tripod.com/ectoolbox/6th_social_studies.htm

I would create a frame or text box with margins so that the text would be bumping up against the left edge of the screen.

Find a page with an unacceptable background. What is your immediate impression when you come across a page like that?

https://members.tripod.com/mather/middle.html

I noticed the orange colored background and the yellow text were both warm colors.  This did not create good contrast between the two.  It would have been better if the background was a cool color and the text being warm.

Find a page that has an icon for a missing graphic. Why might the graphic be missing?

https://members.tripod.com/exworthy/mathhi.htm

In place of the missing graphic, this webpage doesn’t substitute an icon for it.  Instead the graphic area is a blank box with the text stating ‘AG00021_.gif’ My guess why an icon is used or a name of a file is substituted in the place of a missing graphic is because the creator could not find a suitable graphic to use and had to use an icon as a temporary substitute or the graphic file name that is being referenced had been changed and the webpage is pointing to an invalid file name.

Look for this address: www.wolphincorn.com. Did you get a message? Why did you get that message?

Yes, I got a pop-up window that stated the following.

“SYSTEM STATUS: Your Urgent Attention is Required!”

“You have been chosen to receive a FREE*laptop PC.  This exclusive offer is only available online.”

“To claim your FREE*laptop PC, click Next below.”

“Hurry before time runs out!”

I got this message because it was either an advertisement pop-up window or a social engineering trick to lure me into installing Trojan horse, virus, spyware or malware onto my computer.  Any big ticket item like a laptop that is free is usually too good to be true.

Find a table with the borders showing.

http://cms.fhsdschools.org/agunnell/OprahHonorsHome/HonorsProcess/tabid/14577/Default.aspx

www.yahoo.com

Find a page where it is obvious the designer used tables, even though the borders are not showing. How can you tell?

http://www.flickr.com/

http://wordpress.com/

http://www.dailymotion.com/us

I can tell because there are three obvious columns but no border lines separating them.

Find a page or two where the designer probably should have used tables. How would tables have made it a better page?

http://webquest.sdsu.edu/about_webquests.html

The thinking skills list is done without a table even though the author attempted to create a table by pressing the space bar to create tables without borders.  The text is not completely aligned and is difficult to follow.  A table would help align the text and make it easier for my eyes to read.

Find several email links. Do you find any email links that you don’t know are for email until you click them or check their address in the status bar?

http://www.conservativeusa.org/megalink.htm

Yes, the email links in this great website doesn’t indicate whether they are for email.  The only indication is that the subtitle states “no email.”  By looking at the status bar at the bottom of my browser as I pass my cursor over the link, the email address appears.

Find several pages with anchors (links that jump you to somewhere else on the same page, instead of to another page).

http://cte.jhu.edu/techacademy/fellows/MENTZER/webquest/austan.htm#intro

http://www.spa3.k12.sc.us/WebQuests/space/index.htm#Introduction

http://www.yorkville.k12.il.us/webquests/webqwilliams/webqtwilliams.html

http://www.macomb.k12.mi.us/wq/WebQ97/COLAMER2.HTM

Find at least two external links and two internal links. How can you tell whether they are external (remote) or internal (local)?

http://www.webquest.org/questgarden/lessons/33642-061112110414/index.htm

The links on the left hand column of the webpage is for navigating within the website.  They are internal links because they are the table of content for a webquest.  The links within each webpage are external links because they link to a website outside of the webquest.

Find a page with several frames. Spend some time there and poke around. Notice how frames are not like tables! What do you think?

http://cms.fhsdschools.org/agunnell/Home/tabid/679/Default.aspx

http://www.myspace.com/

Chapter 3 Quiz

1. Every web page is basically the same thing:

a) a page of text with formatting specifications in HTML code

2. What do you need to do before you create your first page?

c) Make and name a new folder in which to store your web pages.

3. Each of the following is an email link. Which one is most appropriate? Why and why not?

c) Please email us at countryinn@bucolic.com.

4. If you want to make the headline text larger, which of the following would you choose?

a) Select the text and apply “Heading 1.”

b) Select the text and apply bold, plus apply a larger type size.

c) Either of the above would work.

5. What is the best way to make columns on a web page?

b) Create tables or layers.

6. The difference between a Paragraph and a Break is:

d) A Paragraph has space following it; a Break has no space following it.

7. Which of the following are you not going to do?

a) Create one long scrolling page of heavy text on long lines.

b) Create a background on which it is hard to read text.

c) Type in all caps.

d) I promise I won’t do any of the

above.

8. How can you tell where a link is going before you click on it?

c) Position the pointer over the link and read the status bar at the bottom of the browser window.

CHAPTER 4

Find a page with an inappropriate title, such as “index.htm” or “hexidec.html.” What do you know how to do that the person who created that web page doesn’t (or just overlooked)?

I could not find a page with an inappropriate title such as “index.htm” or “hexidec.html.”  I am sure they exist, but I’ve searched many websites and they seemed to be properly titled.  If there were web pages that were inappropriately titled, that would indicate that the person who created the web page accidentally gave the title the same name as the html name since the html name is what is being saved.  It’s very easy to get the title and the html name confused as they are not the same thing.

Find a page that has an icon indicating a missing graphic. Why might the graphic be missing?

https://members.tripod.com/exworthy/mathhi.htm

In place of the missing graphic, this webpage doesn’t substitute an icon for it.  Instead the graphic area is a blank box with the text stating ‘AG00021_.gif’ My guess why an icon is used or a name of a file is substituted in the place of a missing graphic is because the creator could not find a suitable graphic to use and had to use an icon as a temporary substitute or the graphic file name that is being referenced had been changed and the webpage is pointing to an invalid file name.

Look carefully at a few web addresses. Can you visualize the file structure now? That is, can you tell which folders are inside of which folders, and which file is the actual name of the web page you see?

Yes, it is easy to visualize the file structure of a website.  I can see folders within folders and am able to identify the actual name of the web page as each webpage has its own unique name.

When you come across business sites, take note of their domain names. Do you find a business that does not own its own domain name (such as hometown.aol.com/CatfoodCompany)? What kind of impression does that give you?

Yes, there are many small online businesses at Yahoo shopping that has the word ‘Yahoo’ embedded in the address.  An example would be stores with addresses such as

http://mkates.stores.yahoo.net/

http://yhst-84877481603783.stores.yahoo.net/

http://yhst-91841320050386.stores.yahoo.net/

Chapter 4 Quiz

1. Which of the following is not a “legal” file name, and why not:

c) honey bunny.gif

2. In what order should the following tasks be completed:

a) Make a folder in which to store all of your web site files.

b) Put your graphics in your web site folder.

c) Name and title the first page of your web site.

d) Type your text on the web page and add your graphics.

3. What does it mean to save and name your web page:

a) You must save it with an HTML file name.

b) Every basic web page is an HTML file, so you must save it as such.

c) Browsers recognize HTML files as web pages, so you must name each page (of a basic site) with an HTM or HTML file name.

d) All of the above.

4. Why should you title your web page:

a) The title is what appears in the title bar in the browser.

b) The title is what appears in a visitor’s bookmark or favorite list.

c) The title is used by many search engines to add the site to their databases.

d) All of the above.

5. What restrictions are on title names, as opposed to file names?

a) No capital letters.

b) No spaces.

c) No apostrophes.

d) None of the above.

6. If you make graphics, what reason could there be for saving the original, high-resolution files that won’t be used in the web site?

a) You might need them for print media.

b) You might need to go back and make changes or corrections.

c) You might need to make more of the same, such as buttons.

d) All of the above.

7. Why should you establish a relationship with a host provider before you make your first web page?

a) They need to tell you how to name your first page.

8. If you must rename or move a file, how can you fix the code?

a) By hand.

b) Delete the old file from the page and replace with the new file.

c) Use site management software.

d) All of the above.