Course Title: Develop complex cascading style sheets

Part B: Course Detail

Teaching Period: Term2 2015

Course Code: COSC6114C

Course Title: Develop complex cascading style sheets

School: 650T Vocational Business Education

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 Email:

han.lin@rmit.edu.au

Consultation Time: Available from the teacher on first day of class

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:

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
 

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
 


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 self-paced activities will be delivered thought various technology platforms and include your contribution to wikis and discussion threads, reflective journals, quizzes and interactive sessions.
The collaborative classroom based activities will include group discussion, group problem solving activities and opportunities to practice your skills in a simulated/real workplace environment.
We expect you to participate and contribute in all scheduled learning activities.
 


Teaching Schedule

This course is co-delivered & co-assessed holistically along with (ICAWEB429A) COSC 6115C - Create a markup
language document to specification AND (ICASAD506A) COSC 6110C - Produce a feasibility report 

The Teaching Schedule for this course is as follows:

Induction Session
Prior to training commencement a program level induction session will be conducted that comprises the following:
• Program overview and requirements
• MyRMIT/Blackboard
• Overview of assessment requirements
• Pre-Training Review including:
o Recognition of Prior Learning and Credit Transfers
o Assessment of current skills and knowledge
• Competency/Grading Criteria
• Plagiarism
• Appeals
• Extensions
• Feedback
• Privacy
• Submission requirements
• Resubmission policy
• Where to get support
• Student responsibilities

Course Delivery:
 

  
 

Week Week Commencing Topics Assessment Competencies Delivered 
1 06/07/15 Introduction to the Course including:
• Course requirements
• Course support documents
• Course Blackboard access
• Accuracy of enrolment
• Assessment requirements/Cover Sheets
• Reminder re Plagiarism
• Reminder re Appeals
• Extensions/Resubmissions
• Feedback in this course
• Reminder re submission requirements
• Getting help

Introduction to Web Design
• Course introduction & overview
• HTML5 template & HTML tags
• Feasibility Analysis 

 

 ICAWEB429A
ICAWEB506A
ICASAD506A
 
2 13/07/15

More HTML5
Work on Website project & feasibility concepts

Assessment 1 - Individual Website Project (Part 1 & Part 2) specs issued

ICAWEB429A
ICAWEB506A
ICASAD506A
3 20/07/15 Introduction to CSS
• CSS syntax & styles
• Classes & ids
• Font, text & link styles
Work on Website project & feasibility concepts
  ICAWEB429A
ICAWEB506A
ICASAD506A
4 27/07/15 More CSS
Work on Website project & feasibility concepts

Assessment 1 - Individual Website

Project (Part 1) draft check and feedback

ICAWEB429A
ICAWEB506A
ICASAD506A
5 03/08/15

CSS Positioning & Lists
• CSS positioning & floats
• Styling lists & links
Work on Website project & feasibility concepts

 Assessment 1 - Individual Website

Project (Part 1) due

ICAWEB429A
ICAWEB506A
ICASAD506A
6 10/08/15

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

  ICAWEB429A
ICAWEB506A
ICASAD506A
7 17/08/15

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 & feedback

ICAWEB429A
ICAWEB506A
ICASAD506A
8 24/08/15

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

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

ICAWEB429A
ICAWEB506A
ICASAD506A
    Mid Semester BREAK Mon 31st Aug to Fri 4th Sep, 2015 inclusive    
9 07/09/15

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

Assessment 2 - Website Project (Part 1 & Part 2) specs issued ICAWEB429A
ICAWEB506A
ICASAD506A
10 14/09/15

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

  ICAWEB429A
ICAWEB506A
ICASAD506A
11 21/09/15

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

  ICAWEB429A
ICAWEB506A
ICASAD506A
12 28/09/15

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

  ICAWEB429A
ICAWEB506A
ICASAD506A
13 05/10/15 Introduction to JavaScript & jQuery
Work on group Website project & feasibility report
 Assessment 2 - Website Project (Part 1 & Part 2) draft check & feedback ICAWEB429A
ICAWEB506A
ICASAD506A
14 12/10/15

Work on Group Website Project & Feasibility Report

 Assessment 2 - Website Project (Part 1 & Part 2) draft check & feedback ICAWEB429A
ICAWEB506A
ICASAD506A
15 19/10/15

Group Website presentations (in class)

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

ICAWEB429A
ICAWEB506A
ICASAD506A
 16 26/10/15

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


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 – HTML5 and CSS Template (Due date: Refer to Teaching Schedule)
A storyboard which feature the design of the website.
Project website first/index page with basic text, images and CSS styling.

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

The Assessment Matrix that maps all assessments to the critical aspects of evidence, skills, knowledge and elements is available from the teacher.

Other Information


Submission Requirements

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 each assessment task 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 unsuccessful 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):

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.


Marking Guide (Grading)

After achieving competency we then grade your performance in the unit and you will achieve one of the following grades:

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