Course Title: Create a markup language document to specification

Part B: Course Detail

Teaching Period: Term2 2019

Course Code: COSC7365C

Course Title: Create a markup language document to specification

School: 650T Vocational Business Education

Campus: City Campus

Program: C5395 - Diploma of Information Technology

Course Contact: Val Christou

Course Contact Phone: +61 3 9925 5076

Course Contact Email: val.christou@rmit.edu.au


Name and Contact Details of All Other Relevant Staff

Course Leader: Nicky Sephton

nicky.sephton@rmit.edu.au

+61399255423

 

Teacher: Sarah McKinnon

sarah.mackinnon@rmit.edu.au

 

Teacher: Sruthy Korembith

sruthy.korembith@rmit.edu.au

Nominal Hours: 20

Regardless of the mode of delivery, represent a guide to the relative teaching time and student effort required to successfully achieve a particular competency/module. This may include not only scheduled classes or workplace visits but also the amount of effort required to undertake, evaluate and complete all assessment requirements, including any non-classroom activities.

Pre-requisites and Co-requisites

None

Course Description

This unit describes the skills and knowledge required to use a text editor to design, create and save web pages to a given specification, rather than using an authoring tool.

It applies to individuals working as web designers and developers who interpret client briefs, generate a framework for internet information, and are resourceful in their application of technology in using a markup language.


National Codes, Titles, Elements and Performance Criteria

National Element Code & Title:

ICTWEB429 Create a markup language document to specification

Element:

1. Analyse the specifications and requirements

Performance Criteria:

1.1 Determine the uses and audience of the document   1.2 Determine the appropriate markup language, based on the  document s uses and audience, and current industry best practice  1.3 Determine the document structure 

Element:

2. Create the document structure

Performance Criteria:

2.1 Create and assign the basic elements of the document, taking into account accessibility   2.2 Mark-up the sections of the document required to describe   the structure 

Element:

3. Incorporate the web page components

Performance Criteria:

3.1 Identify the web page components   3.2 Evaluate suitable web page components   3.3 Include the required web page components 

Element:

4. Validate the documents

Performance Criteria:

4.1 Validate the markup language document, against the specifications and record the outcomes   4.2 Validate the markup language document in different browsers for compatibility, and record the outcomes


Learning Outcomes



Details of Learning Activities

A range of learning activities are planned for this course on a variety of topics as shown in the teaching schedule.

 

This may include self-paced and collaborative classroom activities such as:

  • Class exercises
  • Challenges
  • Problem solving
  • Project work
  • Quizzes

We expect you to participate and contribute in all scheduled learning activities as each week builds on the next.

 

 


Teaching Schedule

Course Delivery: 

  The nominal hours associated with this are a guide only and represent the total teaching time and student effort required to successfully complete the course. This may include not only scheduled classes but also the amount of effort required to undertake, evaluate and complete all assessment requirements, including any non-classroom activities.

 

Week

Week Beginning

Topic

Learning Materials and Activities

Assessment Remarks

1

8th July 

Introduction to the course – HTML, CSS & JavaScript.

Understanding the internet, world wide web, HTTP, browsers and markup languages

Setting up accounts on Jupiter server

Overview and discussion of the two assessments

2

15th July 

HTML structure, W3C standards & accessibility. Page mark-up and document flow

Creating HTML documents, browser testing and accessibility

Understanding text content and markup standards

Project requirements

Analysing a client brief

3

22th July 

HTML structure, W3C standards & accessibility. Working with images and hyperlinks

URLs, folders, file paths, image size and type

Image accessibility issues.

 

4

29th July 

HTML structure & W3C standards. Navigation, footers & HTML entities

W3C validation of markup and default browser displays

 

5

5th August

User testing and project work

 

Assessment 1

Web project -  part 1 submission

6

12th August

Introduction to web page design and CSS.

Principles of web page design and browser display. Normal document flow

Creating styles for text elements – h1, h2, p, ul, ol, li, body

