small website

- A web site for a small website (it can be a fictional business) o A coffee shop o A restaurant o A doctor’s office - A web site for an organization or charity (can be fictional) - A topical web site about a band, famous person, movie, book, etc. Instructions: 1. Select a topic for your web site 2. Develop a 3 or more-page web site using HTML / CSS and JavaScript. Use of PHP is optional. 3. The web site must meet the following technical requirements: a. Use HTML5 semantic tags i. Don’t just use divs everywhere, use the header tag for the web site header, the footer tag for the web site footer, etc. b. Use an external CSS style sheet containing custom CSS styles linked to every page on the web site. c. Contain at least two images d. Contain an HTML table i. Make sure you use an HTML table in the correct semantic way ii. Use a table for tabular data e. Contain an HTML form i. The form must contain the following: 1. At least 3 inputs 2. A submit button 3. The backend of the form does not have to function for this project. Just develop the front-end of the form in HTML and CSS f. At least one implementation of JavaScript / jQuery somewhere on the page i. Some ideas: 1. You can use a jQuery plugin to add a slide show to your web site 2. Implement a modal window when the user submits the form 3. Create a collapsing navigation menu ii. The JavaScript does not have to be advanced, a simple script will fulfill this requirement g. The web site must have a clear, consistent and a well-designed navigation bar that is located on each page of the web site. The user should be able to navigate to any page of the web site from any page in the website h. The web site should be usable on a 1920px x 1080px (full HD) display. i. The HTML and CSS code must be valid i. To validate your HTML code visit: 1. [login to view URL] ii. To validate your CSS code visit: 1. [login to view URL] j. All HTML / CSS / JS / and images and related media files must have web safe filenames i. All filenames should be lowercased ii. All filename should contain only alpha-numeric characters and/or “_” or “-“ characters k. Web site files should be properly organized i. All image files inside an “images” folder ii. CSS files in a “styles” folder iii. JS files in “scripts” folder l. The home page of your web site should have the file name of “[login to view URL]” or “[login to view URL]” 4. When you have completed the above steps upload your site to your personal COMP1850 web space via FTP a. Remember to store all your related web files in a folder. You should upload the entire folder containing your web site project to your web space b. Test your web site on the remote server by navigating to your web site in a browser