First HTML Project - Grading Rubric

All work is to be done in basic HTML. Save in your folder.

Topic = How to improve yourself, your school or the world.

Note - If you want to work on webpage scripting outside of class, you can use the Text app on your Chromebook to write html files, just remember to use .html as the extension, not .txt

Requirement
Point Value
Name, Date and Period in upper right corner of the page - <p align=right> text here </p>
2
Web Page title in the browser heading - <title> name of page </title> 1
Background other than the basic default white - <body bgcolor="#ffff99">
2

Page title centered - <center> text or image </center>

2

At least 1 horizontal ruler - <hr>

2

At least 2 images - <img src="filename.jpg"> - filename is what you named the picture

2

At least one image as a hyperlink - <a href="URL"> <img src="filename.jpg"> </a>

2

At least 4 links to other web pages - <a href="URL"> name of webpage </a> (URL is the entire webpage address)

2

Must have a hyperlink to the RCMS school web page

1

Must have a hyperlink to the Apple Computer Class web page

1

Must have at least 3 items in list format - Choose <ol> or <ul>, use <li> for each item in the list, </ol> or </ul> at the end of the list

2
Different styles of text - <font face="name of font">  text - </font>
2
Different sizes of text - <font size="xx">  (xx is the size that you want), text - </font>
2
Different colors of text - <font color="#xxxxxx">  (xxxxxx is the color that you want> - text - </font>
2
Total Points Possible
25



If everything is completed early, you may also do the following for extra credit (only if the above is complete).

Extra Credit
Point Value

Ordered list and unordered list (whichever was not done previously)

1

Italics

1

Bold

1

Border on image

1

Superscript and/or subscript

1
Total Points Possible
5




To make an image smaller > Double click to Open in Preview > Tools > Adjust Size, change the width to a smaller size and the height will also adjust.  Save the file and refresh/reload your webpage.


Here is a sample
Here is another sample

To Save this page and make notes as shown on the right

In Safari, go to >
File > Export as PDF > Save in home folder. 

Open in Preview and highlight as needed.

Back to the Apple Computer Class Webpage