In this unit, we will learn the basics of making a website using HTML and CSS.
We will use a text editor, Sublime Text, to edit the website.
We will use GitHub, a publishing platform for code, as our site publisher.
Contents
Resources
- NYTimes video about data centers – “Into the Cloud”
- Video tutorials for HTML & CSS – “Don’t fear the Internet: Starting from Scratch – Part I (HTML) & Part II (CSS)”
- HTML basics from Mozilla Developers Network
- How CSS works on Mozilla Developer Network
Project
Create a “choose your own adventure” story with HTML and CSS code. Each page should give the user 2 options to choose from. There should be a total of (at least) 5 HTML pages. All your pages should include the required tags (html, head, title, body). You should also use h1 (main header), p (paragraph), img (image) and a(link). Always include an option to go back to the home page (index.html). Make sure you only use Creative Commons or Public Domain images and that you attribute them directly on the page. Once you’ve completed and tested all the HTML, style your code with CSS. Use at least the following properties: color, text-size, font-family, text-decoration).
Submission
Create an Open Lab post with the following:
- Screen capture of the website homepage
- URL for the published version of the project
- URL for the code on GitHub
- Project statement
- Project title
- Semester and year created (Spring 2025)
- Software and languages used
- 3-4 sentence description of your creative and technical process. For example: What/who is your “choose your own adventure” about? What inspired this story? What was the most challenging part of the project and how did you solve it?
- Description should be written for a general audience with no knowledge of the class assignment.
Submit a link to the Open Lab post documentation on Brightspace.
