This will be an opportunity to work with
a table. Tables are the most important technique for
arranging the appearance of a web page. If you visit other
professional web sites and view the
source code, you will find that the use of a table makes the layout of a
page very readable. You will be expected to use a table for all of
your web pages from this point on. Graphics and words can easily be placed on a
page with easy control.
For this
assignment you are to convert the table below to one that matches your
school schedule this year. It
should look something like the table below. Use a
color for the table background (purple was my choice) and a different
color for the cell background (teal was my choice). This gives the
appearance of a border. I actually just spaced the cells out so that
the purple table background showed through. Pretty cool, huh?
Since
tables are kind of a pain to type in html code, I encourage you to cheat
by using this page as your template. Yes, I am saying that it is OK to
cheat for this assignment. By viewing the source code and highlighting it,
you can copy and paste it into "Notepad." Once it is in Notepad,
you can just change the words that do not apply to your schedule. Make the
necessary adjustments and be sure to save often. Remember to always save
your Notepad file as a .htm rather than a .txt file.
Probably
one of the first steps will be to remove this paragraph from your table.
The words you are reading now are located between a tag <tr> and the
ending tag </tr>. If you type this <!--
in
front of the <tr> for these paragraphs and your type -->
after the </tr>, this part of the table will not appear once you
save and view the page again. Just be sure to "Refresh" the
screen.
The
last table row of this table needs to be kept and used to describe what
you do after you leave school. Give general information only, such as the
sports you like to do, the time spent on homework, and other activities
and interests you have.
By
the time you finish working your way through the existing table code,
you should be ready to begin the next phase of this assignment. You are
to write at least five sentences giving a full description of
each of the classes you have listed above in your schedule. Do not make
your descriptions in the the existing table. Instead, use the space
below the existing table. This
includes a description of your time spent at lunch.
Once
you have written your descriptions, use the "<blockquote>"
tag to make the description paragraph indented to be about even with the
table border that is above it when you are viewing the page in a
maximized full screen. You may have to use several of the <blockquote>
tags to get the effect requested. Do not forget to use the ending tag
for the blockquote as well.
Tell us a little about yourself. Also,
check out the source code of other pages to find out how to add a
background color or a background image. You will find the code for both of
these in the body tag portion of the code.