website development

Pages

Minimum Requirements

ALL STUDENTS:

Home

This page must include a short inspirational message of your own choice and text that clearly identifies you as the subject of the website. No other body text should be present. The rest of the page should convey the essence of how you describe yourself eg. A “romantic”, “game player”, “sport-minded”, “musical”, “nature-lover” etc. This design is to reflect your style and personality, but not at the expense of good design.

About

Summary information regarding yourself (name, age, skills, likes, a link to your resume). The page should contain at least 3 relevant images and an embedded sound file (with controls) in your voice clearly stating the summary information above.

Education

Summary information regarding any undergraduate and/or postgraduate studies you have completed/completing. You should include some detail on the Universities you studied at, and make a point of discussing any courses within these degrees related to the career you want to pursue. The page you design and develop for this section must contain at least 3 relevant images.

Career

Provide paragraph descriptions of your personal and work qualities and your passion for the career you wish to pursue. Include any information regarding any of your employment history related to this career. The page you design and develop for this section must contain at least 2 relevant images, and one relevant embedded YouTube video.

[Your Choice] page

Create a page that is in keeping with the rest of the site. The content of this page is up to you and must compliment your chosen career. The page must contain at least 3 images and at least 3 paragraphs of text. (eg. A student wanting a career of “computer musician” may dedicate this page to MIDI keyboards, with images and text related to this)

FAQ

A page showing these questions and your own answers:

1. Briefly describe how you went about designing your website.

2. What was the most important rule of good web design that you adhered to and why?

3. Briefly discuss how you manipulated the text you have used on your website.

4. Looking at your homepage what would you say is the main message and why?

5. What age group is your website aimed at and why?

6. What aspect of the website was the most problematic and why?

7. What are aspects of your website that you find particularly pleasing and why?

8. If you were allowed to change ONE thing about your website what would it be, and what difference would that make?

Only the questions should be placed in the design document.

Sitemap

A fully working, visually self-explanatory sitemap of all the pages contained within the website

Galleries

The two galleries below must have a separate page each, and contain a minimum of 6 images per gallery. Show your command over images by incorporating a different gallery style for each page from these:

· Lightbox: Thumbnail images that link to a large sized version of that image.

· Rollover: Thumbnail images that when mouse hover over it displays the larger version of that image.

· Slideshow: The first image displays large on the webpage and the user can cycle through the images.

· Any other Dynamic Gallery that is designed and presented well.

You may need to incorporate code from free web design web sites to get your galleries working. Be sure to reference these. Galleries that function well and suit the design of your website will be awarded higher marks.

Gallery – Personal

This page must contain a gallery of images related to you. No body text is to be placed on this page, but each image must contain a caption. Example: “My 21st birthday” with an image of that.

Gallery – Design

Provide some explanations on what storyboarding, wire-framing and mock-ups are and their important role in designing a website. The page must contain a gallery of relevant images of your storyboarding sketches, wire-framing and mock-ups that you created for this assignment.

Note: When writing textual content, refer to the standard length of a web page paragraph to get an idea of how much you need to write. You must take Plain Language (writing for the web) in to consideration.

FURTHER REQUIREMENTS FOR ITECH 6106 STUDENTS ONLY:

Form handling

ITECH6106 Students need to show their command over the inclusion of at least one form in their website. The form must consist of at least 4 elements, and must lead to some form of feedback and validation of data entered. Furthermore, submission of the form must be handled within the code. This could be an entry in a guest book or a contact page.

Membership area

This must be an area that can only be accessed via a login (not to be confused with what you do for “form handling”!) – it is suggested you use the “Gallery-Personal” page for this, but you may make it whatever page(s) you like

Login

A fully working login to the above-mentioned area using Javascript. The login facility must contain some form of error trapping. The website submission report should clearly identify login details for the tutor to gain access to the membership area. Failure to do so will result in loss of marks for this part of the assignment.