Project 1

HTML & CSS

Getting Started

Store all you work in a folder called project1. No spaces. No capital letters.

You will create a zip file of this folder called project1.zip and submit it via Blackboard. It is important that the folder and zip file name are correct. No spaces. No capital letters.

Resources

The zyBook, this CSS References, and this HTML Reference are helpful. Please use them.

Resume Web Page

Create a single web page named resume.html that validates as HTML5 and uses at least 10 HTML tags and 10 difference CSS properties. Each HTML tag you use should have at least one CSS property applied to it. You can use the same CSS property for multiple HTML tags and an HTML tag can use several CSS properties, but overall there must be 10 different HTML tags present and 10 different CSS properties present.

If you take this part of the project seriously, you can use this resume for seeking internships and employment. Make the resume look clean and professional. Include your education background, job experience, and skills in addition to other sections of your choosing.

To protect your privacy, I will not share your work publicly. If you do not wish me to know your contact information you use fake info, i.e., Phone 555-123-4556, Address: 123 Road St.

If you choose, later in the semester, you can publish your resume publicly using our development server or more permanently using Github.

Grading

Points	Description
10	Quality and quantity of content. I'm looking for a complete resume that is clean and professional looking. Strive for subtle use of CSS, nothing too flashy.
10	Appropriate usage of 10 or more HTML elements
10	Appropriate usage of 10 or more CSS properties
5	Page must validate as HTML5

My Little Pony Website (or another set of characters of your choosing)

Create a website with at least 3 (but no more than 5) web pages. Each web page should be about a particular My Little Pony character. It should contain different sections with paragraphs and one or more images. You can take content from other sources, but be sure to cite your sources by either noting them in an HTML comment or by using an actual HTML cite tag. Alternatively, you can choose another "theme." Examples include: Game of Thrones, Big Bang Theory or my personal favorite, The Golden Girls.

Each web page should have a consistent "Website Header" and navigation menu. Use the header and nav tags to help identify these areas. The navigation menu should have hyperlinks interconnecting all of your pages. Later, we will use scripting to "pull" common content elements such as headers and navigation menus from shared files/sources, but for now each of your pages will have to manually include the header and menu. Thus, you can develop these elements on one page and simply cut and paste them to the other pages.

You should use at least 12 different HTML tags to structure your content, website header and navigation menu. You should use at least 12 different CSS properties to style your HTML tags. Each HTML tag you use should have at least one CSS property applied to it. You can use the same CSS property for multiple HTML tags and an HTML tag can use several CSS properties, but overall there must be 12 different HTML tags present and 12 different CSS properties present.

Rather than use embedded CSS, your pages should share a single linked style sheet.

Grading

Points	Description
18	Quality and quantity of content. I'm looking for pages that appear complete with several paragraphs of content, at least one image and structured content such as lists or tables.
18	CSS styling. Your pages should be full of non-trivial and original CSS styling to achieve a typical layout that helps to decorate the content. Here you can be flashy or clean/functional. You will not be graded on the aestetic/artistic quality, but rather the amount of effort.
12	Appropriate usage of 12 or more HTML elements
12	Appropriate usage of 12 or more CSS properties
5	All pages must validate as HTML5