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:
- Your name
- A link to your CS335 page - please put this near the top so it's easy for me to find when I'm grading all of your web-hosted assignments.
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
- a bio or timeline of your life with links to and images of notable events
- your resume or a link to your Linked-in profile, projects, portfolios, ...
- information about a favorite hobby/sport/TV show/movie
- instructions for a game your dad made up, e.g., Rainbow Dice
- a page dedicated to your favorite team/player, including statistics...
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:
- 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.) - 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.
- 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.
- Include at least one semantic HTML element. The examples that use Bootstrap often use these elements.
- 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.
- Your web page, with your own CSS (100 pts)