The second project assignment extends the structured content developed in HTML by adding formatting and layouts using Cascading Style Sheets. Read the assignment carefully and complete each part of the assignment as directed. All assignment files should be stored in a single folder. Name each folder with the assignment name and your username. The folder for Assignment 2 should be named asn2-clementft. Compress and archive the folder and rename the archive asn2.zip. Upload the archive on Moodle.
Style Sheet Requirements
Create an external CSS file and link the file to each of the HTML pages. Then, define a series of CSS selectors and rules that format, design and organize the content in the web pages. Specifically, you must develop a set of styles that:
1. Creates a consistent typography (font family, size, etc.) throughout the site
2. Develop a color palette choosing primary, secondary, background, highlight and other colors. Apply the color palette consistently throughout the page
3. Use margins, padding and alignment to separate content on the page
4. Create a layout using CSS and DIV elements to organize content on the page
Selector Requirements
Furthermore, among the styles created above you must use at least the following selector types:
1. Three (3) tag selectors ( )
2. One (1) class selector (.important) – has to have attribute class =”important”
3. Two (2) id selector ( #navigation ) – id =”navigation”, only once per page
4. Two (2) grouping selectors ( p, h1, h2 ) – all <p> <h1> <h2>
5. One (1) pseudo-class selector ( : ) – hovering over element, visited. When you hover over the link in the example, it will change color.
**Single external style sheet!
Use the order calculator below and get started! Contact our live support team for any assistance or inquiry.
[order_calculator]