The goal of this exercise is to modify the home page (index.html and style.css) for our Travel site using the usability and design guidelines covered in class in order to create an inviting home page that will attract users to use your website.
Due Date and Time
Exercise 7 is due by 12:59pm on November 6th, 2018. I will disable submission at the start of class.
Instructions
Setup
- Download the exercise files from the Box Folder named CS0134-Exercise-7-<username> that I shared with you.
- Unzip and copy the ‘CS0134-Exercise-7-<username>’ folder onto your flash drive.
- Open VSCode and open the ‘CS0134-Exercise-7-<username>’ folder.
- ‘File’ -> ‘Open Folder…’
- Open the ‘CS0134-Exercise-7-<username>’ folder on your flash drive.
Goals
You must make at least 5 changes total between the index.html and style.css files. The changes that you make are up to you.
Some ideas:
- Create a large banner section below the header to show what makes CS0134 Travel Agency special (possibly all the planning for only a $50 fee)
- Add images to our destinations
- Create a featured destination component
- Shorten the header so it takes up less space above the fold
- Choose different colors
- Group destination categories with a list of possible destinations
In addition to the 5 changes you make, please include a writeup listing each of your changes.
Exercise is worth 15 points.
Results
No results image for this Exercise as all results will look different.
How to Submit Your Work
Upload your index.html, style.css and writeup files to the ‘CS0134-Exercise-7-<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.