ICTWEB505: Developing Complex Web Page Layouts for Ransford College

Desklib provides past papers and solved assignments for students. This assignment focuses on web development.

ICTWEB505 - Develop complex web page layouts
Assessment
ICT50115 Diploma of Information Technology

College Details
Ransford College Pty Ltd T/A AAAR Institute
of Business & Technology
230 Church Street
Parramatta NSW 2150
Australia
T: 1300 198 775
T: [phone]
www.ransford.edu.au
[e-mail]
ABN 86 606 260 404
ACN 606 260 404
CRICOS 03614A
RTO Number 45178
Your Workplace Health and Safety (WHS) at Ransford College
1. It is your duty to inform staff at Ransford College if you see, hear or come across any
incident, situation or hazard that might require immediate attention
2. In case of an emergency evacuation, you are required to follow the instructions
provided by your trainer. While exiting the building, keep calm and walk alongside the
handrails.
ICTWEB505 - Develop complex web page layouts
4th July 2018
Modified @ Ranford College
Version 1.0

The Assessment Process
Why are assessment tasks important?
To complete your qualification, you are required to apply the ideas you have been learning from this
unit of competence.
The assessment activities are an important part of your training program as they provide an
opportunity to apply what you have been learning and they give both you and your trainer feedback
on your progress.
How will you be assessed?
You will be required to complete a variety of written and practical exercises. Instructions for how to
complete the assessments are provided within each assessment task in this booklet.
What is required for successful completion?
Please read this section carefully before commencing the assessment tasks. You must carefully
complete EVERY task in this booklet. You must achieve a ‘Satisfactory’ mark for all assessment tasks
to be deemed Competent for the unit. If you are assessed as Not Competent, you will be given some
suggestions for improvement and asked to redo your assessment.
At the successful completion of the assessment tasks, you will have demonstrated your competence
against all of the requirements of the unit.
Submission of assessments
Your trainer will advise you when to commence the assessments in this booklet.
You are required to complete the written assessments on a separate document. You have access to
computers which are equipped with 2010 Microsoft suite of products. You will also have access to
the internet at the College to assist with research and resources. Assessment responses should be
typed; however, handwritten submissions will be accepted if they are clear and legible.
On the document please include:
o Your name
o The date
o The Assessment Number and Task Number.
For example:
o John Smith
o 10 August 2015
o Assessment 1 - Question 1 (Record your answer).
Please note that some assessments require additional documentation, such as a form or a
procedure, which must be included with your submission.
Make sure you check your material before submission. You must keep a copy of all work submitted.
ICTWEB505 - Develop complex web page layouts
4th July 2018
Modified @ Ranford College
Version 1.0

Access and equity
A student’s access to the assessment process should not be affected by restrictions placed on the
location or context of assessment beyond the requirements specified in the training package.
Reasonable adjustments can be made to ensure equity in assessment for people with disabilities,
including language and literacy. Adjustments include any changes to the assessment process or
context that meet the individual needs of the person with a disability but do not change competency
outcomes. If you believe you have a disability that may affect the completion of these assessment
tasks please speak to your trainer.
Assessment outcomes
Your assessment submission will be assessed and you will be given feedback. Each assessment task
will be marked as either Satisfactory or Unsatisfactory and once all assessments have been marked
you will be given an outcome of Competent or Not Competent for the unit of competence.
What can you do if you don’t agree with the assessment result?
If you do not think the assessment process is valid, disagree with the assessment outcome, or
believe that you have been treated unfairly, you can appeal.
The first step is to discuss the matter with your trainer. If you still do not agree, you are able to
request a re-assessment. It is possible to have your assessment submission assessed by a different
assessor.
If you remain dissatisfied after the re-assessment, you should contact your trainer. Full details of the
appeals process are contained in your Student Handbook.
Declaration of Authenticity
You are required to sign a Declaration of Authenticity for every written assessment submission. The
Declaration is a signed statement from you stating that the assessment submission is your own
work.
ICTWEB505 - Develop complex web page layouts
4th July 2018
Modified @ Ranford College
Version 1.0

Scenario
Ransford college wants to design and create a web page layout, to suit a range of devices and a variety
of browsers, to industry standards. They hired you to help them develop complex web page layouts for
Ransford College.
More specifically:
1. Build a web page according to the design prototype
2. Ensure web page is validated and tested in major browsers
3. Ensurethe website is accessible
Your trainer will play the role of Ransford College’s CEO and will guide you through the requirements of
the implementation of your task.
For this task, you will be using WordPress with your trainer’s guidance.
You can access all College’s information at https://ransford.edu.au/
ICTWEB505 - Develop complex web page layouts
4th July 2018
Modified @ Ranford College
Version 1.0

