Loading

[NEW SOLN] WEBD 125 WEEK 2 ASSIGNMENT ADDING SEMANTIC HTML AND CSS TO YOUR SITE

[SOLVED] WEBD 125 WEEK 2 ASSIGNMENT ADDING SEMANTIC HTML AND CSS TO YOUR SITE: This week you will take what you learned about semantic HTML and CSS and mark up improvements to the basic site that you created last week.

[SOLVED] WEBD 125 WEEK 2 ASSIGNMENT ADDING SEMANTIC HTML AND CSS TO YOUR SITE: Instructions:

  1. In your local root, create a file called ‘styles.css’ in your ‘css’ directory.
  2. Link to the ‘styles.css’ sheet in the head of your ‘index.html’ using a relative path. Be sure the path is correct, and all required attributes are included.
  3. Change the title to “Firstname Lastname: Week 2”.
  4. Add an ID of “header_h1” to the first <h1> tag.
  5. Nest your <ul> element inside a <nav> tag.
  6. Nest your <h1> and your new <nav> inside a <header> tag just after the opening <body> tag.
  7. After the closing </header> tag, add a <main> element.
  8. [SOLVED] WEBD 125 WEEK 2 ASSIGNMENT ADDING SEMANTIC HTML AND CSS TO YOUR SITE: Inside this main element will be nested two <article> elements, each containing one of the <h2> tags and a <p> tag with the placeholder lorem ipsum content.
  9. After the last </article> and before the closing </main> tag, add a <footer> element with  ‘<p>Footer</p>’ nested inside. 
  10. Add a class of “home_article” to both article tags.
  11. Make the following CSS changes in your style sheet:
    1. Select the ID in the H1 tag to change the color of your name to “red”.
    2. Select the class in the articles to give them a background color of “lightgray” and padding of 10 pixels.
    3. Ensure the styles are working, if not check the path to the stylesheet in the <link> element.
  12. Save all your files and FTP everything to Coton.
  13. Submit the the URL to your web site. It should look like the following example:
    https://coton.champlain.edu/WEBD12545/user.name/html/index.html
Download Details
$11.99
Category
Tag
, , , , , , , , , , ,
Details
Social Share
Author
Support