In this lab, you will practice using your HTML and CSS skills.
Follow the tutorial on Codecademy for Making a Website to learn and practice basic skills in HTML, CSS, and Bootstrap.
Sign up for an account with GitHub if you do not have one already. This website will help you share and archive versions of your coding projects.
This tutorial helps you learn how to use Git with the terminal. I prefer to use GitKraken as a visual interface to Git. Here's a Tutorial for GitKraken, with many, many more details than you'll need for this lab.
You will also need a basic text editor for your operating system. I recommend Atom for both Windows and MacOS.
Follow the instructions on Github Pages to set up a repository that can host static webpages for free.
Create a csci340/labs/lab2/ directory in this repository. This is
where you will write your index.html and style.css
files for this lab.
Use the above link to generate three random nouns. Your task is to create a website inspired by these nouns.
Your webpage should include at least
The images you use must be public domain images.
You may use the code you wrote on Codecademy as a reference, but you must have a different layout structure, and go beyond what you learned in significant ways.
Send an email to Dr. Goadrich with your Github account name, and a screencapture of your certificate of completion from Codecademy.
Your code must be found in the correct directory through your GitHub pages account. It must include all the elements described above, and pass the HTML and CSS validators linked above.