- Create an account at https://replit.com/
- Creating a website with HTML & CSS tutorial
SUGGESTED RESOURCES
- NYTimes video about data centers – “Into the Cloud”
- World Science Festival Video – “How the web works”
- 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
- Interesting use of HTML/CSS/JS in journalism: “Millennials are Screwed” by the Huffington Post
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).
Create an Open Lab post with the following:
- URL for the published version of the project (example: https://mmp-100-website.owenbmcc.repl.co/)
- URL for the code on Replit (example: https://replit.com/@owenbmcc/mmp-100-website)
- A short statement. Use this template.
Submit a link to the Open Lab post only on Blackboard.
