[an error occurred while processing this directive]
Go to Bottom Nav - August 21, 2017 - No exercises at this time - ERRORblah Happy Holidays and Semester Break!

Overview

For exercise seven, construct another page that is linked to and from your index.html page. Use external and internal style sheets to format the text and margins of your page. As a flourish, use a local style to specify the color of one of your headlines.

Important note: The exercise video linked below references Color Scheme Designer 3, a site with helpful tools to pick your site color palette. The site owners have created another domain/location for these tools at paletton.com (http://paletton.com/). Some of the tools are changed and improved, enjoy!

YouTube video demo one: http://youtu.be/ljQN-qXPKYQ
And part two: http://youtu.be/r6fUJM-PF3A

Remember to take Quiz 7 and contribute to the topic related discussions on Blackboard Learn+ as well.

You must fill out the exercise feedback form to recieve credit for any assignment.

Details

  1. Create another HTML page; name the file as you wish and save it with your other HTML files on your hard drive. Use the skeleton below or write your own.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>


<p>
<!-- validator code using text links -->
<a href="http://validator.w3.org/check?uri=referer">Validate HTML</a>
&nbsp;|&nbsp;
<a href="http://jigsaw.w3.org/css-validator/check/referer">Validate CSS</a>
<!-- end validator code using text links -->
</p>
</body>
</html>


  1. Use external and internal style sheets to format the text and margins of the page. One of the benefits of using an external style sheet is that you can easily link it to all your other exercise pages (if you wish) for practice in using a style sheet for a whole site.
  2. Create two headings and three paragraphs discussing how you might use Cascading Style Sheets in your final project. If you run out of text, you may use some of this "random text" to fill out your paragraphs.
  3. Change the color of one of your headings using a local style.
  4. Add a link on your page back to your "home" or index.html page.
  5. Add a link to this exercise from your index.html page.
  6. Upload your files to the server. Keep the same relative locations between the files so your links still work.
  7. Retest all your pages; make sure your code views correctly and that your links work without error.
  8. Validate with no errors your new page, make sure your index.html page still validates.
  9. Fill out the exercise feedback form and you are done. You must fill out this form to recieve credit for each assignment!

Conclusion

Cascading Style Sheets add the power of styles to your HTML. CSS reduces your workload when it is time to edit a site. It also allows you to separate your content from your presentation so your web pages can be ready for almost any device that finds them.


[an error occurred while processing this directive]

Find Exercise Seven Feedback Form on Blackboard

Exercise feedback forms not available between semesters.

Heading One
Ut pharetra, ante eget imperdiet ullamcorper, tortor nunc sollicitudin orci, non cursus neque nisl eget ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum, nibh in suscipit interdum, velit magna volutpat turpis, at ornare sem magna et tellus. Sed pulvinar facilisis ligula, id vehicula eros sollicitudin a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Heading Two
Vivamus vestibulum, augue id iaculis sodales, odio odio feugiat arcu, scelerisque congue nisi ipsum vitae orci. Nunc sed ligula quam. Cras sed iaculis neque. Proin ultricies consectetur tortor, eu pulvinar sapien commodo ac. Cras diam arcu, lacinia id mattis ut, convallis sed massa. Nullam ut arcu lacus. Suspendisse ultricies elementum arcu ut dictum.
Heading Three
Sed aliquet augue ut ligula porta gravida pellentesque sapien semper. Duis mauris massa, semper pulvinar eleifend id, tincidunt fermentum nulla. Proin ipsum neque, imperdiet in vestibulum non, hendrerit ac nisi. Maecenas eleifend libero quis urna lacinia elementum. Etiam mi massa, sollicitudin nec accumsan in, aliquet in dui. Pellentesque consequat diam quis felis luctus a vehicula lectus mollis.
Pull Down Menu Close Menu