Your assignment is to take unformatted files, and add HTML and CSS to them to make a visually appealing Webpage. Here’s how to complete it:
- Download the ‘robotCostumeStartPoint’ folder from the ‘walsh’ server (accessed via Quicksilver). Please be sure to copy the folder to your own computer, and not work on the server.
- Following the instructions written in comments in the HTML file, add the appropriate HTML tags to all of the content on the page. Remember, all of the content on the page should be wrapped in an HTML tag.
- Save your work, and view it in a browser to make sure everything is working (image shows up, text is formatted accordingly)
- Using the CSS file (already attached to the HTML file), follow the instructions at the end of the HTML file to add a bottom-border to the H2 tags and change the background color of the page.
- Visit the Google Fonts page, choose a font to use, click the ‘Quick Use’ button, and add the appropriate codes to your HTML and CSS files [NOTE: the HTML snippet you add looks like a link to a stylesheet (it is), and goes inside the <head> of your HTML file. The CSS snippet can be attached to any selector in your stylesheet, such as the <body> tag (to change the font for the whole page)]. Test to make sure the font shows up.
- Upload the entire folder, including the HMTL file, JPG, and CSS file, to your student server, using Cyberduck (you should have a bookmark saved in Cyberduck to connect to your server).
- Open the file up in a browser from the server (i.e. not the local [‘file:///’] version), make sure everything looks right, and then copy the URL and send it to me via email.