Assignment 8 HTML

Assignment 8 - HTML
In this assignment, you will create three linked web pages on you and your interests.
Please save these pages to a directory named inls461. Upload the entire directory to your public_html
space.
Please do the HTML tagging by hand, using NotePad or WordPad
Do not use an html editor. You will need to write the code yourself in wordpad, notepad, or
NoteTab. (If you use NoteTab, do not use any of the creation options.)
If you use an html editor, you will receive 0 (zero) points for the assignment.
You will be creating a total of three linked pages. You must be able to move from one to
any of the others without returning to the home page or using the back button on the
browser. (you will have some sort of consistent, logical links area - sidebar or header.)
Page 1- Home page: Create a webpage which explains who you are. It should contain
the following topics, reflecting your personality:
interests
hobbies
favorites (or current) reading list
favorite movie list
current academic
social interests and activities
Be sure to include links from your interests to resources on the web. This home
page should contain elements of good navigation and clear links to other portions of your
webpage.
- Save this page as index.html
example of page 1 - home page
Page 2 - Schedule page: Using tables, create your current work and school schedule. This page should
include the same (or similar) elements of good navigation and clear links to other portions of your
webpage.
- Save this page as schedule.html
Page 3 - Interests page: The third page containing your ten favorite websites with a short paragraph
about them (two sentences). This page should include the same (or similar) elements of good navigation
and clear links to other portions of your webpage.
- Save this page as interests.html
All data should be marked up in a clean presentation using elements that show off your skill in creating
tables, lists, formatting of text and designing style wisdom. All work should be hand coded. You may use
ideas from other web pages and learn from their code but you must hand code every tag in this
exercise.
Use the following (minimum) formatting or web elements in your pages:
header elements <H1></H1>, <H2></H2>, etc.

Paragraph breaks <P> and line breaks <BR>
Horizontal rule(s) <HR>
Serena Fenton
inls461
Assignment 8 - HTML
At least one table

An un-ordered list (this is an un-ordered list)
Use 2 colors in the background or in the tables within the same page
(try this color scheme generator)
At least one image per page.
Upload to your web space. Verify that your page is visible to the public using a web browser.
Validate your html using the w3's validator (validate by url). Fix any errors and then post the valid html
icon on your page!
Grading Rubric: 100 points possible
5 pt - Creation of three web pages

10 pt - Consistent design and layout used on all three pages
10 pt - Consistent links connecting pages
15 pt - Correct use of page elements: doctype, head,body,html
5 pt - following metatags on all pages:
o title
o author
o description
5 pt - use of one specified font family (do not specify just single font style)
5 pt - horizontal rule
5 pt - Use of at least one Header element (H1, H2, H3, H4, H5, H6)
5 pt - Use of two colors (in tables, fonts or background)
5 pt - Images with alt tags
15 pt - Creation of valid table(s)
5 pt - List (ordered or unordered)
10pt -html validation and inclusion of validation icon (see below)
Note: all pages must be hand coded, not using html WYSWIG program.
Use of MS Word, FrontPage, DreamWeaver, InDesign, or similar program will
result in a grade of zero !!
These pages will be easier to create if you may a basic template with defined regions. Indicate
the regions by using comments. 
Serena Fenton
inls461
Assignment 8 - HTML
This is a template for the MINIMUM that you will need in terms of elements
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>page title</title>
<meta name="author" content="who done it?">
<meta name="keywords" content="done what?">
</head>

<body bgcolor="#E4E6CA">
<hr>

<h2>Serena Fenton - interests and ambitions</h2>
<hr>

<table width="100%">
<tr bgcolor="#FF3300">
<td>home</td>
<td><a href="schedule.html">schedule</a></td>
<td><a href="links.html">interests</a></td>
</tr>
</table>
<br>
<hr>

<p><font face="Verdana, Arial, Helvetica, Sans Serif" color="#800000">colored
text title no special sizing</font></p>
<hr>


<h3><font face="font family">Section Header</font></h3>
<p>paragraph of information</p>
<p>list information</p>
<ul>
<li>list item </li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
<p>paragraph of information</p>

Serena Fenton
inls461
Assignment 8 - HTML
<center>
<img src="picture.jpg" alt="picture name">
</center>
<br>
<hr>

<a href="mailto:fents@ibiblio.org">email me!</a>
</body>
</html>
Serena Fenton
inls461

Assignment 8 HTML

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Assignment 8 HTML

Diunggah oleh

Hak Cipta:

Format Tersedia

Assignment 8 - HTML

header elements <H1></H1>, <H2></H2>, etc.

At least one table

5 pt - Creation of three web pages

Anda mungkin juga menyukai