Course Title: Develop complex cascading style sheets

Part B: Course Detail

Teaching Period: Term2 2016

Course Code: COSC7367C

Course Title: Develop complex cascading style sheets

School: 650T Vocational Business Education

Campus: City Campus

Program: C5341 - Diploma of Information Technology

Course Contact: Val Christou

Course Contact Phone: +61 3 9925 5076

Course Contact Email: val.christou@rmit.edu.au


Name and Contact Details of All Other Relevant Staff

Name: Catherine Han Lin

Contact: 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 skills and knowledge required to develop complex cascading style sheets (CSS) that are attached to a markup language document.

It applies to individuals working as web designers and developers who are involved in the layout and appearance of web pages, and have a highly developed understanding of design principles, and software languages, and can apply protocols and standards proficiently.


National Codes, Titles, Elements and Performance Criteria

National Element Code & Title:

ICTWEB506 Develop complex cascading style sheets

Element:

1. Determine the 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 the elements of a web page, using advanced CSS techniques 2.2 Position the document elements, using advanced CSS 2.3 Apply the 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 the website in various browsers 3.3 Rectify browser differences to ensure that the 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 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 and co-assessed holistically along with (ICTWEB506) COSC7367C Develop complex cascading style sheets and (ICTWEB411) COSC7366C Produce basic client-side script for dynamic web pages.

 

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:
  • Recognition of Prior Learning and Credit Transfers
  • Assessment of current skills and knowledge
  • Competency/Grading Criteria
  • Plagiarism
  • Appeals
  • Extensions
  • Feedback
  • Privacy
  • Submission requirements
  • Resubmission policy
  • Where to get support
  • Student Charter

 


Course Delivery:

 

Week

Week Commencing

Topics

Assessment

Competencies Delivered

1

 

04/07/16

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

 

ICTWEB411

ICTWEB429

ICTWEB506

2

11/07/16

More HTML5

Assessment 1 - Individual Website Project, specification issued

ICTWEB411

ICTWEB429

ICTWEB506

3

18/07/16

Introduction to CSS

 

ICTWEB411

ICTWEB429

ICTWEB506

4

25/07/16

More CSS
HTML & CSS validation

Assessment 1 - Individual Website Project (Part 1) due

ICTWEB411

ICTWEB429

ICTWEB506

5

01/08/16

More CSS

Work on Website project

 

ICTWEB411

ICTWEB429

ICTWEB506

6

08/08/16

HTML & CSS

Work on Website project

 

ICTWEB411

ICTWEB429

ICTWEB506

7

15/08/16

HTML & CSS
Work on Website project

Assessment 1 - Individual Website Project (Part 2) due

ICTWEB411

ICTWEB429

ICTWEB506

8

 

22/08/16

HTML &CSS
Work on Website project (validation & testing)

 

ICTWEB411

ICTWEB429

ICTWEB506

Mid Term Break 29th August to 2nd September, 2016 inclusive

9

05/09/16

Introduction to JavaScript

Work on Website project (validation & testing)

 

10

12/09/16

More JavaScript

 

ICTWEB411

ICTWEB429

ICTWEB506

11

19/09/16

More JavaScript

 

ICTWEB411

ICTWEB429

ICTWEB506

12

26/09/16

HTML, CSS, JavaScript

Assessment 1 - Individual Website Project due (Part 1, 2, 3)

 

ICTWEB411

ICTWEB429

ICTWEB506

13

03/10/16

HTML, CSS, JavaScript

Assessment 1 – Interview

Assessment 2 specification issued

ICTWEB411

ICTWEB429

ICTWEB506

14

10/10/16

HTML, CSS, JavaScript

 

ICTWEB411

ICTWEB429

ICTWEB506

15

17/10/16

HTML, CSS, JavaScript

Re-submission if required

Assessment 2 due

ICTWEB411

ICTWEB429

ICTWEB506

16

24/10/16

Re-submission of work, if required
Course & assessment feedback

ICTWEB411

ICTWEB429

ICTWEB506

 

 


Learning Resources

Prescribed Texts


References


Other Resources

 

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.


Overview of Assessment

In order to achieve competency in this unit, you must provide:

Performance Evidence

Evidence of the ability to: 

  • develop a complex website, styled and formatted, using cascading style sheets (CSS), according to user requirements
  • create a complex page layout using CSS
  • test the web pages in a variety of browsers
  • validate CSS against industry standards.

Knowledge Evidence

To complete the unit requirements safely and effectively, you must:

  • explain the principles of website design
  • describe hypertext transfer protocol (HTTP) protocol and its application to CSS
  • outline and apply, hypertext markup language (HTML) and extensible hypertext markup language (XHTML)
  • outline CSS rules and how they affect document styling, and layout
  • explain World Wide Web Consortium (W3C) standards, as they apply to website design
  • identify and apply, techniques to correct browser incompatibilities.

Assessment Conditions

Assessment must be conducted in a safe environment where evidence gathered demonstrates consistent performance in conditions that are safe and replicate the workplace. Noise levels, production flow, interruptions and time variances must be typical of those experienced in the website technologies field of work, and include access to:

  • a computer
  • an aesthetic presentation brief
  • HTML documents to have CSS applied to them
  • the internet to validate the CSS against the W3C
  • a variety of browsers.

You are advised that you are likely to be asked to personally demonstrate your assessment work to your teacher to ensure that the relevant competency standards are being met.

Feedback

Feedback will be provided throughout the semester in class and/or online discussions.  You are encouraged to ask and answer questions during class time and online sessions so that you can obtain feedback on your understanding of the concepts and issues being discussed. Finally, you can email or arrange an appointment with your teacher to gain more feedback on your progress.

You should take note of all feedback received and use this information to improve your learning outcomes and final performance in the course.       


Assessment Tasks

 

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 dynamic four page Website using the latest standards in HTML, CSS and JavaScript.  Your Website will be uploaded to a Web hosting server and tested in different browsers.

 

Part 1 – HTML5 (Due date: Refer to Teaching Schedule)

Project website pages with all project/site contents, e.g. text, images. All pages must be validated.

 

Part 2 – CSS (Due date: Refer to Teaching Schedule)

A storyboard which feature the design of the website pages.

All project/website pages must be styled with CSS accordingly to the design. All CSS files must be validated.

 

 

Part 3 - 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 must contain JavaScript functions as dynamic components of the website. It should be uploaded to a Web server.

 

 

Assessment 2 – Quiz Test (Due date: Refer to Teaching Schedule)

 

For this assessment task you are required to complete a set of quiz test in class. You can have multiple attempts, and save your answers many times within the test time allowed. You must submit the test result as instructed by your teacher.


Assessment Matrix

Course Overview: Access Course Overview