Completed website 

• add a page for each homework assignment 

• and link each page back to the homepage of your website. 

You are also required to adjust the heading(s), background color, and font elements used throughout your website. 

For those who are interested in exploring HMTML/CSS further, may include more elements.  

CSS Cheat Sheet

Questions to Consider: 

Design and Layout 

• Does the website have a clear and coherent layout?

• Is the design aesthetically pleasing and appropriate for the intended audience?

• Is the typography legible and consistent throughout the website?

• Are the images used relevant and appropriately sized?

• Does the website have a consistent visual theme?

Functionality and Navigation

• Do all the links work and lead to the intended pages?

• Is the navigation easy to use and intuitive?

• Is there a clear call-to-action on each page?

• Is the website responsive and functional across different devices?

Content and Organization

• Is the content well-written, informative, and relevant?

• Is the content organized in a logical and easy-to-follow manner?

• Are there any errors or typos in the content?

• Is the content appropriate for the purpose?

CSS and Visual Effects

• Use at least 3 CSS rules

• Use colors effectively to enhance the visual appeal and coherence of the website

2 Part Interactive Story 

A. Planning/Mapping due Friday Labs 12/13

B. HTML-based functioning Interactive Story due by Friday 12/20 for all labs

Create a web-based non-linear story. 

For this assignment, you can use photography, illustration, montage, and text to create a narrative with multiple story paths that can be navigated using hyperlinks. The story and text must be entirely created by you. 

You may use Adobe Firefly with Photoshop and Illustrator for the imagery. Aim to combine your own graphics with generated graphics.

1. Map out your narrative, using Illustrator or simply a pencil and paper.

2. Develop the imagery/text for each page.

3. You may create a new Sites folder for this assignment or create a series of new html pages dedicated to this project.

4. Make sure your homepage – index.html links to the interactive story and that all story links work as you expect. There must be at least three possible endings. There must be multiple ways to get to each one.

Tip: 

If you are having trouble coming up with a story, you could make it location specific. Define one or more locations in NYC that you find interesting. Document the location(s) with several photographs. 

Please write a brief story about the location(s) and give it alternate paths. The story may document something that happened at the location or something more fantastic. Give your user choices to move through the location(s), perhaps something different happens in the story or to your user based on the choices. 

For the Interactive Narrative assignment, you can create link hotspots on images following these instructions: “How to Create an Image Map”: https://bit.ly/2U7kI1q Or use Image Map Generator - https://www.image-map.net/