Advanced Computers - Web Design
Messmer High School
Project 2 in the Unit 5 project list. For Project
2 in Unit five we want a Solar
System table with two columns and six rows. In this table the words in
the table will be links to web sites about the sun and planets. You may
use the web site links you used in Unit four. You may be able to save some
typing using Unit 5 Project 1 as a base for this project, but with Arachnophilia
it might be easier to start over.
Here is a suggested sequence of steps that will help you write Project
2 from the Unit 5 assignments.
-
Review Mini-chapter 12 in the online textbook about Tables and Minichapter
4 about Links. Tables are one of the most important techniques used
in building web sites. They are very flexible and after a while you
will notice them everywhere. We will be placing links inside the table, which
is a very common technique on pages that you have seen many times when surfing
the web.
-
Create a new folder for this assignment in My Documents. Call it Week5P2.
You will put everything you need for this project in this folder. Do
not put anything else in this folder.
-
Make one blank HTML program. Call it planet_table_2.html. Include
the html tags, the head tags, the body tags, and the title tags. Write
the page so that inserting html code is easy. Use vertical alignment
for the various opening and closing tags. You should use Arachnophilia
for this. You might also copy the completed project from Week5p1 as a base
for this project, though you will probably find it easier to start over.
-
Add the title as follows - Week5P2, a hyphen, and your first and last
name.
-
Add the standard comments in the heading section, including your name,
project title, date, and short description of the project.
-
Use the Table wizard in Arachnophilia to create a table with two
columns and six rows. Set the border width equal to three, the cell padding
equal to 0, and the cell spacing equal to 0. Include placeholder data by
checking Placeholder Data box.
-
Turn on the background color on by checking the Color Background box. Set
the background color to Blue by clicking on the Background button and selecting
a blue color.
-
Turn on border color by clicking Color Border button. Set the Border Color
to red by clicking the Border button and selecting a red color.
-
Turn on the title color by checking the Titlecolor First Row box. Set the
title color to green by clicking on the Title button and selecting a green
color
-
Bold the first row by checking the Bold First Row box..
-
In Row 1 Column 1 place the title - The Solor System
-
Begining in row 2, fill in the rest of the cells in the table with
the names of the Sun and the nine planets.
-
Use the href tags to make the name of every planet a link to a web site about
that planet. You may use the same web sites as you used in the Unit four
projects. You should have an href tag inside every cell in rows 2 through
6. Refer to your unit 4 projects for these tags.
-
Test your program and see that it works correctly. Show your instructor
the source code in the Arachnophilia online.
-
Save and print your source code. If you finish early help someone near to
understand this project better.