Elements needed for web page are attached in zip folder. they need to be put together to make working prototype and spongebob graphics should be added to HTML and CSS files. Below are the instructions. feel free to ask questions.
As stated last week, in the second stage of the Final Project, you will take your HTML and CSS wireframe and create a working prototype. This prototype will be completed in three steps.
The first step is to create the three (3) separate pages to be used as each screen in the Quiz App:
Welcome screen – contains the title of the quiz, a brief explanation of the quiz contents (if needed) and a Start/Go button.
Question screen – displays each question and 4 multiple choice answers and a Submit/Next button.
Closing screen – display the user’s final score (correct out of tot/Users/vaquishawest/Desktop/vaquisha.justice-week6-redo.zipal questions), any other dynamic message you wish to display to the user and a “Play Again” button to re-start the Quiz.
Note: If you want to add additional features to the Quiz such as updating scoring and current questions, etc. you can.
Grading Criteria: Took the three separate screens HTML (starting, question, final score) and moved the content into the JS file to make it dynamic.
The second step is to take the three separate screens and combine them into one HTML page with one CSS file. You will need to do this because the different screens will display dynamically via JavaScript and need to be on the same .html page. Make sure the layout and design for each screen is the same.
The third step is to add the JavaScript necessary so it is a working prototype. A prototype lets you run through the application to see how it would work without most of the coding in place yet. The Quiz App prototype would just display each of the three (s) screens and each button is clicked. This allows “stepping” through your application to show to others and give you (the developer) to understand what the code will be doing at each screen.
Last Completed Projects
| topic title | academic level | Writer | delivered |
|---|