Assignment 1 - About Page and Simple Nav
- 20% of Final Grade | Due September 22 11:59pm 2021
Marking Rubric
Each of the following will be marked out of 5 points (for a total of 20 points), based on the requirements below:
1. Site UI Setup
- Header
- Indicates current page with an h1
- Footer
- Copyright information (Copyright symbol, name, year)
- Navigation
- uses nav tag
- links set to href="#" (except about page)
- home
- about
- gallery
- services/products... whatever's applicable
- nav is responsive
2. Page Content
- At least 1 img in relation to about content
- spans 100% of its container
- h1, h2, and h3 headings
- strong and em tags
- p tag for paragraph text
- optional ul/li and/or ol/li
- 1-3 paragraphs
- Who, what, where, why info
- Follow long form text guidelines discussing in dsgn270
3. General Requirements
- Page is marked up with proper semantic elements
- header, nav, main, footer
- Page text is readable at screen width 400px and does not:
- overlap other page elements
- exceed max line length of 75ch
- overflow off the viewport
- have contrast ratio below AA for text size
- Image must have proper alt definitions
- Use Best Practices with file/directory names, commenting, indentation
- 2 spaces per indent
4. Project Documentation
- Include a README markdown file in your project that includes the following information:
- Course Title
- Author name
- Links to:
- Github Repo
- Github Pages Site
- Client information
- Who is your client
- What do they do
- Reflection
- Note 1 technical issue you had while creating this
- How did you approach solving it
- Note 1 technical issue you had while creating this
- Attributions for code or assets that are not your own
Submission Requirements
- Push this assignment to a repo named cpnt260-a1.
- ZIP all files required for the site to operate and upload to Brightspace.
- Leave a link to the following as a comment in your Brightspace submission (this is duplicated in your readme but comes in handy sometimes):
- GH repo
- GH Pages site