UNIT ISY10209 – Web Development 1

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 Felker-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 – Favorite Primary Colour (required – DO NOT use the HTML5 required field
– this field must be checked by JavaScript on submit). 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 Favorite 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)
2/18/2021 63213 – ISY10209 – End of Session 3 – 2020UNIT: ISY10209 – Web
https://www.australiabesttutors.com/Recent_Question/63213/ISY10209–End-of-Session-3–2020UNIT-ISY10209–Web 6/7
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]