Course Title: Develop complex cascading style sheets

Part B: Course Detail

Teaching Period: Term2 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 Email:swati.dave@rmit.edu.au


Name and Contact Details of All Other Relevant Staff

Course Contact:  Sarah MacKinnon

Course Contact Email:  sarah.mackinnon@rmit.edu.au

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

None

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

Element:

1. Determine requirements and develop CSS

Performance Criteria:

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

Element:

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

Element:

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

A range of learning activities are planned for this course including self-paced and collaborative classroom based activities.

The collaborative classroom based activities will include theory sessions, practical lab sessions, tutorial sessions, and out-of-class research and homework.

We expect you to participate and contribute in all scheduled learning activities.
 


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.
 

WeekWeek CommencingTopicsAssessmentCompetencies Delivered 
18th Jul 2013Pre-training review:

 

• RPL
• 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
 

 

 

 

 

 

 

 

 

 

 

Assessment 1 – Individual website Project (part 1 & part 2) handed out

 ICAWEB429A
ICAWEB506A
ICASAD506A
 
215th Jul 2013HTML & CSS
• HTML links, images
• Sections with divs & HTML 5 tags
Website Project & feasibility concepts
 ICAWEB429A
ICAWEB506A
ICASAD506A
322nd Jul 2013HTML & CSS
• CSS syntax & styles
• Classes & ids
• Font, text & link styles
Website Project & feasibility concepts
  Assessment 1 – Individual website Project (part 1) draft check and feedback
 
ICAWEB429A
ICAWEB506A
ICASAD506A
429th Jul 2013More CSS
• Block & inline elements
• The box model
• Sizing, borders, margins & padding
Website Project & feasibility concepts
  Assessment 1 – Individual website Project (part 1) due
ICAWEB429A
ICAWEB506A
ICASAD506A
55th Aug 2013CSS Positioning & Lists
• CSS positioning & floats
• Styling lists & links
Website Project & feasibility concepts
 
 ICAWEB429A
ICAWEB506A
ICASAD506A
612th Aug 2013HTML & CSS
Tables & Forms
Website Project & feasibility concepts
 
 ICAWEB429A
ICAWEB506A
ICASAD506A
719th Aug 2013HTML & CSS
Forms & Page Layout
Website Project & feasibility concepts
 Assessment 1 – Individual website Project (part 2) draft check and feedback
 
ICAWEB429A
ICAWEB506A
ICASAD506A
826th Aug 2013 HTML & CSS
Website Project & feasibility concepts
Assessment 1 – Individual website Project (part 2) due


ICAWEB429A
ICAWEB506A
ICASAD506A
MID-SEMESTER BREAK (2nd Sep - 6th Sep 2013)
99th Sep 2013Work on Group Website Project & Feasibility Report Assessment 3 – Website Project (part1 and part 2) spec issued ICAWEB429A
ICAWEB506A
ICASAD506A
1016th Sep 2013Work on Group Website Project & Feasibility Report ICAWEB429A
ICAWEB506A
ICASAD506A
1123rd Sep 2013

Work on Group Website Project & Feasibility Report

HTML CSS validation and testing

Assessment 3 (part 1) – Feasibility Report Draft dueICAWEB429A
ICAWEB506A
ICASAD506A
1230th Sep 2013

Work on Group Website Project & Feasibility Report

Advanced CSS

JavaScript & jQuery

 ICAWEB429A
ICAWEB506A
ICASAD506A
137th Oct 2013

Group Website Project & Feasibility Report
Advanced CSS

JavaScript & jQuery
 

 
Assessment 3 - Website Project (part1 and part 2) DRAFT Check & Feedback
 
ICAWEB429A
ICAWEB506A
ICASAD506A
1414th Oct 2013Work on Group Website Project & Feasibility ReportAssessment 3 - Website Project (part1 and part 2) DRAFT Check & FeedbackICAWEB429A
ICAWEB506A
ICASAD506A
1521st Oct 2013Work on Group Website Project & Feasibility Report

Assessment 3 - Website Project (part1 and part 2) due

Assessment 2 – Skill Review In -Class

ICAWEB429A
ICAWEB506A
ICASAD506A
 1628th Oct 2013Website presentations in -class
Re-submission of work if required
Course & assessment feedback
 
 ICAWEB429A
ICAWEB506A
ICASAD506A


Learning Resources

Prescribed Texts

There is no precsribed textbook fo this course.

However the following text is highly recommended: 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.
 


References

Recommended materials include worksheets and photocopies 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

Critical Aspects of Assessment

Evidence of the following is essential:
• Detailed knowledge and application of all relevant HTML and CSS
• The ability to clarify the requirements for a business Website
• The ability to investigate and evaluate possible alternative approaches
• The ability to develop the concept to a functional Website


Assessment Tasks

You are required to complete four assessments. You must successfully complete all assessments to be deemed competent in this unit.

Assessment 1 – Individual Website Project

For this assessment task you are required to develop a static four page website using the latest standards in HTML and CSS. You will build this website over 7 weeks as weekly homework. Your website will be uploaded to a web hosting server and tested in different browsers.

Part 1 (Due date: Week 4 in class)

Two linked pages with text, images and CSS styling. The web pages will be uploaded to a web server

Part 2 (Due date: Week 8 in class)

A four page website with a menu, text, images, table and forms styled with CSS. The website will be uploaded to a web server


Assessment 2 – Skill Review (Due date: Week 8 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 3 – Group Website Project & Feasibility Report (Due date: Week 15 in class)
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 15. You will also complete a feasibility report based on a business case study
To be deemed competent in this task you will need to submit and demonstrate each of the following criteria as listed:
The website project contains the following:

Part 1: Feasibility Report
• 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

Part 2: HTML & CSS
• 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 the RMIT Web server with appropriate folders
• Acceptable appearance in popular Web browsers


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 http://rmit.edu.au/browse;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:

1. LEVEL OF INDEPENDENCE, INITIATIVE, ENTERPRISE AND PERFORMANCE OF WORK TASK

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.

2. DEMONSTRATED BREADTH OF UNDERPINNING KNOWLEDGE AND A WILLINGNESS TO CONTINUE LEARNING

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.

3. TECHNIQUES & PROCESSES, TECHNOLOGY SKILLS AND PROBLEM SOLVING

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.

4. WORK ORGANISATION, PLANNING AND SELF MANAGEMENT

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.

5. COMMUNICATION, PEOPLE NETWORKING, LANGUAGE AND INTERPERSONAL SKILLS AND TEAMWORK

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