Creating external style sheets

Fonts, colour, backgrounds

 

7

19th August

CSS layout

Margins, padding, height, width, border, positioning elements

CSS selectors – class and id

Styling containers

Nav, main, section, header & footer

 

8

26th August

CSS advanced layout

CSS flex

Styling content using CSS flex and class / id selectors

 

Mid-semester break (Monday 2nd – Friday 6th September)

9

9th September

Advanced layouts

CSS grid

Styling content using CSS grid and class / id selectors

 

10

16th September

In class user & browser testing, project demonstration

In class user & browser testing, project demonstration

Assessment 1

Web project -  part 2 submission

11

23rd September

HTML forms and CSS styling of form elements

Introduction to JavaScript

Exploring and creating HTML forms

Form design and behaviour

 

12

30th September

JavaScript event handlers, variables, functions

JavaScript behaviours for HTML forms

Creating scripts to add functionality to forms

Declaring variables and using conditional statements to make decisions

 

13

7th October

JavaScript event handlers, variables, functions

JavaScript behaviours for HTML forms

Creating scripts to add functionality to forms - regular expressions and validation of form data

 

14

14th October

User testing and assessment 2 (test) revision

User testing activities and concept / theory revision

Assessment 1

Web project -  part 3 submission

15

21st October

Assessment 2 –

in class test

Assessment 2 –

in class test

Assessment 2

In Class Test

16

28th October

Re-submission if required

Re-submission if required

 


Learning Resources

Prescribed Texts


References


Other Resources

You will need laptop with charger for each class 

You may also refer to various media, websites, textbooks and e-books as indicated in Canvas


Overview of Assessment

In order to achieve competency in this unit, you must provide:

Performance Evidence

 Evidence of the ability to:    

  • design, create and save a document using a markup language, without using an automated code generation program
  • use a text editor for generating the markup language code for use on common web browsers
  • validate the markup document against the standards set by the World Wide Web Consortium (W3C). 

Knowledge Evidence

To complete the unit requirements safely and effectively, you must:    

  • recognise and outline the use of markup languages including:
    • dynamic hypertext markup language (DHTML)
    • hypertext markup language (HTML)
    • standard generalised markup language (SGML)
    • virtual reality modelling language (VRML)
    • extensible hypertext markup language (XHTML)
    • extensible markup language (XML)
  • identify and describe, standards applicable to a markup language
  • summarise the range of available web browsers and their accessibility
  • identify and describe, the issues of accessibility.  

Assessment Conditions

Assessment must be conducted in a safe environment where evidence gathered demonstrates consistent performance in conditions that are safe and replicate the workplace. Noise levels, production flow, interruptions and time variances must be typical of those experienced in the website technologies field of work, and include access to:

  • an organisational style guide or policy
  • all user requirements
  • a text editor
  • a range of browsers
  • the internet, to validate the markup.

You are advised that you are likely to be asked to personally demonstrate your assessment work to your teacher to ensure that the relevant competency standards are being met.

Feedback

Feedback will be provided throughout the semester in class and/or online discussions.  You are encouraged to ask and answer questions during class time and online sessions so that you can obtain feedback on your understanding of the concepts and issues being discussed. Finally, you can email or arrange an appointment with your teacher to gain more feedback on your progress.

You should take note of all feedback received and use this information to improve your learning outcomes and final performance in the course.       


Assessment Tasks

Please note the following three units are clustered and therefore co-delivered and co-assessed holistically.

  • COSC7365C (ICTWEB429) - Create a markup language document to specification
  • COSC7367C (ICTWEB506) - Develop complex cascading style sheets
  • COSC7366C (ICTWEB411) - Produce basic client-side script for dynamic web pages

 

You are required to complete two assessments

You must successfully complete all sections of each assessment tasks to be deemed competent in this unit.

 

Assessment 1 - Individual Website Project

 

