• Home
  • Blog
  • External CSS Stylesheet, assignment help

External CSS Stylesheet, assignment help

0 comments

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

  1. 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
  2. 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
        */
    • 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
  3. Externally link your “Wk11BroadwayStyle.css” to the “Wk11Broadway.html” file using the appropriate tag and attributes
  4. Upload your “Wk11Broadway.html” and “ Wk11BroadwayStyle.css” files to your ASU web space
  5. 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

About the Author

Follow me


{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}