Course Title: Develop complex cascading style sheets

Part B: Course Detail

Teaching Period: Term2 2012

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:  Catherine Han Lin
Course Contact Phone:  +61 3 9925 1336
Course Contact Email:  catherinehan.lin@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 
025th Jun 2012Pre-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
  ICAWEB429A
ICAWEB506A
ICASAD506A
 
12nd Jul 2012More HTML
• HTML links, images
• Sections with divs & HTML 5 tags
Website Project feasibility concepts
 ICAWEB429A
ICAWEB506A
ICASAD506A
29th Jul 2012Introduction to CSS
• CSS syntax & styles
• Classes & ids
• Font, text & link styles
Website Project objectives
TASK 1 - Class Exercises reviewedICAWEB429A
ICAWEB506A
ICASAD506A
316th Jul 2012More CSS
• Block & inline elements
• The box model
• Sizing, borders, margins & padding
Website Project scope & client requirements 
 ICAWEB429A
ICAWEB506A
ICASAD506A
423rd Jul 2012Catch up session
Review task - HTML & CSS
Website Project scope & client requirements
TASK 1 - Class Exercises reviewedICAWEB429A
ICAWEB506A
ICASAD506A
530th Jul 2012STUDENT STUDY WEEKNo classes / SAB open 
66th Aug 2012CSS Positioning & Lists
• CSS positioning & floats
• Styling lists & links
Website Project alternatives 
 ICAWEB429A
ICAWEB506A
ICASAD506A
713th Aug 2012Major Class Exercise conducted
Review of latest Web technologies
Website Project alternatives 
TASK 1 - Class Exercises reviewedICAWEB429A
ICAWEB506A
ICASAD506A
820th Aug 2012Skinning & Images
• Skinning & stylesheets
• Working with images
Feasibility report recommendations
TASK 2 - Project specs issued ICAWEB429A
ICAWEB506A
ICASAD506A
MID-SEMESTER BREAK (27th Aug - 31st Aug 2012)
93rd Sep 2012Buttons & Tables
• Styling buttons with CSS
• Building tables in HTML
Web accessibility issues
Class work on Website Project
 ICAWEB429A
ICAWEB506A
ICASAD506A
1010th Sep 2012Tables & Forms
• Styling tables with CSS
• Building forms in HTML
Class work on Website Project
 ICAWEB429A
ICAWEB506A
ICASAD506A
1117th Sep 2012Forms & Page Layout
• Styling forms with CSS
• Page layout with CSS
Class work on Website Project 
TASK 1 - Class Exercises reviewed
TASK 2 - Project Stage 1 due
(including interim Feasibility Report)
ICAWEB429A
ICAWEB506A
ICASAD506A
1224th Sep 2012Review of Course Work
• Review of page layout
Class work on Website project
 ICAWEB429A
ICAWEB506A
ICASAD506A
131st Oct 2012Introduction to JavaScript & jQuery
Final revision for Practical Test
Class work on Website Project
TASK 1 - Class Exercises reviewed
Revision for TASK 3 - Practical Test
ICAWEB429A
ICAWEB506A
ICASAD506A
148th Oct 2012Practical Test conducted
Class work on Website Project
TASK 3 - Practical Test conductedICAWEB429A
ICAWEB506A
ICASAD506A
1515th Oct 2012Final work on Website Project
Web hosting using jacob
Final Website Project submissions
TASK 2 - Project Stage 2 due
(including final Feasibility Report)
ICAWEB429A
ICAWEB506A
ICASAD506A
 1622nd Oct 2012Re-submission of work if required
Course & assessment feedback
 ICAWEB429A
ICAWEB506A
ICASAD506A
1729th Oct 2012Re-submission of work if required ICAWEB429A
ICAWEB506A
ICASAD506A


Learning Resources

Prescribed Texts

There is no precsribed textbook fo this course.


References

However the the Website www.w3schools.com 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 3 tasks. You must successfully complete all 3 tasks to be deemed competent in this unit.


TASK 1 - Class Exercises (Periodic Reviews as per Teaching Schedule)

For this assessment task you will be expected to complete a variety of exercises which you have performed in the classroom and demonstrate these on a regular basis. These exercises will cover all elements of this competency the initial feasibility report to the final HTML coded Website styled with CSS.

In order to be deemed competent in this task you will be expected to demonstrate proficiency in a variety of areas including the following key areas:

  • Ability to produce basic HTML as per client requirements
  • Ability to style Web pages using CSS to meet client requirements
  • Ability to produce effective page layouts, including tables and forms
  • Ability to investigate and evaluate alternative approaches via skinning techniques
  • Ability to confirm requirements, review alternatives and recommend feasible solutions

All files must be created individually and submitted or demonstrated to your teacher. Work should be demonstrated either on the day the exercise is completed, or at the beginning of the next class, as per the Teaching Schedule. You will be expected to retain soft copies of any documents submitted. In some cases printouts may be required.


TASK 2 - Website Project (Due Date: End of Week 15)

For this assessment task you are 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 stylesheets developed by team members. Therefore 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.

Feasibility Report:  Make sure you discuss client requirements, examine alternatives & present final recommendations. An interim and a final version will be required from each team. Team members’ roles are to be clearly defined in the report.
Stage 1:  HTML & basic CSS from each team member
Stage 2:  Final HTML & CSS from the team as a whole

A detailed requirement specifications document for the project will be issued in week 8. To be deemed competent in this task you will need to submit or 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 (eg jQuery) with documentation
  • Hosting on the jacob Web server with appropriate folders

Acceptable appearance in popular Web browsers

Each team will be expected to demonstrate their Website to the key project stakeholders in week 16.


TASK 3 - Practical Test (Conducted in Week 14)

This assessment task will consist of an in-class practical test in which 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. USB devices and network drives may not be used however.

You need to draw upon all the knowledge and skills which you have developed in this unit. 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

You will also be questioned on the key concepts and techniques used in feasibility studies, with particular reference to your team Website project. You will need to know how to confirm requirements, review alternatives and recommend feasible solutions.


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.


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