School Page Independent Project - Graphics, Tables & CSS 1

School Web Page

Create a web page with information about either your former high school or your favorite college.

When developing your web page, you must include a minimum of this mandatory information:

1. School’s name (Park University)

2. Address (8700 NW River Park Dr, Parkville, MO 64152)

3. Main telephone number (816) 741-2000

4. Top administrator’s name and position (Jackie Campell) and position (MBA Program)

5. School colors (gold and burgundy)

6. School mascot (Pirate)

7. Words to the school’s fight song or alma mater (look for it in google)

8. A minimum of two images (look for two pics for Park University in google)

9. A link to the school’s existing home page (www.Park.edu)

10. A bookmark link at the bottom of the page to take the visitor back to the top of the page

· Use the HTML5 standard and an external style sheet for your CSS. You will be creating all files and folders for this project based on the requirements below. No base files are provided.

· Create a folder called School_AlmoilyIeas. Inside, create a file called index.html to be used for your HTML code, a file named style.css to be used for your style rules, and a folder named images to hold your pictures.

· Make use of the school colors on the page (ex: background color, font colors, etc)

· Use a centered heading 1 at the top of the page with the school’s name

· Use at least two other heading styles within the page (your discretion)

· Utilize one or more horizontal rules to separate sections of your site.

· Use CSS to add style to your page with the below components as a minimum requirement. For the rule types in bold, you must add comments at the point each is used in both your CSS and HTML files.

· Include at least three HTML tag selector rules

· Define at least one class selector rule that can be used by any tag and apply it appropriately. You must comment in your CSS where this rule is created and in your HTML where this rule is applied.

· Define at least one dependent class selector rule and apply it appropriately. You must comment in your CSS where this rule is created and in your HTML where this rule is applied.

· Include one ID selector rule and apply it appropriately. You must comment in your CSS where this rule is created and in your HTML where this rule is applied.

· Include one group rule that uses grouping to apply the rule to more than one selector (you can use any combination of HTML selectors, class selectors, or id selectors). You must comment in your CSS where this rule is created and in your HTML where this rule is applied.

· Be sure both your HTML5 and your CSS validates with no errors.

Grading Rubric:

REQUIRED ITEM	POSSIBLE POINTS	POINTS RECEIVED
Folders and files named, located, and used appropriately; general comments included	3
All required content included and thought given to design concepts	11
Links work correctly	2
Color tied to school colors	1
School name centered heading 1 at top of page. At least two other heading styles used within page.	2
At least one <hr> horizontal rule utilized, styled at your discretion	1
At least three HTML selector rules	3
At least one class rule created and applied correctly; comments included in appropriate places	2
At least one dependent class rule created and applied correctly; comments included in appropriate places	2
At least one ID selector rule created and applied correctly; comments included in appropriate places	2
At least one rule that uses grouping to apply the rule to more than one selector; comments included in appropriate places	1
· Page validates per HTML5 standards · CSS file validated	If one file does not validate, you will receive a 10% deduction. If neither file validates, you will receive a 25% deduction.
Final Grade	30