Assessment item 3
Web Site Design
Due date: 10-Oct-2015
Return date: 30-Oct-2015
Submission method options
Alternative submission method
Task: This assessment item is to design a simple web site using HTML5 for an exercise equipment company. The description of the task is as follows:
Body Systems: Body Systems is a leading manufacturers of home gyms. The company recently hired you to assist in developing its Web site. Your first task is to create a web page for the LSM400, a popular weight machine sold by the company. You have been given a text file (smith.txt) describing the features of the LSM400. You have also received two image files: one of the company’s logo and second a picture of the LSM400 (logo.jpg & smith.jpg). You are free to supplement these files with any other resources available to you. You are responsible for the page’s content and appearance.
Complete the followings:
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 Use the contents of the smith.txt document (provided in the student resource folder) as the basis of the document body. Include at least one example of each of the following:
• structural elements such as the header, footer, section and aside elements
• grouping elements including a heading and a paragraph
• a text-level element
• an inline image
• a character entity reference or a character encoding number
7 Structure your HTML5 code so that it’s easy for others to read and understand.
8 Save your changes to the file, and then open it in your Web browser to verify that is readable.
9 Obtain a copy of an sftp client (for example, WinSCP (this one is on the Lab machines) or any other client you wish to use - eg psftp.exe).Obtain a copy of an sftp client (for example, WinSCP (this one is on the Lab machines) or any other client you wish to use - eg psftp.exe).
10 Upload your files to the web server account you have created on the CSU web server (the files need to go into the public_html directory). Verify that the web page you have created is linked to your own homepage e.g. http://csusap.csu.edu.au/~username
11 Submit all your completed files in a zip folder using Turnitin along with the web address of your homepage. Make sure you write the web address in a separate MS Word document and include that in the zip folder along with other files.
Getting Web Server Account on CSU Web Servers
1 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.
2 Go to the web site http://www.csu.edu.au/webpublishing/personal.htm
3 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.
4 Keep in mind that CSU web server allows maximum size of data files upto 20 MB. So your data files should be within this limit.
5 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)
This assessment covers the following learning objectives:
? be able to apply basic knowledge of creation of web pages using XHTML and CSS; and
? be able to describe and analyse the role and importance of Internet technologies in the modern worl.
The following marking criteria will be used for this assessment. The explanation of each assessment component is provided in the marking guide below.
Create Index.htm 3
Upload to Server 6
Add features 7
Document and Organise Code 7
The following marking guide will be used for this assessment.
Assessment Component HD DI CR PS FL
HD ( 84%) DI (75% - 84%) CR (65% - 74%) PS (50% - 64%) FL ( 49%)
A new HTML5 file named index.htm has been created, uploaded and linked to the homepage Be able to create an index.htm correctly Created index.htm correctly minor formatting &/or spelling mistake made Created index.htm correctly formatting &/or spelling mistakes made index.htm Partially created Did not create index.htm as specified
index.htm is uploaded and linked to the homepage The index.htm has been created and uploaded to the server Uploaded index.htm correctly minor formatting &/or spelling mistake made Uploaded index.htm correctly formatting &/or spelling mistakes made Partially completed the upload index.htm Did not upload index.htm as specified
The contents of the smith.txt document have been used as the basis of the document body. At least one example of each the following has been included (Step 6 Items):
- structural elements such as header, footer, section, and aside
-grouping elements including a heading and a paragraph
- an inline image
-a character entity reference or a character encoding number Be able to add at least one example of each Step 6 item correctly Be able to add at least one example of each Step 6 item with minor formatting &/or spelling mistake made Be able to add at least one example of four of the Step 6 items correctly with formatting &/or spelling mistakes made Partially able to add at least one example of three of the Step 6 items Was not able to add more than two of the required item 6 examples correctly as specified
Your HTML5 code has been structured so that it’s easy to read/understand HTML5 code has been structured so that it is easy to read/understand correctly HTML5 code has been structured so that it’s easy to read/understand, correctly with minor formatting &/or spelling mistake made HTML5 code has been structured so that it’s easy to read/understand correctly, with formatting &/or spelling mistakes made HTML5 code has partially been structured so that it’s easy to read/understand HTML5 code has not been structured so that it’s easy to read/understand as specified
Changes have been saved, and the file viewed to verify that it is readable The file viewed and verified correctly The file viewed and verified correctly with minor formatting &/or spelling mistake made The file viewed and verified correctly with, formatting &/or spelling mistakes made The file viewed and verified and partially correct The file not viewed and verified correct