Page Redesign Exercises

Introduction

A client has asked you to make his personal web page "pretty".

Objective

Use what you have learned about CSS and web design to improve the design of the provided web page. The redesigned page should be optimized for multiple screen sizes, browsers, and devices. It should also be visually appealing and fulfil the general requirements of the assignment.

Requirements.

The following requirements must be met in order to complete the assignment successfully:

1. Download the Page Redesign starter files. Inside the starter files will be index.html, base.css, style.css and images folder.
2. All the changes must be made to the style.css file. Do NOT change the index.html or base.css.
3. The CSS should be valid and well formatted.
4. The CSS should use the minimal specificity required to override the base styles. Do NOT use !important
5. Comments should be provide in the CSS explaining what your code does and why you chose to use it.
6. The redesigned page should respond to different screen sizes.
7. The redesigned page should be functional and visually appealing across multiple browsers. At the least on Chrome, FireFox and Safari.

Rubric

Criteria	Excellent	Satisfactory	Marginal	Unsatisfactory
	15 Points	12 Points	9 Points	6 Points
Layout	The layout demonstrates superior layout that transitions seamlessly between screen sizes and optimizes on all browsers.	The layout is responsive and optimized for multiple browsers and screen sizes.	The layout is partially responsive, but was not optimized to work well on multiple browsers and screen sizes.	No meaningful attempt was made to create a responsive layout.
	10 Points	8 Points	6 Points	4 Points
Design	The design is outstanding and creative with excellent use of colors, fonts, and whitespace.	The design is appealing with good use of colors, fonts, and whitespace.	The design is lacking in choice of colors, fonts, and whitespace making the site difficult to use.	The design is unappealing with poor use of colors, fonts, and whitespace.
	15 Points	12 Points	9 Points	6 Points
Specificity	The selectors used had minimal specificity	The selectors used had reasonable specificity	The selectors used had excessive specificity	The selectors used were inadequate to override the base styles.
		5 Points	3 Points	2 Points
CSS		The CSS is well formatted and valid.	The CSS is valid but poorly formatted	The CSS is invalid
		5 Points		0 Points
Comments		Thoughtful and adequate comments were provided		None or inadequate comments were provided

Maximum Points: 50

Submission

Submit only the style.css file to the Page Redesign assignment on BrightSpace.