Course Title: Develop complex cascading style sheets

Part B: Course Detail

Teaching Period: Term1 2013

Course Code: COSC6114C

Course Title: Develop complex cascading style sheets

School: 650T TAFE Business

Campus: City Campus

Program: C5300 - Diploma of Information Technology

Course Contact : Swati Dave

Course Contact Phone: +61 3 9925 5811

Course Contact

Name and Contact Details of All Other Relevant Staff

Course Contact:  Catherine Han Lin
Course Contact Phone:  +61 3 9925 1336
Course Contact Email:

Nominal Hours: 40

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


Course Description

This unit describes the performance outcomes, skills and knowledge required to develop complex cascading style sheets (CSS) that are attached to a mark-up language document.  Students will work in teams on the design, style and layout of a small business Website, using the latest standards in HTML and CSS.

This unit is delivered using a blend of classroom based and self-paced learning activities.

National Codes, Titles, Elements and Performance Criteria

National Element Code & Title:

ICAWEB506A Develop complex cascading style sheets


1. Determine requirements and develop CSS

Performance Criteria:

1.1 Obtain user requirements for style
1.2 Develop CSS to match user requirements


2. Use advanced CSS techniques to create web pages

Performance Criteria:

2.1 Style elements of a web page using advanced CSS techniques
2.2 Position document elements using advanced CSS
2.3 Apply style sheets to multiple pages in a website


3. Ensure web page and CSS are validated and tested in all major browsers

Performance Criteria:

3.1 Validate CSS against industry standards
3.2 Test website in various browsers
3.3 Rectify browser differences to ensure website is accessible

Learning Outcomes

Details of Learning Activities

Learning activities will include laboratory-based sessions on a variety of topics as shown in the Teaching Schedule below. Learning activities will generally consist of practical computer exercises based on teacher handouts.

Students should attend all sessions. Students will also be expected to undertake work on a small Web project and other activities for homework. 

Teaching Schedule

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 Commencing Topics Assessment Competencies Delivered 
1 11th Feb 2013 Pre-training review:
• LLN as required

Familiarisation with:
• Program
• Services/facilities
• Other students
• Teacher(s)
• Where to get support
• Student responsibilities
• Course requirements
• Course support documents
• Pre-reading
• Blackboard

Overview of assessment requirements:
• Grading
• Plagiarism
• Appeals
• Extensions
• Feedback
• Privacy
• Submission requirements
• Resubmission policy

Introduction to Web Design
• Course introduction & overview
• An HTML5 template & HTML tags
• Validation of HTML pages
2 18th Feb 2013 More HTML
• HTML links, images
• Sections with divs & HTML 5 tags
Project feasibility concepts
3 25th Feb 2013 Introduction to CSS
• CSS syntax & styles
• Classes & ids
• Font, text & link styles
Project objectives & feasibility
Assessment 1 - Website Project (stage1 and stage 2) spec issued
Class exercise
4 4th Mar 2013 More CSS
• Block & inline elements
• The box model
• Sizing, borders, margins & padding
Project scope & client requirements
5 11th Mar 2013 HTML & CSS
Project scope & client requirements
6 18th Mar 2013 CSS Positioning & Lists
• CSS positioning & floats
• Styling lists & links
Project alternatives
7 25th Mar 2013 latest Web technologies
Feasibility report recommendations
 Assessment 1 - Website Project Stage 1: Feasibility Report draft check and feedback ICAWEB429A
    Mid Semester Break 28th Mar - 3rd Apr 2013    
7 1st Apr 2013 latest Web technologies
Feasibility report recommendations
 Assessment 1 - Website Project Stage 1: Feasibility Report draft check and feedback ICAWEB429A
8 8th Apr 2013 Skinning & Images
Buttons & Tables
Assessment 1 - Website Project Stage 1: Feasibility Report ICAWEB429A
9 15th Apr 2013 More on Buttons & Tables
Web accessibility issues
10 22nd Apr 2013 Tables & Forms   ICAWEB429A
11 29th Apr 2013 Forms & Page Layout  Assessment 1 - Website Project Stage 2: HTML & CSS draft check and feedback ICAWEB429A
12 6th May 2013 JavaScript & jQuery  Assessment 1 - Website Project Stage 2: HTML & CSS ICAWEB429A
13 13th May 2013 Revision   ICAWEB429A
14 20th May 2013 Skill Review Assessment 2 – Skill Review ICAWEB429A
15 27th May 2013 Feedback & review   ICAWEB429A
 16 3rd June 2013 Re-submission of work if required

Learning Resources

Prescribed Texts

There is no precsribed textbook fo this course.


However the the Website is particularly useful, as is the following textbook:

Lowery, J & Fletcher, M (2011), HTML5 24-Hour Trainer, Wiley Publishing, ISBN 978-0-470-64782-0

This book is pitched at an ideal level for beginning students. It covers and strong in both HTML and CSS and is very up-to-date.
It is also quite moderately priced, and comes with some excellent interactive videos on DVD.

Other materials will include worksheets distributed by the teacher in class and various Websites which will be indicated. 

Other Resources

Overview of Assessment

Students must demonstrate an understanding of all elements of competency to be deemed competent.

