Reference no: EM13341630
OVERVIEW:
As part of the assessment for this Course you are required to design and create a working “Personal” website, to showcase your experience and portfolio for your prospective employers. These are broken down into lab work submissions and two assignments for the semester:
GENERAL REQUIREMENTS
Web design is the planning and production of web sites, including, but not limited to, technical development, information structure, visual design, and content design.
The 3 assessments for this semester are about designing and developing a personal website about yourself and your career ambitions. The requirements for the website you will design and build are listed below (These requirements should be adhered to when completing all of the assessments)
WEBSITE OVERALL REQUIREMENTS
This website has a number of requirements which are detailed in the table below; completion of these requirements will attract a MAXIMUM of a CREDIT for the final assignment. Higher grades may only be awarded to work that shows more than the basic requirements.
Pages Minimum Content Requirements
ALL STUDENTS:
Home This page must include a short blurb of your name and your career ambition, (for Example. “Joe Bloggs. Web Designer. I create beautiful websites.”), followed by an inspirational quote that you can relate to. No other body text should be present. The rest of the page should represent your personality through image(s) and the visual design of the website. Remember this design is to reflect your style and personality (with the focus on your career ambitions), 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 or are currently 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, but must compliment your chosen career. Give the page an appropriate name related to its content. This 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. Or for example, if your chosen career is programming, you may decide to have a C++ coding page.)
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. The website itself should contain the questions and answers.
Sitemap A fully working, visually self-explanatory sitemap of all the pages contained within the website
Galleries You must incorporate two galleries into your website, both of a different style. They 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, except that each image must contain a caption. Example: “My 21st birthday” caption under the image of your 21st birthday.
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 assignment 1.
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:
Password Protected Page ITECH6106 students should pick one of the required pages to protect via a password. It is suggested that you password protect the “Personal Gallery” page. When a user tries to enter the password protected page, a JavaScript function should prevent the user from entering without the correct password. The JavaScript should notify the user if they were successful or not with user feedback and validation.
Contact Page ITECH6106 students need to show their command over JavaScript with the inclusion of a contact form in their website. The form must consist of at least 4 elements, such as ‘name’, ‘email’, ‘message’ and a ‘submit’ button. Upon user submission the form must lead to some user feedback and validation of data entered using JavaScript. Good design is still important and your contact page should be well-designed.
CSS3 Transitions ITECH6106 students: Add some simple CSS3 transitions to your global navigation links when you hover over them. Look for examples on the internet to understand the CSS3 transition style.
The above details amount to a minimum of 9 web pages for ITECH2106, and 10 pages for ITECH6106. Feel free to ADD more pages. HOWEVER, if you design or develop pages not mentioned here and you DID NOT fulfil the requirements first, these pages will not be included in the marking!