Course Title: Develop complex cascading style sheets

Part B: Course Detail

Teaching Period: Term1 2014

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

 

Course Contact: Kanchan Aggarwal

Course Contact Email: kanchan.aggarwal@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

 

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.
 

WeekWeek CommencingTopicsAssessmentCompetencies Delivered 
110th Feb 2014Pre-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
 
217th Feb 2014

More HTML
• HTML links, images
• Sections with divs & HTML 5 tags
Work on Website project & feasibility concepts

Assessment 1 - Individual Website Project (Part 1 & Part 2) specs issuedICAWEB429A
ICAWEB506A
ICASAD506A
324th Feb 2014Introduction to CSS
• CSS syntax & styles
• Classes & ids
• Font, text & link styles
Work on Website project & feasibility concepts
 ICAWEB429A
ICAWEB506A
ICASAD506A
43rd Mar 2014More CSS
• Block & inline elements
• The box model
• Sizing, borders, margins & padding
Work on Website project & feasibility concepts
Assessment 1 - Individual Website Project (Part 1) draft check and feedbackICAWEB429A
ICAWEB506A
ICASAD506A
510th Mar 2014

CSS Positioning & Lists
• CSS positioning & floats
• Styling lists & links
Website Project & feasibility concepts
 

Assessment 1 - Individual Website Project (Part 1) dueICAWEB429A
ICAWEB506A
ICASAD506A
617th Mar 2014

Working with Images
• HTML & CSS code
Work on Website project & feasibility concepts

 ICAWEB429A
ICAWEB506A
ICASAD506A
724th Mar 2014

HTML Tables
• Building tables in HTML
• Styling tables with CSS
Work on Website project & feasibility concepts

Assessment 1 - Individual Website Project (Part 2) draft check & feedbackICAWEB429A
ICAWEB506A
ICASAD506A
831st Mar 2014

HTML Forms
• Building forms in HTML
• Styling forms with CSS
Work on Website project & feasibility concepts

Assessment 1 - Individual Website Project (Part 2) due

ICAWEB429A
ICAWEB506A
ICASAD506A
97th Apr 2014

Divs & page layout with CSS divs
Work on group Website project & feasibility report

Assessment 2 - Website Project (Part 1 & Part 2) specs issuedICAWEB429A
ICAWEB506A
ICASAD506A
1014th Apr 2014

More on page layout with floating divs
Work on group Website project & feasibility report

 ICAWEB429A
ICAWEB506A
ICASAD506A
 MID-SEMESTER EASTER BREAK ( 18th Apr - 25th Apr 2014 inclusive)  
1128th Apr 2014

HTML & CSS validation & browser testing
Work on group Website project & feasibility report

Assessment 2 (Part 1) - Feasibility Report draft dueICAWEB429A
ICAWEB506A
ICASAD506A
125th May 2014

HTML5 form tags. Advanced CSS
Work on group Website project & feasibility report 

 ICAWEB429A
ICAWEB506A
ICASAD506A
1312th May 2014Introduction to JavaScript & jQuery
Work on group Website project & feasibility report
Assessment 2 - Website Project (Part 1 & Part 2) draft check & feedbackICAWEB429A
ICAWEB506A
ICASAD506A
1419th May 2014

Work on Group Website Project & Feasibility Report

Assessment 2 - Website Project (Part 1 & Part 2) draft check & feedbackICAWEB429A
ICAWEB506A
ICASAD506A
1526th May 2014

Group Website presentations (in class)

Assessment 2 - Website Project (Part 1 & Part 2) due

ICAWEB429A
ICAWEB506A
ICASAD506A
 162nd June 2014

Re-submission of work if required
Course & assessment feedback

 ICAWEB429A
ICAWEB506A
ICASAD506A


Learning Resources

Prescribed Texts

There is no prescribed textbook for 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

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

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 - Two Linked Pages (Due date: Refer to Teaching Schedule)

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

Part 2 - Four Page Website (Due date: Refer to Teaching Schedule)

A four page Website with a menu, text, images, table and forms styled with CSS. The Website may be uploaded to a Web server


Assessment 2 - Group Website Project & Feasibility Report (Due date: Refer to Teaching Schedule)

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 below. The Website Project contains the following:

Part 1 - Feasibility Report (Due date: Refer to Teaching Schedule)

• 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 - Website with Coded HTML & CSS (Due date: Refer to Teaching Schedule)

• 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

Late submissions of work required for developmental stages of the project will be eligible for grading at pass level only.


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.

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

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

Resubmissions (VET Programs):

If you are found to be Not Yet Competent in a course assessment task you will be allowed one resubmission only. Your teacher will provide feedback regarding what you need to do to improve and will set a new deadline for the resubmission. The highest grade you will receive if your resubmission 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):

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 will include 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