Course Title: Create and style simple markup language documents
Part B: Course Detail
Teaching Period: Term1 2022
Course Code: COSC6227C
Course Title: Create and style simple markup language documents
School: 520T Future Technologies
Campus: City Campus
Program: C4410 - Certificate IV in Information Technology
Course Contact: Luke Eberbach
Course Contact Phone: +61 3 99254381
Course Contact Email: Luke.Eberbach@rmit.edu.au
Name and Contact Details of All Other Relevant Staff
Radhu Punchanathan
+61 3 99251409
radhu.punchanathan@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
In this course you will gain the skills and knowledge required to design and create basic markup language documents and cascading style sheets (CSS) in order to define the structure and style of a website.
National Codes, Titles, Elements and Performance Criteria
National Element Code & Title: |
ICTWEB431 Create and style simple markup language documents |
Element: |
1. Review the requirements |
Performance Criteria: |
1.1 Review user requirements to determine website design |
Element: |
2. Create the document structure |
Performance Criteria: |
2.1 Create and assign basic elements of documents based on user requirements |
Element: |
3. Format, style and lay out the elements on a web page |
Performance Criteria: |
3.1 Style and format documents using CSS according to user requirements |
Element: |
4. Test and validate the web pages |
Performance Criteria: |
4.1 Test website in different browsers according to test approach and cases, and correct and re-test issues |
Learning Outcomes
On successful completion of this course you will have developed and applied the skills and knowledge required to demonstrate competency in the above elements.
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.
Semester 1 2022 | |||
Week |
Topic |
Learning Materials and Activities |
Assessment Remarks |
1 |
Introduction to web page design |
Introduction to the Course Understanding the internet, world wide web, HTTP, browsers and markup languages Downloading required software – browsers, text editor, FTP program |
|
2 |
Creating HTML documents HTML structure HTML elements and structure |
Understanding HTML standards Creating HTML documents HTML structure HTML elements (text, hyperlink, image) |
|
3 |
HTML structure, W3C standards & accessibility. Working with images and hyperlinks |
HTTP protocol Website folders and file paths Writing HTML for accessibility (issues and principles) HTML validation - W3C standards |
|
4 |
Introduction to web page design and CSS. Principles of web page design and storyboards |
What are cascading style sheets (CSS)? HTML element selectors Creating CSS style rules – fonts, colour, backgrounds |
|
5 |
Web page layout and design |
Storyboards and layout HTML container elements – div, main, section, header, footer, fonts |
|
6 |
CSS properties and design |
Creating CSS style rules for page layouts - height, width, margin, padding Understanding the display property and default HTML positioning (inline and block) |
|
7 |
Testing and demonstrations |
Browser accessibility features Testing – requirements, browsers, accessibility, validation Uploading projects to RMIT server |
|
8 |
CSS selectors CSS advanced layout |
CSS for HTML containers (header, nav, main, section, footer) Class and id selectors |
Assessment Task 1 – Quiz |
9 |
Website design concepts |
HTML elements for navigation Styling navigation with CSS flexbox |
|
10 |
CSS selectors CSS complex layout – grid Website design concepts |
Review HTML elements and CSS selectors Deconstructing storyboard layouts |
|
11 |
CSS complex layout Website design concepts |
Designing for accessibility – CSS media queries for different screen sizes (mobile, tablet, desktop) |
|
12 |
In class user & browser testing, project demonstration |
Uploading websites to RMIT server In class project testing –browsers (mobile, laptop), HTML & CSS validation In class project demonstrations |
|
13 |
Testing Standards associated with programming documentation |
Project Testing HTML / CSS validation
|
|
14 |
Work on Project |
Assessment Task 2 – Project |
|
15 |
Project Demonstrations and clarifications |
Demonstrate your completed web project to the teacher |
|
16 |
Course & assessment feedback |
Learning Resources
Prescribed Texts
References
Other Resources
Overview of Assessment
Assessment for this course is ongoing throughout the semester. Your knowledge and understanding of course content is assessed through participation in class exercises, oral presentations and through the application of learned skills and insights to your written tasks. Full assessment briefs will be provided and can be found on CANVAS.
Assessment Tasks
There are two assessments in this unit of competency.
You must satisfactorily complete Assessment Task 1 and Assessment Task 2 to be deemed competent in this unit.
Assessment Task 1 – Quiz
This is the first assessment task of two assessments that students must satisfactorily complete, in order to be deemed competent for this unit.
Students are required to read and analyse the knowledge evidence and answer them. Completing this assessment task allows students to demonstrate they can Address the underlying knowledge evidence. All questions must be answered correctly for students to be assessed as satisfactory for this assessment.
This assessment is due end of week 8.
Assessment Task 2 – Project
This is the second assessment task of two assessments that students must satisfactorily complete, in order to be deemed competent for this unit
Students are required to read and analyse client requirements for a website and then design and create the specified web pages using a text editor. The website will be created using HTML and styled using advanced CSS (cascading style sheets).
All website files will need to be validated against the standards set by the World Wide Web Consortium (W3C) and tested in a variety of browsers.
This assessment is due end of week 14.
Assessment Matrix
Course Overview: Access Course Overview