New Solution- WEBD-125-40A Week 2: Assignment
$47.89$59.99
New Solution- WEBD-125-40A Week 2: Assignment
Week 2: Assignment - Adding Semantic HTML and CSS to Your Site
– Adding Semantic HTML and CSS to Your Site. 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. Adding Semantic HTML and CSS to Your Site
New Solution- WEBD-125-40A Week 2: Assignment Instructions:
- In your local root, create a file called ‘styles.css’ in your ‘css’ directory.
- 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.
- Change the title to “Firstname Lastname: Week 2”.
- Add an ID of “header_h1” to the first <h1> tag.
Description
New Solution- WEBD-125-40A Week 2: Assignment
Week 2: Assignment - Adding Semantic HTML and CSS to Your Site
– Adding Semantic HTML and CSS to Your Site. Adding Semantic HTML and CSS to Your Site
WEBD-125-40A Week 2: Assignment
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. Adding Semantic HTML and CSS to Your Site
New Solution- WEBD-125-40A Week 2: Assignment Instructions:
- In your local root, create a file called ‘styles.css’ in your ‘css’ directory.
WEBD-125-40A Week 2: Assignment, Adding Semantic HTML and CSS to Your Site
- WEBD-125-40A Week 2: Assignment 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. WEBD-125-40A Week 2: Assignment
- Change the title to “Firstname Lastname: Week 2”. Adding Semantic HTML and CSS to Your Site
- Add an ID of “header_h1” to the first <h1> tag.
- Nest your <ul> element inside a <nav> tag.
- Nest your <h1> and your new <nav> inside a <header> tag just after the opening <body> tag.
- After the closing </header> tag, add a <main> element.
- Inside this main element will be nested two <article> elements, each containing one of the <h2> tags and a <p> tag with the
New Solution- WEBD-125-40A Week 2: Assignment
Adding Semantic HTML and CSS to Your Site
- After the last </article> and before the closing </main> tag, add a <footer> element with ‘<p>Footer</p>’ nested inside.
- Add a class of “home_article” to both article tags.
- Make the following CSS changes in your style sheet:
- New Solution- WEBD-125-40A Week 2: Assignment. Adding Semantic HTML and CSS to Your Site
- Select the ID in the H1 tag to change the color of your name to “red”.
- Select the class in the articles to give them a background color of “lightgray” and padding of 10 pixels.
- Ensure the styles are working, if not check the path to the stylesheet in the <link> element.
- Save all your files and FTP everything to Coton. Adding Semantic HTML and CSS to Your Site
- 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
Week 3: Discussion – Chrome Developer Tools
WEBD-125-40A Week 2: Assignment, Open any one of your favorite websites in the Chrome browser, and inspect the page using what you’ve learned about the Chrome developer tools from the articles/video in the lectures. WEBD-125-40A Week 2: Assignment Write a post explaining which element you’re exploring using the developer tools, and what makes it useful.
Please submit your initial post by Wednesday at 11:59 pm and all follow-up posts by Sunday at 11:59 pm. The discussions grading rubric is used for this assignment.WEBD-125-40A Week 2: Assignment
sol. Adding Semantic HTML and CSS to Your Site
