CRT - Creative Technologies
Diploma of Creative Industries (WDCI)

Teacher Name -
Class Website -


Assessment Task 2 - CSS InfoGraphic Poster Design


  • class 09

20% of total mark for the subject.

Assessment Grades

HD 80-100%, D 70-79%, C 60-69%, P 50-59%, N1 40-49%, N2 0-39%

In order to achieve a HD for this brief you need to:

  • Meet all the requirements of the brief
  • Creatively explore ideas and outcomes
  • Have solid justification and reference for design choices
  • No typos or grammatical errors and consistent formatting in any written material
  • Show comprehensive documentation of planning and development
  • Demonstrate good time management skills


1. Project Description

Information graphics or infographics are graphic visual representations of information, data or knowledge. These graphics present complex information quickly and clearly, such as in signs, maps, journalism, technical writing, and education. 

Today information graphics surround us in the media, in published works both pedestrian and scientific, in road signs and manuals. They illustrate information that would be unwieldy in text form, and act as a visual shorthand for everyday concepts such as stop and go.

There are many, many examples on the Internet of static and animated infographics. Some of the best ones recently seen on Australian TV include those used in The ABC show "Hungry Beast", but there are many others - even music videos. One of our own students Alastair Campbell has just created a great animated infographic video for his final major project in our Digital media Advanced Diploma course.


Stuxnet (Hungry Beast)



Remind Me (Röyksopp)


The Crunch (Alastair Campbell)



Creating web pages involves using more than one scripting language. In the current Web environment, the scripting languages required to create static webpages are HTML (HyperText Markup Language) and CSS (Cascading Style Sheets). These languages essentially separate your web page into "content" (HTML) and "style" (CSS). this means that you can develop content marked up into different sections with a <TAG> syntax, and then apply styles to the different sections via one or more (cascading) stylesheets that determine what the content looks like, where it is positioned, etc. this maximises usability where different stylesheets can be applied - for example: sight impaired people may use a stylesheet with a larger font, or as discussed last semester, when designing for different screen and device specifications (responsive design), we can have the same blocks of content, just resized and rearranged to suit any device, browser or screen dimensions.

Students will create a static infographic digital poster utilising HTML and CSS advertising a topic to be approved in class.  The poster will be a single-page HTML document with a linked CSS file.  Students will be expected to create a poster that creatively communicates the information in an eye-catching, concise manner. 

Students will hand code the project in Dreamweaver


2. Requirements


  • All images must contain sufficient alt-text description for accessibility 
  • The site link to an external website that opens in a new window
  • A descriptive page title

For additional marks students can include the following technical features:

  • Meta data for search engines
  • A favicon image
  • Creative use of web technologies


3. Specifications

A satisfactory completion of assignment requires:

  • The poster must be created using HTML and CSS
  • The poster must demonstrate the students’ understanding of basic screen design concepts including aesthetics, usability, readability and effective, concise communication of information.


4. References

See CRT website and weekly classnotes for references relating to this assessment task.


5. Assessment Rubric

Task Advanced Competent Not Yet Competent Learning Outcomes
Demonstrate skill in HTML & CSS design and layout demonstrate a high level of skill with HTML and CSS to create a strong design demonstrate competent skill with HTML and CSS to create an adequate design competence with HTML and CSS not demonstrated in the design
  • Demonstrate a foundational knowledge of relevant computer systems and software;

  • Apply basic interface design and usability theory in practical work;

  • Apply good practice in teamwork and team dynamics in production and research; and

  • Demonstrate competency with existing Internet tools and technologies.


Software skills and technique show advanced skill and technique with relevant software used to create the web poster show competent skill with relevant software used to create the web poster competence with relevant software not demonstrated
Communication and functionality Web poster strongly communicates its message and functions at a high level to meet the brief Web poster adequately communicates its message and adequately meets the brief Web poster does not adequately communicate its message and does not meet the brief.
Creativity and aesthetics demonstrate a high level of creativity and aesthetics in meeting the requirements of the brief demonstrates a competent level of creativity and aesthetics in meeting the requirements of the brief competence in creativity not demonstrated and aesthetics don't meet the requirements of the brief
Demonstrate ability to work effectively to demands of media  demonstrate a high level of ability to meet the demands of the media and the requirements of the brief demonstrate a competent level of ability to meet the demands of the media and the requirements of the brief does not demonstrate adequate ability to meet the demands of the media or the requirements of the brief

6. Production deadlines
It is important that you bring all materials and development work with you to all classes.

  • class 09


7. Progressive Assessment

This project is assessed on an ongoing basis. The development of effective design is an essential part of this project and it is necessary to achieve a competent grade for the design spec before proceeding to the content development phase of the project. If you do not submit adequate work by due dates you will not be able to continue with the task.

For the policy which you will be assessed with please refer to the Assessment Policy section of your Creative Industries student handbook or the online copy of the Assessment Policy: