ࡱ > - / , 7 N bjbjUU $ 7| 7| 4 l X X X X X X X l 8 0 < l u
d d " $ + K
X
X X /
j X X
^
X X X j5l X E
0 u
H N
l l X X X X Information Technology Department (Web Site) Week 3
This week's lesson is to create the front page of your web site,
The front page, Home, or Index page is critically important to the success of your site.
It needs to grab your users attention.
Clearly identify what product or service that you are offering
Offer easy to use and understandable links to the rest of the site
It should load quickly into the browser.
If you want to see what I put together for Wipeout Surf Apparel, Double-click on Sample Graphics-based Home Page
Let's get a listing of the one that I created for Wipeout Surf Apparel
Follow these steps to get a copies of these files
After the file loads, Click on VIEW
Click on SOURCE
Click on EDIT
Click on SELECT ALL
Click on EDIT
Click on COPY
Open Notepad
Click on EDIT
Click on PASTE
Save the file using an .html extension
Print it out.
Now load the one your department has agreed upon using either the text-base or graphical approach into Notepad and printout a listing. Use mine as reference when creating your own home page.
We are going to modify one of the navigational files that you used in the last lesson. - The one your department agreed upon for your home page.
We are going to add some lines to it to make your Index or Home page.
Load the home page file that you created it into Notepad.
Open it in the browser also so you can see the results of your changes.
Check title, link, Headlines controls, etc.
Regardless of whether you are using the text-based or graphical approach, the instructions for the rest of this lesson would be the same.
Another table might be a good choice to go below the navigational controls. We need to show the user what we are selling. Since the example that I have been using sells surfing sports apparel, I chose to use pictures of some of these outfits.
Contact your Sales and Marketing Department to obtain digital images of a few of the items in your product line. You don't need all of them at this time.
I found many images available on the Internet. If you right-click the picture, you can copy and paste it into your folder.
Do let Sales and Marketing know, that by week 9 you will need the complete product line. Let's start making changes after the Heading 3 Notation
The next text is centered using,
.
I put the logo in the first cell. Set the size and border as you like
The second cell contains a picture of one of our products. The file is called "shorts1.jpg". See how the
is inside the table cell.
The next 2 cells contain pictures of other products and are formatted in exactly the same way.
The tag is the paragraph tag. If there were text following it, it would be formatted according to the properties of the tag found in the style.css file. Remember to keep the style file and your other files in the same directory. Since it has no text next to it is just a vertical double space. The last cell in the table contains a listing of the products that Wipeout carries. A headline two tag, appears in front of the words "We Carry". Headlines are controlled by the style file as to format and color.
In the next table data cell, we will have a numbered ordered list. Remember our style sheet file. This page takes its directive as how to format this list from the style file
To invoke that style we begin with | , the ordered list, and the table,