Assessment item 3
Web Site Design
Value: 18%
Due date: 07-Oct-2016
Return date: 31-Oct-2016
Submission method options
Alternative submission method
Task
You may have a personal portfolio website for a number of reasons. If you’re a freelancer, then you’d need one to showcase your work and allow people to contact you. For a student (or unemployed), the portfolio can be used to show your work to prospective employers. If you’re part of a studio, then you might use one to blog about your design life, show people what you’re doing and build your online presence.
A personal portfolio website is all about promoting you. You are a brand, and your name is a brand name. No one is going to know about your brand unless you get it out there; and if you’re a Web designer, developer, writer, gamer etc, then it’s essential that you have a good portfolio website.
Getting Web Server Account on CSU Web Servers
Do these steps early, if you have difficulties accessing the Web Server contact Student Central in the first instance. If you can’t resolve problems quickly, contact your Subject Coordinator as soon as possible.
1. Go to the web site http://www.csu.edu.au/webpublishing/personal.htm
2. Go to “Students? Your personal publishing information is -here” link and follow the instruction to get the web server account and how to publish your information.
3. Keep in mind that the CSU web server allows a maximum size of data files up to 20MB. So your data files should be within this limit.
4. At the completion of registration process, you should have a webpage address similar to
http://csusap.csu.edu.au/~username (where username is your actual username) It will NOT be active until you place some files on the server.
Then complete the following:
1. Create a new HTML5 file named index.htm and save it in a folder with your Data Files.
2. Add the appropriate doctype for HTML5 to the beginning of the file.
3. Add a comment to the document head describing the document’s content and containing your name and the date.
4. Add an appropriate page title to the document head.
5. Set the character set of the file to UTF-8.
6. Include at least one example of each of the following:
o structural elements such as the header, footer, section and aside elements
o grouping elements including a heading and a paragraph
o a text-level element
o an inline image
o a character entity reference or a character encoding number
o ordered or unordered list
o include an Internal Style Sheet which provides at least 2 type selectors and a universal selector
7. Validate the web page(s) you have created using https://validator.w3.org (there should be no errors for HTML5)
8. Structure your HTML5 code so that it’s easy for others to read and understand.
9. Save your changes to the file, and then open it in your Web browser to verify that is readable.
10. Upload your files to the web server account you have created on CSU web server. Verify that the web page you have created is linked to your own homepage e.g. http://csusap.csu.edu.au/~student
11. Submit a document containing the full URL of your homepage through Turnitin (PDF or Word document, NOT both). You do not need to submit your other files. Note that the files are date stamped on the server so should not be modified after submission, otherwise a late penalty will be applied.
This website must be unique (not part of a previous submission or exist elsewhere on the Internet), and it must be hand coded. The use of Dreamweaver or other Web page creation software will not be accepted and will result in zero marks being awarded to this assessment item.

Rationale
This assessment covers the following learning objective:
• be able to apply basic knowledge of creation of web pages using HTML5 and CSS.
Marking criteria
The following marks will be assigned for this assessment:
Sub Tasks Mark
Create index.htm and upload to server 2
Add features 10
CSS Formats 5
Document and Organise Code 4
Validation 4
Total 25

The following criteria will be used while assessing this assessment:
HD DI CR PS FL
Apply basic knowledge of creation of web pages using HTML5 Demonstrates a high level of independent thinking with a well-organised web page showing logical sequencing and structure. In-depth, clear, correct and well-structured HTML5 code that is easy to read. Evidence that knowledge of web page creation applied and synthesised to create the final web page. Demonstrates a good level of independent thinking with a well-organised web page showing logical sequencing and structure. Clear, correct and well-structures HTML5 code that is easy to read. Evidence that knowledge of web pages creation applied and synthesised to create the final web page, with minor formatting mistakes. Demonstrates application of basic knowledge of web page creation using HTML5; HTML5 code is structured for easy reading. Evidence of formatting and spelling mistakes. Application of learned knowledge and skills required to create web pages using HTML5; HTML5 code is only partially structured and requires further work to be presentable. HTML5 code has not been structured correctly; therefore web page not displaying correctly.
Apply basic knowledge of creation of web pages using CSS Demonstrates a high level of independent thinking with a well-organised web page showing logical sequencing and structure incorporating CSS. In-depth, clear, correct and well-structured CSS code that is easy to read; CSS style included with at least 2 type selectors and a universal selector. Evidence that knowledge of web page creation applied and synthesised to create the final web page. Demonstrates a good level of independent thinking with a well-organised web page showing logical sequencing and structure incorporating CSS. Clear, correct and well-structures CSS code that is easy to read; CSS style included with at least 2 type selectors and a universal selector. Evidence that knowledge of web page creation applied and synthesised to create the final web page, with minor formatting mistakes. Demonstrates application of basic knowledge of web page creation incorporating CSS; CSS code is structured for easy reading, and CSS style included with at least 2 type selectors and a universal selector. Evidence of formatting and spelling mistakes Application of learned knowledge and skills required to create web pages using CSS; CSS code is only partially structured and requires further work to be presentable; CSS style included with at least 2 type selectors and a universal selector. However formatting is incorrect. CSS code missing or has not been structured correctly and style is not formatted correctly, therefore web page not displaying correctly.

Assessment instructions
Assignment 3 guidelines
Posted on: Monday, 3 October 2016 13:55:35 o'clock AEDT
Dear Students,
The Assessment 3 is soon due. Please look into the Assessment 3 folder.
1. Files for Assignment is in Assignment 3 folder.
2. All students are expected to get the web server account. The pdf file in the Assignment 3 folder which says getting the web server account has all the steps to get the account. Do it ASAP. Please ignore the lines highlighted in yellow. That problem was fixed. All students having CSU user name and password should be able to get the webserver account.
If you have problem in getting the webserver account which is related authentication/ validation, first reset your CSU password. If the problem exists even after that please get in touch with the DIT (IT information helpdesk of CSU) which is 1300653088 or + 612 6338 4357.
If you are having problems with this, please dont send me an email instead contact the IT help desk.
3. Install WinSCP on your laptops. Please bring them along with you to the class this week.
4. We will do the tutorial of how to create a web page and then we can upload on the web server.
5. Validate your html code on this website. https://validator.w3.org Make changes till all the errors and warnings are fixed. Copy and paste the screen shot on the word document.
6.. Once you have uploaded the fies on the public _html folder using WinSCP. The webpage should open when you type http://csusap.csu.edu.au/~username on the web browser.
7.. Word document should contain the following
a.Copy the URL and paste it on a word document http://csusap.csu.edu.au/~username
b.Each feature should include the part of the code as a image and then screen shot below it. The CSS features should also be included in the word document with code as image and screen shot below it.
c.Include your name on your portfolio. Let it show case your skills, experience, activities and qualification.
d.Include the references
e. Submit your word document/ pdf assignment on turnitin