Assignment 2: Build Your First Websites
Learning how to make basic pages with HTML and CSS
We’re going to put today’s learning into practice with two projects. One will be deliberately terrible, the other will be your own creative vision.
Make Something Ugly
We did this together in class, but if you missed it or want to iterate: take the Hey Jude starter repository, clone it locally, and make it as visually offensive as possible. Use clashing colors, weird fonts, broken layouts; anything goes. The goal is to learn CSS properties through experimentation rather than trying to follow design rules.
Once you’re satisfied with your monstrosity:
- Push it to GitHub using the Git workflow we learned
- Deploy it to Netlify
- Share the live URL because we want to see your beautiful disaster
You’ll need to research CSS properties we didn’t cover in class. Ask questions like “How do I change the font?” or “How do I add spacing between paragraphs?” and Google them. This is normal and to be honest, one of the most important skills you should develop. Web development 50% coding, 50% looking up things and knowing how to find answers.
Links and Resources
- Hey Jude Starter Repository
- CSS Properties Reference
- MDN CSS Reference - When you need to look up specific properties
- Google Fonts - Free web fonts to make your text more interesting
- Coolors - Color palette generator for when you need inspiration