FIT 100

LAB 6:  Enhancing Your Web Site

(Getting the jump on Project 1, part 2)

Autumn 2001

 

Readings for Lab 6:

·         Chapter 4 of the FIT course pack

·         The following help files, written by Eric Riley, MLIS

o        Reference Tags

·         This page links to all the example pages for various tags:

o        http://www.w3schools.com/html/html_examples.asp

 

Reference material:

·         Chapter 9 of the HTML For The World Wide Web

o        You aren’t expected to read this word for word-but you should be able to use the table of contents and index to find reference pages for what you need

·         W3 Schools

o        http://www.w3schools.org/     
Click on the
HTML School link and use the menus provided on the left to find the reference you need

 

 

Introduction: 

The purpose of this lab is for you to take all that you have learned about Web authoring and use it to jazz up your home page as well as give you practice for Project 1, your Web Site of Misinformation.

 

While there are a few minimum requirements that will need to be met, the important component of this lab is to be creative! In doing this assignment, don’t forget to use the Web as a source of inspiration (and code!).  Remember to use the resources available to you.  What you do for this lab will be valuable in making your web site of misinformation all the more authentic. 

 

Remember that Project 1, part 1 will be due no later than Noon, Friday, October 19th. 

 

Objectives:

  • To design and implement a Web site using HTML that appears authentic by evaluation criteria standards.

 

 

To Do:

Continue to add to your Lab2.html file.

 

Minimum page requirements:

  1. Experiment with background color and texture, selecting something other than the default white (requires editing the BODY tag of a Web page).

·         Change the background color of your page to your favorite color.  If you change the color to something dark, you may need to change the font color of your text to a lighter color.

OR

·         See if you can use an image as the background of your page.

·         Use the background attribute of the body tag. 
<body background="picfilename">

 

  1. Insert at least 3 links

·         Place the URL’s of three of your favorite sites, or 3 sites you will use for Project 1-you choose.

 

  1. Format sections of text to demonstrate different fonts, sizes, and colors.  Consider how the font, layout, language and design of the page can be used to enhance credibility. Use these fonts to distinguish between sections, titles, etc.
    Colors: http://www.w3schools.com/html/html_colornames.asp

 

  1. Insert at least one image that you have altered in Photoshop. This image should probably be related to your Project in order to save yourself some work!!!!!

 

  1. Insert a table with at least 2 cells. This information is in Chapter 9 of the HTML book.  The cells of the table can contain text or images. You can also get help at:
    http://www.w3schools.com/html/html_tables.asp AND
    http://www.w3schools.com/html/tryit.asp?filename=tryhtml_tables  

 

Tables will be helpful for part 2 of your project if you wish to recreate the criteria table for you disclaimer page.

 

  1. Use an image as a link to another page.

 

  1. Create an internal link that jumps to some other point on the page.  To do this you will create an in-page anchor.  (NOTE: If there is not enough text on the page so that a user has to scroll down, then the anchor tag will not do anything.) 

  2. When you have finished this page, show your TA.  Use what you have learned (and done) to enhance your Project 1 site to help you meet all the requirements for the Project 1.