Assignment Topic:

Your assignment is to design and start creating the basics of a web site in the CS100 Replit         Teams in the project named “assignment 1.” Using images and text, your website will tell the     reader about five topics which you select from the assignment 1 discussion questions. Properly   citing your sources and quoting where appropriate, you will explain and discuss the questions in your own words.

The deliverables in this assignment will work in conjunction with your next assignment. In other words, what you complete for this assignment will start you down the right path for completing   Assignment 2.

A major component ofthis assignment will be to complete prototypes ofyour envisioned website design. A “prototype” in this case is a picture that you are using to plan what the appearance of a  particular page will be, such as what colours you want to use, where you want to position images  and text, and any other information about your design before you start creating it. Prototypes do   not need to be high quality or exact – they are just meant to help you plan ahead and develop        ideas.

As well, another component ofthis assignment, and a major component of assignment 2, will be to provide an informational resource for five discussion questions you choose from the                assignment 1 discussion question list. For this assignment you will just be required to choose      which five topics you wish to discuss, and put one topic on each ofyour answer pages. In            assignment 2 you will provide more detailed information of each question. There are no topic substitutions.

Deliverables:

After all requirements for assignment 1 are complete, files that you will have in your Replit project will include:

• 9 html pages:

◦ 4 html pages: index.html, practice.html, design.html, cs100.html – these pages are already included in your Replit

◦ 5 html pages named: page1.html, page2.html, ... , page4.html, page5.html.  Each page should include a title ofthe discussion question to be discussed. Other content will be added in assignment 2 (although you can begin adding content if you like, it will not be graded in this     assignment)

• 4 image files:

◦ 1 digital image file of yourself (disguised or otherwise)

◦ 3 digital image files consisting of your design prototypes of index.html, cs100.html, and your informational resource content pages - pageX.html (X= 1 to 5) All content pages should       have consistent designs thus you only need to have 1 design prototype for all 5 content pages.

Detailed Requirements:

1. One unformatted (not styled) index.html page.

This is the homepage of your website. It is the first page a user will see when they click the “run” button.

As part ofthe assignment requirements, your index.html must include an image of             yourself (disguised or otherwise, e.g. you can have a picture of you or a picture of your     pet or car, etc., digital/scanned) and a brief paragraph that introduces yourself, what           interests you may have, sport teams you like (if any), etc (3-4 sentences). Please do not put your phone number, student number, or any other sensitive personal information you don't want    shared with others.

This page must also include a series of links in an unordered list which is to include:

▪ “CS 100 checkpoint exercises” - linked to practice.html

▪ “CS 100 design prototypes” - linked to design.html

▪ “CS 100 computer history project” - linked to cs100.html

Formatting of all pages will be completed in assignment 2 (styles, colours, layout, etc.)

2. One unformatted design.html page complete with scanned images of your design prototypes

To help guide the design and construction ofyour website you are to complete 3              prototypes (sketches) of your envisioned completed website. These prototypes will          provide an indication ofwhat your completed website will look like after assignment 2.  Please know you will be marked in assignment 2 on how well your prototypes match      your final website appearance. Thus, be creative but try to design around what you think you will be able to achieve.

Use of colour (pencil crayon, marker) to denote background colours, text colours, sections, is strongly encouraged

Include a paragraph outlining the prototyping activity, what materials you used to create your prototypes, how difficult you think it will be to create your html pages based on      your envisioned prototype designs, etc. (3-4 sentences)

You will scan each prototype and incorporate the scanned image files in “design.html.” Set the width and height of each prototype image within a maximum width/height          boundary of 640x480. Under each scanned prototype, you will have a brief paragraph    describing your design rationale (2-4 sentences)

One of your prototypes will include your index.html. The other prototypes will include:

▪ cs100.html: which is like a table of contents for your 5 discussion questions.

▪ pageX.html: which will have the content of each discussion question. Each page should be of similar layout to provide consistency. You must include some sort ofnavigation in