Assignment 8

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

Hochgeladen von

Dokumentinformationen

Originalbeschreibung:

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Assignment 8

Hochgeladen von

Copyright:

Verfügbare Formate

Assignment 8 - HTML

Das könnte Ihnen auch gefallen