Website Design Question
Description
The project has two parts:
- Add JavaScript to each of the three pages of your website
- Revise, test, and fine-tune your three-page-long website
As always, I hope you complete your project AFTER you learn all the corresponding theory. You will be submitting:
- your finalized zipped folder with all the files created for Projects 1 – 4
Below is a more detailed description of your task.
________________________________
Part 1: Add JavaScript to each of the three pages of your website
- 6 points max (2 points per page)
________________________________
Part 2: Revise, test, and fine-tune your three-page-long website
- All you need to do is:
- Clean up your code and your folders:
- Delete any unused files
- Check that all your code is “clean and neat”: no unused CSS or HTML elements
- Where needed, add comments in your code (not required but it is a good habit to leave instructions/comments to yourself or other developers working on your code)
- 2 points max (1 point for “cleaning up” your folder, 1 point for “cleaning up” your HTML/CSS files (code itself))
- Test your website to make sure everything works. Remember to test your website in different browsers, and most importantly, different computers/monitors.
- 1 point max for this part
- In addition, you can earn 2 extra points if you host your site externally and provide your link with the project submission (add the link as a comment)
- If completed any extra credit, please add a note to your submission letting me know about it. These extra points will be awarded separately
- Verify your design using the design checklist (the one you have created for Project 2):
- Don’t forget to provide your checklist for each page with your project submission. The best way to organize it is to include different HTML page evaluations as different pages in your multi-page Excel workbook.
- 1 point max
- Clean up your code and your folders:
Unformatted Attachment Preview
One of the main goals was to make the pages responsive, which I did do, to allow it to work
appropriately from smaller screen sizes to larger screen sizes. Some of the effects include pages
that displayed horizontally now dropping down to fit the screen size. I also added some minor
changes such as the color of the buttons and animated effects when you hover over the button.
Finally, I added a menu that pops out from the left side. This was to help with the responsiveness
of the navbar since it became vertical as the screen size became smaller.
Purchase answer to see full
attachment
Have a similar assignment? "Place an order for your assignment and have exceptional work written by our team of experts, guaranteeing you A results."