|
Basic HTML and css—Personal Web Page (site)
assignment
Instructions/Requirements
- 2pts. Create a new
web
folder
- 1 pt.
Create an images subfolder
- 1pt.
Create a css subfolder
- 1 pt.
Create an index.html (or index.htm) page in the web folder
- 1 pt.
Create a css file (name it style.css or fam.css or something related
to your site). This should be saved in the css subfolder (bonus)
- 1pt.
Type code into the head section of the index.html that links to the
css file. (bonus)
- 1 pt.
Give the page an appropriate title
- 1 pt.
Define an appropriate DOCTYPE in your html code (not bonus, but I
you will have to research this--try w3.org)
- 3 pts. Divide your document into sections.
Each section should be labeled with a H1 or some other level
and use an <hr /> to create separation.
Sections should be Personal info, school info,
extracurricular info, or family info, etc.
You have some flexibility here.
- 1 pt. Insert Picture (it must be stored in the
images subfoler)
- 1 pt. Hyperlink to
another web site
- 1 pt. Email link
Example
<a href=”mailto:sullivans@westprairie.org”>Mr. Sullivan</a>
- 1 pt. A bulleted or numbered list
- 1 pt. A table structure of some sort.
- 1 pt. Use css to modify the body background
- 1 pt
Use css to modify the body font face
- 1 pt
Use css to modify the body font color
Bonus:
- On number 9 above:
You may choose to venture out and create a traditional web
page structure using a table structure, or using css and controlling
<div> tags. You can also use a combination of table structure and
css. If you use a table
structure, I will give you 10 bonus points.
If you create this using css and divs or a combination of
tables and divs, then I will give you 20 bonus points.
- The structure of each page should have a Top
section, a Nav section, a Content section and a Footer section.
- Instead of dividing the document into 3
sections, you will need to create 3 pages, one being named index and
the other two something self-explanatory.
There needs to be links to the other two pages on each page
in the nav section and the footer section.
- The footer section should also have some
copyright info.
- Also: I will grant an additional 5 bonus
points if you complete all parts of the assignment and then can show
that your html and css validate.
|