Assignment 3: CSS
CSS
In this assignment, you are to use CSS to style. your assignments home page-from the Unix assignment-and original pages about you-from the HTML assignment.
Instructions
Using a plain text editor, write CSS code for the web pages you've created for the first two assignments.
Here is a list of required elements to include for the assignments home page.
○ Create an internal style. sheet (within the <head> section of the document) with at least two different CSS rule sets (consisting of a selector and declaration block) for your assignments home page.
○ Your assignments home page should also include two or more different inline style. rules -as style. attributes of HTML elements.
Here is a list of required elements to include for the website about you.
○ Create one external style. sheet (.css document) with at least six different CSS rule sets and link it to all of your original HTML pages, about you.
○ Your style. rules should specify font family and font size for paragraph and heading text, and link states including link, visited, hover, and active.
○ You should specify a background image and/or background color for your pages and style. some other aspect of the CSS box model, such as border, margin, or padding.
○ Create two or more class attributes somewhere in your HTML that are targeted and styled with CSS.
○ Create an id attribute somewhere in your HTML that is targeted and styled with CSS.
○ Use CSS flexbox to arrange items along one axis-such as menu bars, paragraphs of text, and/or images.
Beyond these requirements, feel free to include additional CSS to design your pages as you like. Remember to test your pages locally in the web browser as you proceed.
Publishing Your Site
Upload your files (including the HTML, CSS, and image files) to the i6 Unix server with an FTP client. Test your files again in the web browser once they are live on the server to make sure they are accessible.
Finally, create a link from the "CSS" line of your assignments directory to the home page of your newly styled website. Note: These can be the same websites (and links) you submitted for the Unix and HTML assignments, with CSS added.
Submitting Your Assignment
Submit the following via NYU Brightspace. More information on submitting files with NYU Brightspace is also available here.
○ The URL to your website on i6
○ A compressed archive containing all the files (HTML, CSS, and images) of your web pages
Please note that you are required to submit files along with the URL in order to receive credit for your work.
Grading
This assignment is worth 10 points.
○ The assignments home page should include an internal style. sheet—within the <head> section of the document—with at least two different CSS rule sets. (1 point)
○ The assignments home page should include two or more different inline style. rulesas style. attributes of HTML elements. (1 point)
○ One external style. sheet (.css document) with at least six different CSS rule sets, linked to all of the student's "about me" pages from the HTML assignment. (3 points)
○ Style. rules should specify font family and font size for paragraph and heading text, and link states: link, visited, hover, and active. (1 point)
○ A background image and/or background color should be specified for the pages. Some other aspect of the CSS box model, such as border, margin, or padding, should also be styled. (1 point)
○ Two or more HTML class attributes, targeted and styled with CSS (1 point)
○ An HTML id attribute, targeted and styled with CSS (1 point)
○ CSS flexbox is applied to arrange items along one axis (1 point)
Points may be deducted for improperly formed HTML or CSS.