Title: U9L2 Assignment: Final City Website Project
Course: BC - Web Development 10 - 1.0 > Section: Unit 9 - Advanced RWD Layout

Congratulations!

Your company has been hired by the Imaginary Tokyo Tourism Board™ to create their new website, Visit Tokyo.

The task:

Your visual designers have worked with the Imaginary Tokyo Tourism Board™ to create a design they're happy with, so now it's up to you to turn it into a working website that includes

- all content provided, properly organized
- correct colours, fonts, margins, padding, etc.
- all images provided, appropriately placed and properly cited
- the requested layout, including all elements
- as close as possible to a visually identical appearance to the provided designs at 400px and 1440px viewport widths
- fully responsive site from 1920px to 320px viewport width (looks good at any screen size)
- proper use of headings, including following a proper hierarchy.

Keep in mind that this assignment is worth 10% of your final grade, so you’ll want to do your best.

This assignment should take between 8 and 12 hours to complete, so budget your time accordingly.

Task considerations:

We have included a Visit Tokyo zip file with material to help you with this assignment. In the zip file, you'll find:

- A Word doc including the text content for the site.
- Two PDFs showing how the site should look at 400px and 1440px viewport width.
- A text file showing the citations for all the images.
- A folder containing all the images for the site.

This will be a single-page site, so create your HTML file, create your CSS file, and get to it.

If you're unsure how to do things, refer to the course lessons and any of the work you've already done. Also, feel free to search online; that's what professional developers do whenever they're unsure of something. If you’re really stuck, connect with your teacher.

Remember to keep your code and your files organized.

Once you’ve finished, place your folder, containing all your HTML, CSS, and image files in a zip file named Visit Tokyo - Complete and submit it.

Assessment:

This assignment is out of 20 marks based on the rubric provided.

Rubric:

 | Not Completed | Emerging (Not Yet Meeting Expectations) | Developing (Meeting Expectations) | Proficient (Fully Meeting Expectations) | Extending (Exceeding Expectations)
Aspects | 0 |  | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
Visual Design & Content | Not complete | Colours, fonts, margins, padding, etc., have not been correctly implemented. Some images may be missing or are not placed properly, or some citations are missing or inaccurate. All content provided has been used but may not be properly organized. There may be several errors in the design or content that affect the overall design or the meaning. | Most colours, fonts, margins, padding, etc., have been correctly implemented. May be minor issues with misplaced images or citations. All content provided has been used and is generally well organized. There may be a few errors in the design or content that slightly affect the overall design or the meaning. | Colours, fonts, margins, padding, etc., have all been correctly implemented. All images are appropriately placed and properly cited. All content provided has been used and is efficiently organized. There may be one or two minor errors in the design or content that do not affect the overall design or the meaning. | Colours, fonts, margins, padding, etc., have been expertly implemented. All images are appropriately placed and properly cited. All content provided has been used and is adeptly organized. There are no errors in the design or content.
Layout, Functionality & Navigability | Not complete | Site’s layout is not as requested and may be missing important elements. Site clearly appears different from the designs provided, at 400px and 1440px viewport width, which negatively impacts design. Site is not responsive from 1920px to 320px viewport width and may not look good at different screen sizes. Site does not use headings properly or does not follow an appropriate hierarchy. | Site’s layout is mostly as requested but may be missing one or two minor elements. Site may have subtle visual differences to the designs provided, at 400px and 1440px viewport width, which may negatively impact design. Site is adequately responsive from 1920px to 320px viewport width and looks decent at most screen sizes. Site may not use headings properly or may not follow an appropriate hierarchy. | Site’s layout is as requested and includes all elements. Site appears almost visually identical to the designs provided, at 400px and 1440px viewport width; may be off by a few pixels, but does not impact design. Site is mostly responsive from 1920px to 320px viewport width and looks good at any screen size. Site incorporates proper use of headings, including following an appropriate hierarchy. | Site’s layout is as requested and includes all elements. Site appears visually identical to the designs provided, at 400px and 1440px viewport width; may be off by a few pixels, but you can't tell without measuring. Site is fully responsive from 1920px to 320px viewport width and looks excellent at any screen size. Site incorporates sophisticated use of headings, including precise use of heading hierarchy.
Total: | /20