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:
Create a new HTML5 file named index.htm and save it in a folder with your Data Files.
Add the appropriate doctype for HTML5 to the beginning of the file.
Add a comment to the document head describing the documentâ€™s content and containing your name and the date.
Add an appropriate page title to the document head.
Set the character set of the file to UTF-8.
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
Structure your HTML5 code so that itâ€™s easy for others to read and understand.
Save your changes to the file, and then open it in your Web browser to verify that is readable.
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).
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
Submit all your completed files in a zip folder using the EASTS submission system 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
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.
Go to the web site http://www.csu.edu.au/webpublishing/personal.htm
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.
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.
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.
Upload to Server
Document and Organise Code
The following marking guide will be used for this assessment.
DI (75% - 84%)
CR (65% - 74%)
PS (50% - 64%)
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