|
Project 1: Class Web Page
Your class web page is the digital space where you will introduce yourself to your classmates and teacher. It is also
the principal area for accessing your upcoming assignments. Interim due in class (Monday, August 29th/ Tuesday August 30th.) Final due Friday, September 2nd at midnight.
- If you are not yet familiar with HTML or creating web pages, use the websites listed in the Links section to begin learning.
- Create your folder and a blank index.html page - then make sure that it has been added to the course web pages.
- Design your page. (see section below)
- Ensure that you are following all of the rules. (see section below)
- Create the web page and upload it to your class folder
Desiging Your Page
Your class web page will be inspired by the first occupation you ever aspired to have. Think back, way, way back to your toddler and pre-school days. Try to remember
what the first thing you wanted to grow up to be was. Was it a super hero? a princess? a tree?
Using a pad of paper and a pencil (and far away from a computer) start writing down and drawing the elements that make up this ideal? Make sure you include the following:
- What are the objects?
- What is the color scheme?
- What is the language like?
- How would this ideal person/thing relate to and navigate through space.
Now use your research to design the look and flow of the site. While following all of the rules detailed below, try to make the site
have the aesthetics and style of your research.
Rules
Make sure your web page includes the following:
-
Title (Name of Student) visible at top of page(s)
- Menus visible without scrolling at top or left
- Photo of student visible at top of page, sized between 150 - 300 px
- Links to assignments in orderly list
- Biography with degree of formality while still friendly; information appropriate to class
DO NOT have any of the following:
- Explicit references to your site's influence(i.e. "I am a princess", "I wanted to be Lex Luther as a child", etc.)
- Do not have any buttons without text explaining what it does
- Moving flashing pointers [temporal convention]
- Moving text scroll [temporal convention]
- Overly informal, slangy diction (‘Sup; well allrighty then; Hi there!)
- Characterizing yourself or your work negatively, offering apologies (“crazy”) using offensive words “retarded”
- Thanking people for visiting
- Enormous pictures
- Underlining without linking
- The word “random”
- Overly busy backgrounds
- Text with bright colors
- Pages that require scrolling (without anchors)
- Centered text, especially
multi-line centered text which is
harder to read than left-justified text
|