You are required to read a client brief; and then design, build and test the required website using HTML5, CSS and JavaScript. The website is to be built using a text editor; validated against the W3C standards to ensure all code is semantically correct and meets accessibility guidelines; and tested to ensure it meets the client requirements and functions correctly in modern browsers.

 

This project has 3 parts

  1. HTML structure and content
  2. CSS design and layout
  3. HTML form with JavaScript validation of form input

 

Part 1 – HTML: Requirements Analysis, Develop and Test (Due date: Refer to Teaching Schedule)

 

Read and analyse a client brief to determine the content for each page in the website. Source and markup content for the required pages. Validate HTML and test web pages in different browsers

 

Part 2 – CSS: Design, Develop and Test (Due date: Refer to Teaching Schedule)

 

Read and analyse a client brief to determine style requirements for the web pages. Draw storyboards to design the layout for each page. Create styles for the HTML elements using Cascading Style Sheets (CSS). Link external style sheets to all web pages. Validate the CSS styles and test web pages in different browsers

 

Part 3 - JavaScript: Design, Develop and Test (Due date: Refer to Teaching Schedule)

 

Read and analyse a client brief to determine functional requirements.

Create an HTML form and style with CSS. Link this form to the website built in assessment 1 & 2. Using JavaScript event handlers and functions, create a script to validate form fields to meet client requirements

The completed website (parts 1, 2 and 3) is to be uploaded to the RMIT file server, and detailed testing documentation is to be submitted.

 

Assessment 2 - Knowledge Review (Due date: Refer to Teaching Schedule)

 

For this assessment task, you are required to complete a set of online, in-class, open-book quiz (test) within a given time frame.

 

 


Assessment Matrix

Elements/Performance Criteria 

Assessment Details 

1. Analyse the specifications and requirements 

1.1 Determine the uses and audience of the document  

1.2 Determine the appropriate markup language, based on the document s uses and audience, and current industry best practice  

1.3 Determine the document structure 

Assessment 1 - Individual Website Project 

Assessment 2 - Knowledge Review 

2. Create the document structure 

2.1 Create and assign the basic elements of the document, taking into account accessibility  

2.2 Mark-up the sections of the document required to describe the structure 

Assessment 1 - Individual Website Project 

3. Incorporate the web page components  

3.1 Identify the web page components  

3.2 Evaluate suitable web page components  

3.3 Include the required web page components 

Assessment 1 - Individual Website Project 

4. Validate the documents 

4.1 Validate the markup language document, against the specifications and record the outcomes  

4.2 Validate the markup language document in different browsers for compatibility, and record the outcomes   

Assessment 1 - Individual Website Project 

Assessment 2 - Knowledge Review 

Performance Evidence 

  

Design, create and save a document using a markup language, without using an automated code generation program  

Use a text editor for generating the markup language code for use on common web browsers  

Validate the markup document against the standards set by the World Wide Web Consortium (W3C). 

Assessment 1 - Individual Website Project 

Knowledge Evidence 

  

Recognise and outline the use of markup languages including:  

   dynamic hypertext markup language (DHTML) 

   hypertext markup language (HTML)  

   standard generalised markup language (SGML) 

   virtual reality modelling language (VRML)  

   extensible hypertext markup language (XHTML)  

   extensible markup language (XML)  

Identify and describe, standards applicable to a markup language  

Summarise the range of available web browsers and their accessibility  

Identify and describe, the issues of accessibility.  

Assessment 2 - Knowledge Review 

 





 

 

 

Elements/Performance Criteria 

Assessment Details 

1. Analyse the specifications and requirements 

1.1 Determine the uses and audience of the document  

1.2 Determine the appropriate markup language, based on the document s uses and audience, and current industry best practice  

1.3 Determine the document structure 

Assessment 1 - Individual Website Project 

Assessment 2 - Knowledge Review 

2. Create the document structure 

2.1 Create and assign the basic elements of the document, taking into account accessibility  

2.2 Mark-up the sections of the document required to describe the structure 

