In this assignment you will be creating an external CSS stylesheet, linking it to the provided HTML document and uploading both to the Web.
Instructions
- Open the provided “Wk11Broadway.html” file (attached)
- Familiarize yourself with the content
- Think about how you want to style it (sketch it out)
- Add <div> tags to group content
- If necessary for your design, add ID or Class attributes to any element as needed
- Open a new document in your code editor and save it as “Wk11BroadwayStyle.css”
- Add the following character encoding and document description to the top of your CSS document
@charset “UTF-8”;
/* CSS Document */ - Add a CSS comment that lists your chosen color palette – Follow web safe colors as much as possible.
- Example:
/*ASU Color Palette
#990033 – Maroon
#FFB310 – Gold
*/
- Example:
- Style using ALL of the following CSS properties with any values (don’t focus too much on making it look good, focus on using the properties and values).
- font-family
- font-size
- font-weight
- background-color
- line-height
- margin
- padding
- border
- height
- width
- float
- clear
- Add the following character encoding and document description to the top of your CSS document
- Externally link your “Wk11BroadwayStyle.css” to the “Wk11Broadway.html” file using the appropriate tag and attributes
- Upload your “Wk11Broadway.html” and “ Wk11BroadwayStyle.css” files to your ASU web space
- Validate your CSS at http://jigsaw.w3.org/css-validator/ and fix any errors
Submit
Submit just the URLs for “Wk11Broadway.html” and “ Wk11BroadwayStyle.css” to this HW submission link.
Due Date
This assignment is due by Monday, Oct 31st @11:59PM MST.
Grading
This assignment is worth 50 points.
broadway-buzz.png
wicked-playbill.jpg
jersey-boys.jpg
jersey-boys-playbill.jpg
wicked.jpg
Wk11Broadway.html
lion-king-playbill.jpg
lion-king.jpg
check the page screenshot and do the same


0 comments