Exercise 3

The goal of this exercise is the practice using CSS selectors and text properties.

Due Date and Time

Exercise 3 is due by 12:59pm on September 25th, 2018. I will disable submission at the start of class.

Instructions

Setup

  1. Download the exercise files from the Box Folder named CS0134-Exercise-3-<username> that I shared with you.
  2. Unzip and copy the ‘CS0134-Exercise-3-<username>’ folder onto your flash drive.
  3. Open VSCode and open the ‘CS0134-Exercise-3-<username>’ folder.
    1. ‘File’ -> ‘Open Folder…’
    2. Open the ‘CS0134-Exercise-3-<username>’ folder on your flash drive.

Goals

Each goal is worth 1 point.

Place all style rules in the style.css file

  • Link the external style sheet style.css to index.html
  • Set the body font for the website to a sans-serif font
  • Change the size of the headings on the page to make “CS0134 Travel Agency” the largest
  • Italicize “CS0134 Travel Agency”
  • Make “CS0134 Travel Agency” light blue
  • Add a black shadow to “CS0134 Travel Agency”
  • Make the first letter of “Need to get away?” larger than the rest of the heading
  • Make the links have an no underline if they are focused on or hovered over
  • Use line-height to increase the space between the list items
  • Center align “© CS0134 Travel Agency”
  • Validate and test your HTML file with https://validator.w3.org/, CSS file with https://jigsaw.w3.org/css-validator/ and NGINX.

Results

Your site should look similar to the following, your colors and exact sizes can vary as long as they meet the goals above.

index.html after Exercise 3

How to Submit Your Work

Upload your index.html and style.css files to the ‘CS0134-Exercise-3-<username>’ Box folder.

Note: When you want to upload a new version of one of your exercise files, click on the file in box and select “Upload New Version”.

I highly recommend that each time you work on this or any other exercise, that you upload your files to Box even if you are not done with the exercise. In this way, if something happens before the submission deadline that keeps you from uploading the finished exercise, there is still something to be graded.