Assessment 1 - Individual Website Project 

3. Incorporate the web page components  

3.1 Identify the web page components  

3.2 Evaluate suitable web page components  

3.3 Include the required web page components 

Assessment 1 - Individual Website Project 

4. Validate the documents 

4.1 Validate the markup language document, against the specifications and record the outcomes  

4.2 Validate the markup language document in different browsers for compatibility, and record the outcomes   

Assessment 1 - Individual Website Project 

Assessment 2 - Knowledge Review 

Performance Evidence 

  

  1. design, create and save a document using a markup language, without using an automated code generation program  

  1. use a text editor for generating the markup language code for use on common web browsers  

  1. validate the markup document against the standards set by the World Wide Web Consortium (W3C). 

Assessment 1 - Individual Website Project 

Knowledge Evidence 

  

  1. recognise and outline the use of markup languages including:  

  1. dynamic hypertext markup language (DHTML) 

  1. hypertext markup language (HTML)  

  1. standard generalised markup language (SGML)  

  1. virtual reality modelling language (VRML)  

  1. extensible hypertext markup language (XHTML)  

  1. extensible markup language (XML)  

  1. identify and describe, standards applicable to a markup language  

  1. summarise the range of available web browsers and their accessibility  

  1. identify and describe, the issues of accessibility.  

Assessment 2 - Knowledge Review 

Assessment 1 - Individual Website Project 

 

Other Information

Submission Requirements

Assessment tasks need to be submitted via Canvas.

You should:

  • Ensure that you submit assessments on or before the due date. 
  • Always retain a copy of your assessment tasks (hard copy and soft copy).
  • When you submit work for assessment at RMIT University you need to use a cover sheet that includes a declaration and statement of authorship.  You must complete, sign and submit a cover sheet with all work you submit for assessment, whether individual or group work.  On the cover sheet you declare that the work you are presenting for assessment is your own work.  An assignment cover sheet for submission of work for assessment is available on Canvas. 
  • Each page of your assessment should include footer with your name, student number, the title of the assessment, unit code and title and page numbers.  For example, Julie Macpherson, 324567, Task 2, OHS2345C Ensure safe workplace, Page 1 of 10.


Late Submission Procedures

You are required to submit assessment items and/or ensure performance based assessment is completed by the due dates.

If you are prevented from submitting an assessment item on time, by circumstances outside your control, you may apply in advance to your teacher for an extension to the due date of up to seven calendar days.

More information:  http://www.rmit.edu.au/students/assessment/extension

Form to use:  http://mams.rmit.edu.au/seca86tti4g4z.pdf

Where an extension of greater than seven days is needed, you must apply for special consideration.  Applications for special consideration must be submitted no later than two working days after the assessment task deadline or scheduled examination.

More Information:  http://www.rmit.edu.au/browse;ID=g43abm17hc9w (unresolved)

Form to use:  http://mams.rmit.edu.au/8a5dgcaqvaes1.pdf
 

Re-submissions (VET Programs)

If you are found to be unsuccessful in a Course Assessment Task you will be allowed one re-submission only.  Your teacher will provide feedback regarding what you need to do to improve and will set a new deadline for the re-submission.  The highest grade you will receive if your re-submission is successful is "CAG".

If you are still not meeting the assessment requirements you must apply to your Program Manager in writing outlining the steps you will take to demonstrate competence in your course.  Your submission will be considered by the Program Team and you will be advised of the outcome as soon as possible.


Adjustments to Assessment

In certain circumstances students may be eligible for an assessment adjustment.  For more information about the circumstances under which the assessment arrangements might be granted please access the following Website:

More Information:  http://rmit.edu.au/browse;ID=7usdbki1fjf31


Marking Guide (Competency)

You must demonstrate that you have all the required skills/knowledge/elements in the unit of competency you are studying.

You will receive feedback on each assessment task that will inform you about your progress and how well you are performing.



 

 

Course Overview: Access Course Overview