CRAPpy Page Instructions
This (kinda fun) assignment gets the bad habits out of your system by requiring as many of them as possible on one page. Everything the standards forbid, this page demands. The Vicunadator knows: put it on this page and it flips into sin-checking mode — checks pass when the badness is present, and a green upside-down vicuña means perfectly terrible.
Location & Filename Sins
- A folder called stuff in your itis3135 folder — a meaningless name, hard to find, hard to link back from.
- An .HTM file (not .html)…
- …whose name MiXeS uppercase and lowercase…
- …contains space(s)…
- …and includes a weird character (emoji, symbol, dashes 😜).
Image Sins
- Find a very large image online; force it to about 400×400 with width/height attributes.
- Make sure the aspect ratio is properly ruined — stretched or squashed.
- Give it enormous, terrible alt text.
- Caption it with a heading element (never figure/figcaption) about something unrelated.
- Remove the file extension from the image src.
Style Sins
- Papyrus in one place, Comic Sans MS in another, and a serif font somewhere else.
- Black font color on a white background; default blue/purple links.
- Headings out of order — h2 before h1.
- A centered bulleted list and a centered paragraph.
- A paragraph with a comically large font size.
- Inconsistent margins; something with poor contrast.
- Underline things that aren't links; give some text its own background color.
- Extra blank lines jammed into the page.
- Repeated inline styles instead of embedded/external CSS.
- A very large border with a different style/color on each side.
Submitting
"Make sure you're following the guidelines on the course hub" — NO, DON'T, THIS IS THE CRAPPY ASSIGNMENT! Submit your URL in the discussion post, then peer review at least two classmates who don't already have two reviews, using the checklist above as GO/NO-GO.