ISY10209 - End of Session 3 - 2020
UNIT: ISY10209 – Web Development 1
TIME ALLOWED: 5 days
PERMITTED MATERIALS: ALL printed or recorded materials supplied as part of the delivery for this unit. Examples of code provided as part of this unit. The code you created from previous Continuous Activities in this unit.
SPECIAL INSTRUCTIONS:
This assessment includes five (5) activities and a video component which will assess your knowledge of HTML, CSS and JavaScript and the content of ISY10209. The weighting of this exam is 40% of your overall marks. Each activity will begin on a new page.
This exam has a possible 42 marks. The maximum mark available whether or not all tasks are completed is 40 marks.
Contact with tutors and students during the final assessment is forbidden. You may contact the Unit Assessor with regards to queries about questions within this document only. Replies to questions will be provided as announcements so everyone has the same information.
If you get stuck on an activity you are advised to move to the next activity.
This final assessment is due in five (5) days. The due date for this assessment is Friday the 19th of February at 11:59PM, New South Wales Time.
You MUST name your final zip file in the following format:
lastname_firstname_studentID.zip
You MUST name your html files in the following format:
CAnumber_studentID.html
Failure to name your files in the correct format may result in your assessment not being marked. Each activity will require you to write several pieces of code. Some of these activities will also require you to put answers into your code as paragraphs, lists, tables and forms.
Unless otherwise stated ALL questions within this assessment MUST be answered on the specified HTML page.
Please read the following information carefully:
Cheating in assessments is a serious offence and includes but is not limited to copying from another student, completing an assessment for another student, 'recycling' work that has been previously submitted, colluding with other student(s) taking the same final assessment. Collusion also occurs when a person knowingly allows his or her work to be copied and passed off as the work of another person. You are also not allowed to use resources or material sourced via the internet outside of Southern Cross Universities website for ISY10209. This includes programming forums, Google and instant messaging programs.
It is important that you read the university’s Academic Misconduct Guidelines (https://policies.scu.edu.au/download.php?id=326&version=3&associated) as submission of your final assessment is confirmation verifying that you have read the Academic Misconduct Guidelines and the final assessment you are submitting is your own work, duly referenced and you are fully aware of penalties for academic misconduct. If you are unsure or have any questions regarding what conduct constitutes cheating please contact me prior to the final assessment.
Please make sure to sign this document and submit it with your assignment!
STUDENT NAME: ...........................................................................
I.D. NUMBER: .................................................................................
CA13 – Day 1 activities – 5 marks
1. Create a HTML page using the correct file naming conventions described in the special instructions on the cover sheet. You will only use inline CSS styles for this page. This page will use a one-column layout. The page should have a heading with your full name, student ID and use the SCU logo. A navigation bar should be constructed under the heading. (1 ½ marks)
2. According to Felke-Morris there are six (6) guidelines for using images. In your HTML page, discuss these guidelines using a separate paragraph for each guideline. Each paragraph should demonstrate a different style of heading above the related paragraph. Your answer should also demonstrate the following, using inline CSS: (2 marks)
a) At least two (2) different heading styles
b) At least two (2) different font-weights, font-styles and font-sizes
c) At least one font-family with two typefaces
3. Create a hyperlink in the navigation bar to the page in the next activity, CA14. (½ mark)
4. Your pages will be also graded on coding style and validation (1 mark)
CA14 – Day 2 activities – 7 marks
1. Create another HTML page using the correct file naming conventions described in the special instructions on the cover sheet. You will only use inline CSS styles for this page. This page will use a two-column layout. The page should have a heading with your full name and use the SCU logo. A navigation bar should be constructed under the heading. (1 ½ marks)
2. Answer this question in the left column: In relation to HTML and JavaScript, write one paragraph explaining Events and Event Handlers. You will style this column with inline CSS, based on the last number in your student ID as instructed below. You should use HTML colour codes to style your column and choose colour codes which improve readability. If your student ID ends in, the colours available to you are: (2 marks)
a) 0, you will style a blue background with white text
b) 9, you will style a yellow background with blue text
c) 8, you will style a yellow background with black text
d) 6, you will style a black background with white text
e) 3, you will style a pink background with dark purple text
f) 4, you will style a grey background with black text
g) 5, you will style a dark grey background with pale yellow text
h) 1, you will style a blue background with yellow text
i) 2, you will style a green background with white text
j) 7, you will style an orange background with black text
3. In the right column of this page, construct the following sample of exam questions**. Your code will replace the letters of each answer with radio buttons. But the correct answer MUST already be chosen. That is, it must already be checked. You should use HTML colour codes to style your column and choose colour codes which improve readability. If your student ID ends in, the colours available to you are: (2 marks)
a) 9, you will style a blue background with white text
b) 0, you will style a yellow background with blue text
c) 1, you will style a yellow background with black text
d) 2, you will style a black background with white text
e) 4, you will style a pink background with dark purple text
f) 3, you will style a grey background with black text
g) 6, you will style a dark grey background with pale yellow text
h) 5, you will style a blue background with yellow text
i) 7, you will style a green background with white text
j) 8, you will style an orange background with black text
**Please see the next page for the sample exam questions
4. Create a hyperlink in the navigation bar to the page in the next activity, CA15. (½ mark)
5. Your pages will be also graded on coding style and validation (1 mark)
CA15 – Day 3 activities – 8 marks
1. Create a HTML page using the correct file naming conventions described in the special instructions on the cover sheet. You will only use embedded CSS styles for this page. This page will use a two-column layout. The page should have a heading with your full name and use the SCU logo. A navigation bar should be constructed under the heading. (1 ½ marks)
2. In the left column of this page, write answers to the following questions. You will format your answers as description list. (2 marks)
a) What organization takes a proactive role in developing recommendations and prototype technologies related to the Web?
b) What special character is used to indicate a blank space?
c) Which CSS property configures the size of text?
d) How do you write a comment in CSS?
e) What are the recommended number of columns on page layouts for mobile, tablet, and desktop/laptop?
Your answers in the left column MUST demonstrate the following, using embedded CSS:
a) At least two (2) different text colours
b) At least two (2) different background colours (one applied to the entire webpage to contrast this column)
c) At least one (1) text-decoration
3. Answer this question in the right column: Using a table, list three (3) common event handlers and the events that trigger the event handler. The table should be formatted using CSS only. (3 marks)
4. Create a hyperlink in the navigation bar to the page in the next activity, CA16. (½ mark)
5. Your pages will be also graded on coding style and validation (1 mark)
CA16 – Day 4 activities – 8 marks
1. Create a HTML page using the correct file naming conventions described in the special instructions on the cover sheet. You will only use external CSS styles for this page. This page will use a two-column layout. The page should have a heading with your full name and use the SCU logo. A navigation bar should be constructed under the heading. (1 ½ marks)
2. In the left column of this page, identify ten (10) errors in the following code**. Your answer MUST demonstrate the following:
a) Be formatted as an unordered list
b) Use at least two (2) different text colours
c) Use at least two (2) different background colours (one applied to the entire webpage to contrast this column)
d) Change the bullet type on your unordered list to squares
e) Use at least one (1) div and one (1) span. (2 marks)
**Please see the next page for the sample code
3. In the right column of this page, create a table with the same layout as shown in the following image. You are allowed to style/format this table as you like, but the columns and rows must appear as they are in the image. (3 marks)
4. Create a hyperlink in the navigation bar to the page in the next activity, CA17. (½ mark)
5. Your pages will be also graded on coding style and validation (1 mark)
CA17 – Day 5 activities – 12 marks
1. Create a HTML page using the correct file naming conventions described in the special instructions on the cover sheet. You will demonstrate embedded, inline and external CSS styles on this page. Your page should also demonstrate use of at least one (1) class selector and one (1) id selector. This page will use a three-column layout. The page should have a heading with your full name and use the SCU logo. A navigation bar should be constructed under the heading. (2 marks).
2. In the left column of this page, for the following web address: http://infotech.scu.edu.au/~afletch1 explain in detail each part of the URL provided and what kind of information is passed in the address. (2 marks)
3. In the middle column of this page, explain each part of the CSS Box model. You should use at least six (6) different CSS formatting styles in your answer. (3 marks)
4. In the right column of this page, create a form with a submit button. The form MUST: (4 marks)
a) Use the “post” method
b) Target http://infotech.scu.edu.au/cgi-bin/echo_form in the form action
c) Be styled using only CSS
d) Contain the following fields:
• Text field maximum size 40 – Favourite Primary Colour (required - DO NOT use the HTML5 required field – this field must be checked by JavaScript onsubmit). The three primary colours being checked are red, blue and yellow
• Colours as a radio button group divided into seven (7) colour ranges as follows: Blue, red, purple, orange, yellow, cyan, green
• Contain six (6) checkboxes for how a person might use these colours: Paint a wall, paint a house, paint a car, paint a horse, none of these, other
• A submit and a reset button
e) Use JavaScript to check that Favourite Colour is not empty and matches one of the three primary colours mentioned previously. The JavaScript should alert the user to incorrect entries.
5. Your pages will be also graded on coding style and validation (1 mark)
CA18 – Day 5 video component – COMPULSORY – 2 marks
1. This is the video component of the assignment. If you are unsure how to format this video, please see the example video in the “How-To-Videos” on Blackboard. For the first 10 – 20 seconds of the video please make sure your ID is clearly visible. The video should take around two (2) minutes but should be no longer than five (5) minutes. You can choose to highlight errors if you wish. You shall refer to the code example which was provided on Page 8. The lines you will explain will be based on the last number in your student ID. If your student ID ends in: (2 marks)
a. 0 or 1; In your own words explain each line which ends in 1 or 2 (lines 1, 2, 11, 12, 21, 22, 31, 32, 41, 42, 51 and 52)
b. 2 or 3 In your own words explain each line which ends in 2 or 4 (lines 2, 4, 12, 14, 22, 24, 32, 34, 42, 44, 52 and 54)
c. 4 or 5; In your own words explain each line which ends in 5 or 6 (lines 5, 6, 15, 16, 25, 26, 35, 36, 45, 46, 55 and 56)
d. 6 or 7; In your own words explain each line which ends in 3 or 7 (lines 3, 7, 13, 17, 23, 27, 33, 37, 43, 47, 53 and 57)
e. 8 or 9; In your own words explain each line which ends in 2 or 6 (lines 2, 6, 12, 16, 22, 26, 32, 36, 42, 46, 52 and 56)
[End of Final Assessment]
GET ANSWERS / LIVE CHAT