Skip to main content.

Assignment: Your Web Page

Goals

For this assignment, you will show some creativity in creating your own web page (with some requirements from me).

Objective: Creating Your Own Home Page (100 pts)

Now, it's time to get creative! Modify your home page (~yourusername/index.html) to personalize its content and presentation.

I don't want to stifle your creativity too much, but your home page must contain:

Other than that content, you have free reign over this web page. Make it your own! (Of course, be tasteful; anyone can see this page.) Some ideas about the content that you might put on this page

There are lots of options! We can brainstorm to come up with something that you'll find interesting.

Presentation: I encourage you to try out a Bootstrap-based or other framework example. There are lots of free ones available. Try to find something that matches you. I modified a theme from bootswatch for the course web site. Bootsnipp is another place where you can get some inspiration/help. W3 Schools Bootstrap Tutorial

Requirements

There are a few requirements for successful completion of this assignment:

  1. Your home page should contain at least 12 different HTML elements and should reflect your personal style with appropriate rules for these elements in yourname.css (or whatever you named your css file). (12 different types may sound like a lot, but you always have at least 3 by default--html, head, and body--and you'll probably have a title, a heading, some text, and a link, so you have 7 right there.)
  2. Define at least one [new -- not given in example] style for an element of a specific class. You'll need to define the style for the class in the CSS file and make an element in your web page be a member of that class.
  3. Include one inline style in your page and document where that is in comments so that when I view your HTML source code, I can easily find it.
  4. Include at least one semantic HTML element. The examples that use Bootstrap often use these elements.
  5. Validate that your HTML adheres to the specification and that your CSS adheres to the specification by using the CSS Validator If your CSS or HTML is not valid, fix them. (You can ignore the errors if they are in Bootstrap.)

Add a favicon for this page too, if you want.

Grading (100 pts)

Due by Monday at 11:59 p.m.