Assignment 4
Modify the website created in Assignment 3 to include CSS styling. You have total freedom over the page format and content.
Required Knowledge & Skills
- SublimeText 3 (Optional)
- W3Schools (Reference)
- External CSS
Assignment Instructions
Create a new page alongside the web page created in Assignment 3.
Note: For this assignment, all CSS styles will be in the external CSS file unless specified otherwise.
Submission - Add your folder (with all the html/css/image files) in a zip file. Upload this zip file to Blackboard (You can attach files in your submission)
Note: For this assignment, all CSS styles will be in the external CSS file unless specified otherwise.
- Title of the page should be- "Assignment 4 - [Username]" (5 points)
- Add an identical navigation bar on both pages that allow users to jump between the pages (10 points)
- Use CSS to remove the default underline for link in the navigation bar. (5 points)
- Modify your web page from Assignment 3, such that there is minimal inline styles on the page. All styles must be moved to a common external CSS file that is included on both pages. (5 Points)
- On your new webpage, you must have at least one element the the "id" CSS selector, and one with the "class" CSS selector. (10 points)
- The new page should contain at least 3 h1 headings, and at least 3 paragraphs. (10 Points)
- All h1 headings should have the color: rgb(153, 102, 51) and size: 15px (5 Points)
- Create a list with at least 6 items, such that 3 items are on the left, and 3 items are on the right. (Use float, not tables). (10 Points)
- Each list item should have a margin of 10px above it and 10 px on the right. (10 Points)
- Add an image, and use CSS to style it into a circular shape. Checkout the 'border-radius' property. (10 Points)
- Use inline styling to override the CSS for the first h1 heading so that it is red in color. (5 Points)
- Use the CSS class/id selectors correctly. i.e. common styling to multiple elements must be applied using 'class', and use 'id' for unique stylings. (10 Points)
- All of the above are the minimum requirements. Feel free to add additional HTML elements and CSS of your choice. (5pts)
- Indenting the CSS and HTML code correctly as shown in class. (5pts penalty for unindented code)
- Find a way to change the color of the links on the navigation bar when the mouse hovers on it. (Bonus 5pts)
Submission - Add your folder (with all the html/css/image files) in a zip file. Upload this zip file to Blackboard (You can attach files in your submission)
Grading Rubric as specified in instructions | Submission Instructions
Total Number of Earnable Points: 100 Points
Approximate Time to Complete: 4 Hours
Due Date: see Syllabus or Blackboard
Approximate Time to Complete: 4 Hours
Due Date: see Syllabus or Blackboard