Task 1 –Build a web page
You will need to take screenshots of each part and attach them at the end of this booklet as
evidence that you have completed this Task.
Part a
Identify the main sections of the web page layout.
Web page layout
On the created web page the layout contains different sections that include Home, Student
Zone, Academics, Admissions, Contact us and About us. All these sections are integrated
together to form this web page and are considered as the main section of the web page. For all
the components there are different codes which are tested and verified properly and every page
is different from another with different functionality. For the home page, the web page is linked
to the home page of the web page, in the student zone, the information regarding the students
including their personal details are displayed which can be edited by the students only. In the
Academics page, the information regarding the academics of the student is present and any
special announcements in the academics can be displayed on this page. In the Admission page,
all the information regarding the admissions is present that include the number of students and
their enrolment details are present. In the contact and about us page, the basic information is
provided regarding the website and if the customer faces an issue then he/she can contact by
visiting on the contact us page and in about us page basic information regarding the
functionalities of the website will be provided. The integration of all these components will
create the overall web page.
Part b
Create a web page structure.
ICTWEB505 - Develop complex web page layouts
4th July 2018
Modified @ Ranford College
Version 1.0

Figure 1: Structure of a Home page
The above figure shows the structure of the home page which are connected by the
navigation bar.
Part c
Position web page elements to achieve the design specification.
Figure 2: CSS file
The customize screen of the theme. The CSS file is accessible by this above screen.
Marking Guide – Task 1
Did the student: Yes No
1.1 Identify the main sections of the web page layout
ICTWEB505 - Develop complex web page layouts
4th July 2018
Modified @ Ranford College
Version 1.0

Did the student: Yes No
1.2 Create the web page structure
1.3 Position web page elements to achieve the design specification
Outcome S NYS
Is resubmission required Yes No
Trainer signature
Student signature
Comments
Declaration of Authenticity – Task 1
Student Name
Student ID Term
I declare that all work completed in this assessment is my own
Student Signature Date
Trainer/Assessor Name
ICTWEB505 - Develop complex web page layouts
4th July 2018
Modified @ Ranford College
Version 1.0

Task 2 - Ensure web page is validated and tested in
major browsers
You will need to take screenshots of each part and attach them at the end of this booklet as
evidence that you have completed this Task.
Part a
Validate the cascading style sheet (CSS) against industry standards and explain the process
you followed below:
While writing the code for CSS at the initial stage, the possibility of making errors can
be high so it is important to validate the rules and check that they should not be
against the industry standards. For validating the CSS code appropriately W3C’s is a
tool which is highly recommended in order to provide the accurate validation for the
code. There are various other methods through which the validation can be done
these are the URL of the pages or by uploading the content from the computer or by
inserting the code of CSS. All these tools need to be used in order to perform valid
validation and cross-checking of the Cascading style sheet code according to the
standards of the industry that need to be followed with proper scrutiny and very
precisely.
Part b
Correct browser incompatibilities, using the most robust techniques and record the
techniques you used below:
There are various techniques which are used in order to check the correct browser
incompatibilities from which two most robust are discussed here. The dom-based
technique is one technique which is used and is platform independent technique
which interacts with the objects in the documents of HTML, XML and other such
languages. Whenever any web page is rendered in the browser then it will first
download the objects of the HTML in the local memory and it will by default parse the
display page in to screen. And another technique is an image-based technique which
takes input screenshots of the provided web page on the browser’s baseline and then
compares these screenshots with other platforms which give the appropriate results.
In this technique, the segmentation and the comparison are totally dependent on the
image and on its basis and this particular technique is based on the browser as only
the provided screenshots are captured on the specific browser.
ICTWEB505 - Develop complex web page layouts
4th July 2018
Modified @ Ranford College
Version 1.0

Part c
Test the website in various browsers
Figure 3: Mozilla testing
By the above figure, it is clear that the website is easily run in the Mozilla Firefox browser.
Figure 4: Microsoft edge
As the above screenshot is taken from the website running on the Microsoft Edge browser.
This screenshot is the result of the smooth running of the website.
ICTWEB505 - Develop complex web page layouts
4th July 2018
Modified @ Ranford College
Version 1.0

Figure 5: Google Chrome testing
This is the result of the smooth running of the website in the Google Chrome browser.
Marking Guide – Task 2
Did the student: Yes No
2.1 Validate the cascading style sheet (CSS) against industry standards
2.2 Correct browser incompatibilities, using the most robust techniques
2.3 Test the website in various browsers
Outcome S NYS
Is resubmission required Yes No
Trainer signature
Student signature
Comments
Declaration of Authenticity – Task 2
Student Name
ICTWEB505 - Develop complex web page layouts
4th July 2018
Modified @ Ranford College
Version 1.0

Student ID Term
I declare that all work completed in this assessment is my own
Student Signature Date
Trainer/Assessor Name
ICTWEB505 - Develop complex web page layouts
4th July 2018
Modified @ Ranford College
Version 1.0