Course Title: Develop complex cascading style sheets

Part B: Course Detail

Teaching Period: Term1 2019

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

Course Leader: Nicky Sephton

nicky.sephton@rmit.edu.au

+61399255423

 

Teacher: Sarah McKinnon

sarah.mackinnon@rmit.edu.au

 

Teacher: Sruthy Korembith

sruthy.korembith@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 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 on a variety of topics as shown in the teaching schedule.

 

This may include self-paced and collaborative classroom activities such as:

  • Class exercises
  • Challenges
  • Problem solving
  • Project work
  • Quizzes

We expect you to participate and contribute in all scheduled learning activities as each week builds on the next.


Teaching Schedule

Course Delivery: 

  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.

 

 

 

Week

Week Commencing

Topics

Assessment

Competencies Delivered

1

 

11/02/19

Introduction to the Course including:

  • Course requirements
  • Course support documents
  • Course Canvas 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
• Introduction to Web technologies

 

ICTWEB411

ICTWEB429

ICTWEB506

2

18/02/19

HTML and Web standards
 

Assessment 1 - Individual Website Project, specification issued

ICTWEB411

ICTWEB429

ICTWEB506

3

25/02/19

Web Design Concepts

 

ICTWEB411

ICTWEB429

ICTWEB506

4

04/03/19

HTML structural and content elements

 

ICTWEB411

ICTWEB429

ICTWEB506

5

11/03/19

HTML testing and validation

 

 

Assessment 1 - Individual Website Project (Part 1) due

ICTWEB411

ICTWEB429

ICTWEB506

6

18/03/19

Introduction to CSS

 

 

ICTWEB411

ICTWEB429

ICTWEB506

7

25/03/19

Styling with CSS

 

ICTWEB411

ICTWEB429

ICTWEB506

8

 

01/04/19

Page Layouts with CSS

 

ICTWEB411

ICTWEB429

ICTWEB506

9

08/04/19

CSS testing and validation

 

 

 

ICTWEB411

ICTWEB429

ICTWEB506

10

15/04/19

Introduction to JavaScript

 

Assessment 1 - Individual Website Project (Part 2) due

ICTWEB411

ICTWEB429

ICTWEB506

Break ( Friday 19th April - Friday 26th April)

11

29/04/19

JavaScript programming structures and form validation

 

 

ICTWEB411

ICTWEB429

ICTWEB506

12

06/05/19

JavaScript testing and requirements verification

 

 

 

ICTWEB411

ICTWEB429

ICTWEB506

13

13/05/19

Completion of Assessment 1 project work

Assessment 1 - Individual Website Project due (all parts)

ICTWEB411

ICTWEB429

ICTWEB506

14

20/05/19

Assessment 2 Revision

 

 

ICTWEB411

ICTWEB429

ICTWEB506

15

27/05/19

Assessment 2 in class

Assessment 2 - Online In-class Quiz Test due

ICTWEB411

ICTWEB429

ICTWEB506

16

03/06/19

Course & assessment feedback

 

 Re-submission if required

ICTWEB411

ICTWEB429

ICTWEB506

 

 


Learning Resources

Prescribed Texts


References


Other Resources

You will need laptop with charger for each class 

You may also refer to various media, websites, textbooks and e-books as indicated in Canvas


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

Please note the following two units:

COSC7367C (ICTWEB506)  - Develop complex cascading style sheets

and

COSC7366C (ICTWEB411) - Produce basic client-side script for dynamic web pages

are clustered and therefore co-delivered and co-assessed holistically.

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

 

This assessment contains three parts. You are required to complete part 1 and 2 at the due date and continue working on the project and submit the final (part 3) at the nominate due date. For this assessment, you are required to design, develop and test a dynamic four-page website using the latest standards in HTML, CSS and JavaScript, based on client requirements.  Your Website will be uploaded to a Web hosting server, tested against W3 standards and in different browsers.

 

Part 1 – HTML: Requirements Analysis, Design, Develop and Test (Due date: Refer to Teaching Schedule)
 
Design documents including a storyboard that outlines the project website pages. HTML code with all html structural elements, e.g. head, body, sections. All HTML pages must be validated against W3 standards and testing documentation submitted.

 

Part 2 – CSS: Design, Develop and Test (Due date: Refer to Teaching Schedule)

 

All HTML website pages must be styled with CSS accordingly to the initial design and client requirements. All CSS file(s) must be validated and testing documentation submitted.

 

 

Part 3 - JavaScript and Final Submission: Design, Develop and Test  (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 to validate the html form. The website is required to be uploaded to a Web server, and detailed testing documentation is to be submitted.

 

 

Assessment 2 - Knowledge Review (Due date: Refer to Teaching Schedule)

 

For this assessment task, you are required to complete a set of online in-class open-book quiz test within the test time allowed. 

 

 


Assessment Matrix

Elements/Performance Criteria 

Assessment Details 

1. Determine the requirements and develop CSS 

1.1 Obtain user requirements for style  

1.2 Develop CSS to match user requirements 

Assessment 1 - Individual Website Project 

 

2. Use advanced CSS techniques to create web pages 

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 

Assessment 1 - Individual Website Project 

3. Ensure web page and CSS are validated and tested in all major browsers 

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 

Assessment 1 - Individual Website Project 

Performance Evidence 

  

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. 

Assessment 1 - Individual Website Project 

Knowledge Evidence 

  

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 2 - Knowledge Review 

Assessment 1 - Individual Website Project 

Other Information

Submission Requirements

Assessment tasks need to be submitted via Canvas.

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 work for assessment is available on Canvas. 
  • 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 (unresolved)

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

Re-submissions (VET Programs)

If you are found to be unsuccessful in a Course Assessment Task you will be allowed one re-submission only.  Your teacher will provide feedback regarding what you need to do to improve and will set a new deadline for the re-submission.  The highest grade you will receive if your re-submission 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