CS 318: Project Prototype – due April 23
Your next milestone in the project is to create a digital prototype for your site. You will present this prototype to randomly assigned classmates for an initial evaluation.
Task 1: Create a Prototype
Create a first draft of your site in a folder named prototype1 in your GitHub project. Name this directory exactly; no spaces, all lowercase.
Complete these requirements:
- Place the main page in a file named
index.html. - Make an HTML file for each of your other pages using readable and meaningful names. Avoid abbreviations (i.e., no
cntct.htmlormem.html). - Some of the text copy can be lorem ipsum, with these exceptions: all headings, buttons, navigation items, and first sentences of every paragraph should be “real.” That is, they should have potential to be included in the final draft. Our focus is on the overall layout and structure of the site, but if you have the content, include it.
- The images should be like the ones the client wishes to use in the final version. Where images are not yet available, you may use placeholder images.
- Your site should support both desktop (big window) and mobile (small window) layouts.
Task 2: Student Evaluation
During lab on Monday, April 23, three classmates will evaluate your prototype by viewing it on GitHub. Be sure you have tested that others can access your site by visiting https://USERNAME.github.io/cs318/prototype1—replacing USERNAME with your actual GitHub username.
Prototype 1 Deliverables
Submit your prototype by committing and pushing it to GitHub. Make sure GitHub Pages is enabled so others can view it rendered by a web browser.
Your prototype must be turned in on time to receive credit. Prototypes received after the posted due date will not receive any credit, but must be completed regardless. Project deliverables build upon each other, so you must complete this step in order to complete the next deliverable.