CPSC165 – Introduction to Internet Concepts and Web Design principles

CPSC165 – Introduction to Internet Concepts and Web Design principles

Spring 2020

Final Project: Build a moderate-size Web Site

Submission due: Friday, June 26, 2020 (11:59pm)

 

Project Description

 

In this project you will build a moderate-size Web site. The theme of the Web site is decided by the members of your project group. Each group will have 4 members, and each member should contribute equally to the project. The due date to submit Your project on Canvas is on Friday June 26, 2020 at 11:59 pm.

Requirements

  • Website should have around 15 pages (minimum 13 pages)
  • Each of those pages should use same or similar style, so that the pages look like they belong to the same website.
  • Each page should have meaningful title (Using the same title for all pages; is not considered meaningful).
  • You should have a consistent navigation, for example if you have a menu which links to different pages, the menu should appear in the same place in all pages, so that users can easily find the menu and be able to navigate to different pages.
  • You should use one external stylesheet and optionally internal stylesheets in different pages. The stylesheet should contain only the rules which are common to more than 2 pages. The internal stylesheet should contain rules which are used only in one particular page. You can also use HTML attributes.
  • You should organize all the pages in a good structure
  • If you want to use a layout I didn’t introduce in the class, that’s OK too
  • Your pages should be easy to read, easy to navigate. The text, border, background etc. should be contrasting, and don’t need to use too many different colors.
  • You should have enough text and at least 5 images in your website. You’re also encouraged to add some multi-media contents (audio, video, etc.) if you want.
  • You should have at least a table and a list in your website.
  • You’re allowed to use some CSS techniques or scripts developed by others, only in the circumstances that you adopted and modified it to fit your website. Copying is not allowed, and you will automatically get zero if such action is detected.
  • If you’re using an image then use the Absolute address to that image in the src attribute (use the image address on the web). Do not download the image into your desktop computer, just use its online address in your code.
  • Add html comments for each section in the html document.
  • Creativity will be a factor in grading your project
  • Add a section called contributions as html comments in the HTML code. In the contribution section you need to specify what every team member did exactly in the project (which part in the project was done by each team member)

Project Ideas

  • A personal website of your own
  • A website of an organization/association you know or involved
  • A website for promoting a cool idea you have
  • A website for promoting an activity you enjoy doing
  • A website for teaching something (may be an online tutorial of some sort), in which you’re good at like games, sports, music, etc.

 

In case you did not find one, here are some ideas to choose from:

 

  1. Video Game Addiction HelpLine
  2. History of Canucks
  3. History of World Cup Soccer Games
  4. History of Computer
  5. History of Smartphones
  6. Space & Humans
  7. Basketball

 

Grading

Score Quality of Project
100 The project meets or exceeds the expectations outlined above
80 The project meets most of the expectations outlined above, but fails to meet at least one of them adequately
60 The project meets some of the expectations outlined above, but fails to meet more than one of them adequately
40 The project just barely meets the expectations outlined above.
0 The project is unacceptable.  It does not represent a “good faith effort” at a solution.

 

Submission

You should compress all your files (html and txt) into a zip (.zip) file and name it “FinalProject_YourFirstNames.zip“. Make sure to include all team members names and ids in html code as comments.

 

Note: The submission procedure only accepts zip files (NOT rar Files), so you are going to create a “FinalProject_YourFirstNames.zip” file containing all the HTML code and txt files you just wrote. To create a “.zip” file, find the directory where the files are saved and select all of them. If you right-click on one of the selected files, you should have the option to create an archive by choosing “Send to” then “Compressed “zipped” Folder”. Rename the created “.zip” file and give it the name FinalProject_YourFirstNames.zip.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.