A range of assessment methods are used to assess practical skills and knowledge, for example:

  • direct questioning combined with review of portfolios of evidence and third party workplace reports of on-the-job performance by the candidate
  • review of authenticated documents from the workplace or training environment
  • demonstration of techniques

Students are advised that they are likely to be asked to personally demonstrate their assessment work to their teacher to ensure that the relevant competency standards are being met.

Assessment Tasks

You are required to complete two assessments. You must successfully complete both assessments (1 & 2) to be deemed competent in this unit.

Assessment 1 - Website Project

For this assessment task you are required to work in a team to plan and develop a static Website for a small business, using the latest standards in HTML and CSS. Your Website must be tailored to the requirements of a client, preferably a real client.

Your Website will be designed, styled and laid-out with style sheets. As it is a team work, you will need to work effectively in a team, and manage your project to ensure timely completion and client approval. You should liaise with your client on a regular basis throughout the project. A project presentation will be scheduled to demonstrate your websites to the project stakeholders in week 12.

The website project contains the following:
Stage 1: Feasibility Report (Due date: Week 8 in class)
• Research and analyse your business case, define your project scope and clients requirements
• Research and recommend feasible solutions and alternatives for client
• Create your website project feasibility report and project specification

Stage 2: HTML & CSS (Due date: Week 12 in class)
To be deemed competent in this task you will need to submit and demonstrate each of the following:
• Basic teamwork and project management skills
• HTML and CSS code which is readable and validates
• A template for the Website with effective navigation
• Styling and page layout which meets client requirements
• Particular features such as forms, tables and email links
• Additional cutting-edge features (e.g. jQuery) with documentation
• Hosting on RMIT Web server with appropriate folders
• Acceptable appearance in popular Web browsers

Assessment 2 – Skill Review (Due date: Week 14 in class)

You will be required to demonstrate how to create a Web page using HTML, and style the page using CSS as per a model provided. Resources such as Websites, textbooks and previously written code may be used.
To be deemed competent in this task you will need to demonstrate particular skills in the following areas:
• Positioning of sections
• Page & text centering
• Section & other borders
• Header & background images
• Font settings
• Background colours
• Table formatting
• Navigation links
• Gallery formatting

Assessment Matrix

Other Information

Submission Requirements

Assessment tasks need to be submitted via Blackboard.

You should:
• Ensure that you submit assessments on or before the due date. If your performance in the assessment is affected by unexpected circumstances, you should consider applying for Special Consideration. Information on the process and application forms is available at;ID=ls0ydfokry9rz website.
• 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 blackboard.
• 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.

Resubmission Guide:
Once a student has submitted an assessment task, a resubmission maybe granted if deemed NYC. On resubmission, a student will not receive a grade higher than CAG (Competency achieved)

Marking Guide (Competency):

Vocational Education and Training (VET) is based on current industry needs and the focus on preparing you for the workplace. Because VET courses are informed by practical application of knowledge and skills, they are based on a system known as ‘competency based training’ (CBT).

So when you are assessed in VET it is about whether you are competent to do the job, as well as having a firm grasp on the knowledge and skills required to do that job, as opposed to traditional curriculum based education settings that are often based on knowledge retention.

You need to demonstrate you are competent in each element of the unit of competency you are studying.

You will receive feedback on each assessment task that will inform you whether you are competent or not and how well you are performing. Once competent in all elements of the unit you receive a competency grading.

Please refer to the Final Grades table below.

Marking Guide (Grading):

After achieving competency we then grade your performance in the unit; this gives you the opportunity to have the level of your performance formally recognized against industry standards and employability skills.

The grading is according to the following criteria:


We are looking for a high level of ability to complete all tasks independently as per the specifications given to in class. You should endeavour to demonstrate a high level of initiative in your approach to planning and developing viable and feasible Websites for the various business scenarios investigated.


We are looking for depth of understanding of the key concepts and knowledge required in planning and developing a variety of business Websites. You should be able to demonstrate a thorough understanding of feasibility concepts and the HTML and CSS you have learnt in all assessment tasks.


We are looking for appropriate use of the latest techniques in HTML and CSS to produce effective business Websites as per client requirements outlined in a feasibility study. You should aim to consistently demonstrate your skills in each assessment task.

You also need to be able to overcome the various problems which that can arise in developing a business Website, in particular page layout problems. You will need to demonstrate a degree of perseverance, and be able research possible solutions via the Web.


You should aim to attend all class sessions and save your solutions to all exercises and assessment tasks you have completed, for example on your home drive or USB device. An organised folder structure is highly recommended.

It will be very advantageous to prepare for and review class materials using suggested resources, such as the recommended textbook or Websites indicated by your teacher.

We also expect to see ongoing progress your portfolio of documents for the project, full utilisation of Blackboard as per course guidelines and timely submission of all assessment tasks.


We expect to see contributions to relevant discussions in class and with your team members. For the project in particular you will need to work effectively in a team, and manage your work to ensure timely completion and client approval. You should therefore also liaise with your client on a regular basis throughout the project.

Final Grades Table:

CHD     Competent with High Distinction
CDI      Competent with Distinction
CC       Competent with Credit
CAG     Competency Achieved – Graded
NYC     Not Yet Competent
DNS     Did Not Submit for assessment

Further information regarding the application of the grading criteria will be provided by your teacher.

Course Overview: Access Course Overview