Assignment #8: Mah Bands!
Overview:
In this assignment, you'll pay tribute to your favorite band or musician by building a simple fan page. That's right, we're finally going to get our hands dirty, coding a website from scratch.
For this task, you will be using HTML to build out your page. HTML (Hyper Text Markup Language) is responsible for the underlying structure of a website. It might not look sexy, but where would you be without a skeleton?
Instructions:
Open Sublime Text, create a new file, and then save it as
fanpage.html. It's important to have the.htmlextension so that Sublime knows what type of file it is and knows how to read it.Before you start adding content, create the structure for your page. Reference the example in the module chapter. Be sure to include the
!DOCTYPEdeclaration and the<html>, the<head>, and the<body>tags where appropriate.Add content to your page. Your page can be about whomever you want, but it must include the following requirements:
- Proper page structure:
!DOCTYPEdeclaration<html>,<head>, and<body>tags- A
<title>for the page
- At least one image (with an
altattribute) - A link to another website
- An ordered or an unordered list (band members, favorite songs, albums, etc.)
- A bio section with
<p>tags for formatting - Use of
<h1>and<h2>tags for heading - A video of the band or musician playing
- Proper indentation
- Proper page structure:
Your finished page should look something like this example:
Helpful Hints:
Remember to save as you make changes to the webpage. Then to test, right-click on the screen in Sublime, and click
Open in Browserto see how the page looks.If you get stuck, W3Schools has a wonderful series of tutorials on HTML: HTML Introduction.
If you're still stuck... then Google should become your best friend. :-)
Good luck!
Bonus:
- Make your link(s) open in a new tab.
- Add a favicon to your site (the little icon that appears on the browser tab).
- Make a table.
Copyright
Coding Boot Camp © 2016. All Rights Reserved.