Develop an electronic Web portfolio, using a plain text editor.
1. Task Description
Develop an electronic work portfolio for yourself, which demonstrates your skills in as many relevant areas (of your degree) as possible.
The portfolio should contain:
- Homepage that introduces you to possible employers.
- Resume - listing personal details, education, experience (work), qualifications, hobbies, other relevant information (these could be shown on separate pages if desired)
- Examples of your work/skills in four (4) different areas. Some examples:
o Design examples
o Graphics production and preparation
o Written and spoken communication skills
o The ability to work as part of a team and independently
o Project management
o Skills required by employers in your field of study.
Each skill area should include examples of your work which may be in the form of text, graphics, links to working projects or screen shots of projects.
Design Issues:
- Your design should fit a screen resolution 1024 x 768 (allow for toolbars and scrollbars). You will need to research the actual working space available for your content.
- Think about your design carefully. The site will need to be consistent throughout.
- Navigation is one of the most important issues. Carefully plan your navigation on paper first. Think about using a template for your main navigation to keep it consistent and understandable.
- Decide on an overall theme.
- Include in your design the colours for text, backgrounds, etc.
- Keep fonts consistent.
- Will there be different colour schemes used on unrelated pages?
- Include all of this information in your design document.
- If there are a number of images on a page, decide on the dimensions during the design phase. It is best to make them a consistent size.
- Take care with your button size designs and banners / headings so that they do not "take over" the page.
Development Issues:
- Try to avoid scroll bars where possible. Definitely do not require scroll bars to view all of your navigation menu (check at 1024 width in a browser).
- Do not let the menu width take over the page and reduce the available space for the information. You should view lots of websites on the Internet to get ideas.
- The website must be written in HTML5 using only a text editor (NotePad++ recommended).
- The assignment must validate HTML5.
- Check the DOCTYPE statements to ensure correct validation.
- The website must have Meta tags and a relevant page title on each page (search-engine ready).
- Ensure that every graphic file has been reduced to the correct size in a photo editing program, not just reduced in size in the code.
- Excessive file sizes will lose marks (see unit notes for file size limits) unless your users are given a choice to open the file (i.e. by using a link on a thumbnail).
Topic 9 Continuous Assessment
During this session your major assignment (see Assignment 3 specifications) will be to build a personal portfolio website to demonstrate your life/business/IT skills. Each of topics of the study guide will bring you closer to being able to produce this website. This topics continuous assessment forms part of your major assignment (assignment 3) due in week 12.
In the last two topics (topic 8 & 9) you have examined HTML forms and JavaScript. Now is the time to combine these skills. You will design and build a a HTML5 form for a hypothetical King's Music Store website (you are displaying it as part of your web design skills in the major assignment). The form is for users to sign up for an email newsletter from the site.
The form will:
- Open in a new window (or tab) from your web_skill.html page
- Use the "post" method
- Target https://infotech.scu.edu.au/cgi-bin/echo_form in the form action
- Be styled using "Pure" CSS (p. 421 Felke-Morris)
- Welcome the user "onload" with an alert ("Welcome to the Kings Music Store - Newsletter Signup")
- Contain user instructions (what required fields etc.)
- Contain the following fields:
o Text field maximum size 60 - First Name (required - DO NOT use the HTML5 required field - this will be checked by JavaScript onsubmit)
o Text field maximum size 60 - Last Name (required - DO NOT use the HTML5 required field - this will be checked by JavaScript onsubmit)
o Text field maximum size 60 - Email Address (required - use the new HTML5 email address element - it checks for a single @ in the address)
o Age as a radio button group divided into age ranges as follows: 15-25, 26-35, 36-45, 46-55 and 55+
o 10 checkboxes for the user's musical taste (what music does the person like).
Heavy Metal, Country and Western, Classical, Rock & Roll, Pop, Folk, Blues, Jazz, Disco and Opera
o Text area (for the user to inform the shop of any further type of music they are searching for) with a minimum size of 60 cols and 3 rows.
o A submit button and a reset button.
"onsubmit" the form will verify that both name fields are NOT empty strings - if a field is empty the user should be informed (via an "alert") and the form should be prevented from submitting to the infotech server.
Additional video resources are available to assist you. See the How-to Video folder in the MySCU site for this unit. Of
particular use to you for this topic are:
- Some Basic JavaScript
- JavaScript Validation Part 1
- JavaScript Validation Part 2
On the textbooks companion website located at:
https://www.pearsonglobaleditions.com/Felke-Morris
Is a VideoNote that may be of assistance to you it is:
- JavaScript Message Box
Topic 10 Continuous Assessment
During this session your major assignment (see Assignment 3 specifications) will be to build a personal portfolio website to demonstrate your life/business/IT skills. Each of topics of the study guide will bring you closer to being able to produce this website. This topics continuous assessment forms part of your major assignment (assignment 3) due in week 12.
Examine the pages that you have built so far for these continuous assessments and your major assignment. Have the issues examined in this chapter changed your mind about the structure/content of your pages?
List the changes you have made to your major assignment and the issue that caused you to change it. Include a page on your website portfolio (as part of assignment 3) titled website_issues.html on this page list at least 3 changes made to your site addressing the issues discussed in this chapter. Provide a reference and a brief explanation to support each item. Following is an example of what is expected.
1) According to Yick & Gupta "wearing a white ribbon in one's hair is considered bad luck" for Chinese people. Therefore I changed photo of girl with white ribbon to one with a red ribbon.
Yick, A.G. and Gupta, R., 2002. "Chinese Cultural Dimensions of Death, Dying, and Bereavement: Focus Group Findings", Journal of Cultural Diversity, Vol. 9, No. 1, pp.32-42.
Note: that the website_issues.html page should only be accessible from your web skills page.
Topic 11 Continuous Assessment
During this session your major assignment (see Assignment 3 specifications) will be to build a personal portfolio website to demonstrate your life/business/IT skills. Each of topics of the study guide will bring you closer to being able to produce this website. This topics continuous assessment forms part of your major assignment (assignment 3) due in week 12.
Examine the requirements for hosting your portfolio. Write a short report that:
- provides the names of three Web host providers
- the monthly cost for hosting by each provide;
- the software offered, e.g. PHP, ASP
- the storage space available
- the stated reliability of the host, e.g. mean hours uptime
- provide a summary and recommendation
Which hosting site would you chose? Why? You should use a table to present the above material. Note that the text contains a similar type table (Felke-Morris, table 10.1 p468).
Include this report on the website_issues.html page of your major assignment. Remember that this page should only be accessible from your web development skills page.
Topic 12 Continuous Assessment
During this session your major assignment (see Assignment 3 specifications) will be to build a personal portfolio website to demonstrate your life/business/IT skills. Each of topics of the study guide will bring you closer to being able to produce this website. This topics continuous assessment forms part of your major assignment (assignment 3) due in week 12.
Add at least description meta tags to your assignment 3 site. This will better prepare your site for search engines.
Attachment:- Assignment_2016.rar