In class we’ve been discussing the internet, HTTP, and HTML websites. In this assignment, you’ll be building a simple website with some of the HTML features we’ve discussed in class.
Create a directory named my-website
.
This is the directory you’ll build the website in.
Your website should have 4 .html
files in total.
1 of these sites will be a “homepage” named index.html
.
The other 3 will be sub-pages, that are linked to from the home page.
The main page should link to each of the three sub-pages, and each sub-page should have a link back to the home page.
Each of the sub-pages should be names appropriately, according to the content that they contain.
The website should have a distinct theme, of your choosing (So long as the theme is PG-rated). Also, you may not choose the same theme as I did for the example. The main page will contain an image, a text description of the theme, and the three links. Each sub-page should contain an image, a description, and a link back to the index.
For example, you may choose to theme your website after the UofA men’s basketball program. In this case, the home page should have a picture of the team and/or logo, a description, and a link to 3 sub pages. Each sub-page would describe a component of the basketball program (Say, one page about the coach, one about the team, and one about the arena). On each page, you should have an associated picture, a description, and a link “back” to the home page.
Below is an example website interaction:
Each page should have a <title>
, an <h1>
header, an <img>
tag, a <p>
paragraph tag, and at least one <a>
link tag.
The 3 links on the home page must be an HTML list using <ul>
and <li>
tags.
The home page should have at least three <a>
tags.
Each page should pass as valid HTML.
Each description should have at least 100 words.
All of the HTML files and images should be submitted, and the site should work when all files are in the same directory/folder.
We will test your site with Google Chrome. You should to the same, to help avoid browser discrepancies.
You may customize the font styles, text color, background color, link color, etc.
If you know more advanced CSS, you may add extra styling to the website.
You may also add more than three sub-pages.
This was assigned on 9/29/2017. It is due on 10/6/2017 at 5:00pm.
Turn in each of the files described in the spec (At least 4, perhaps more) to the assignment 7 drop-box in D2L before the due date. Make sure to name the files exactly as this document specifies. In general, make sure to follow these instructions precisely. If you don’t, we will deduct points!!!