Contact us

DXB203 Introduction to Web Design

Unit synopsis

This unit provides an introduction to concepts and skills underpinning the user-centred design of web technologies. It will introduce students to contemporary web design practices and provide a foundation of conceptual and practical skills to effectively design and build responsive web sites across different devices.

Faculty
Creative Industries Faculty
Study area
Information technology
Credit points
12

Dates and locations

Teaching period Locations
Semester 1, 2018
19 February 2018 - 22 June 2018
  • Gardens Point
Semester 2, 2018
23 July 2018 - 16 November 2018
  • Gardens Point

Fees

Commonwealth supported place (CSP) student contribution amount
2018: $1,169
Domestic fee-paying student fee
2018: $3,084
International student fee
2018: $3,696

Guide to fees

Commonwealth supported place (CSP) student contribution amount
For Australian citizens, permanent visa holders and permanent humanitarian visa holders, and New Zealand citizens who study this unit:
  • as part of a QUT course and are eligible for a Commonwealth supported place (CSP)
  • as a cross-institutional student who has a Commonwealth supported place at their home university.
Domestic fee-paying student fee
For Australian citizens, permanent visa holders and permanent humanitarian visa holders, and New Zealand citizens, who study this unit:
  • as part of a QUT course and are not eligible for a Commonwealth supported place (CSP)
  • as part of a QUT course during Summer Semester
  • as a cross-institutional student who does not have a Commonwealth supported place at their home university
  • as a single-unit study student.
International student fee
For international students who study this unit:
  • as part of a QUT course
  • as part of our study abroad or exchange programs
  • as a cross-institutional student.

Previous study requirements

Equivalents
KIB103
Assumed knowledge
It is assumed that you are computer literate - which means you know how to use a typical computer (Mac and/or Windows), and can use standard desktop applications such as a word processor, email and web browser.

Guide to previous study requirements

Prerequisites
To enrol in this unit, you must have completed these prerequisite units (or have credit, advanced standing or exemption for them), or be able to demonstrate that you have equivalent background knowledge.
Anti-requisites
You can’t enrol in this unit if you have completed any of these anti-requisite units.
Co-requisites
To enrol in this unit, you must have already completed these co-requisite units, or you must enrol in them at the same time.
Equivalents
You can’t enrol in this unit if you have completed any of these equivalent units.
Assumed knowledge
We assume that you have a minimum level of knowledge in certain areas before you start this unit.

Coordinator

Name
Markus Rittenbruch
Email
m.rittenbruch@qut.edu.au
Phone
3138 8355

Rationale

In order to effectively design, produce and communicate through digital media, you will need to understand fundamental principles, processes and technical aspects of web design. This unit provides a foundation understanding of digital media through the design and production of web sites. This understanding will enable you to successfully engage with web technology in your own practice, to formulate solutions to design problems, and to produce high quality technical and aesthetic outcomes.

Aims

This unit aims to provide you with a foundational understanding of designing and building web sites. It will include an investigation of contemporary methods of publication and distribution through web technologies. It will also include principles for designing interfaces and navigation and technical processes for styling pages, embedding media assets and designing for different devices.

Learning outcomes

On completion of this unit you should be able to:

  1. Understand foundational principles of web design, including interface and navigation design and user-centred design.

  2. Employ practical skills for the production of online delivery, including semantic markup of web content, consistent separation of content and style, and appropriate embedding of media assets.

  3. Explain foundation principles of interface and navigation design and how these relate to the process of designing for the web.

Content

This unit presents lectures and practical classes which address content such as:

  • contemporary web design principles, including user-centred design approaches, usability, user experience, information architecture and accessibility;
  • fundamental approaches for the effective visual and technical design of web sites; and
  • contemporary technologies (including HTML5 and CSS3), standards (such as semantic markup) and design approaches for effective cross-device web design.

Approaches to teaching and learning

In this unit your learning is supported through a series of lectures, presentations, online and video resources, demonstrations of web technologies and contextualisation within the field of design as well as selected readings, handouts and case studies. During tutorials you will learn and apply key practical skills, engage in problem-based learning activities, and take part in supervised practical workshop sessions to explore and apply concepts.

Assessment items

Name #1: Demonstration
DescriptionFor this assessment you will build a series of web pages using HTML and CSS. This should demonstrate your skills in interface design, in regards to aesthetic principles and embedding media assets.
Weighting40%
Due dateMid-Semester
Internal or externalInternal
Group or individualIndividual
Relates to learning outcomes1,2
Name #2: Website
DescriptionFor this assessment you will create an interactive website, implemented in HTML and CSS, showing attention to interfaces, navigation structure, delivery, and technically proficient embedding of assets. This is to be accompanied by a written design rationale.
Weighting60%
Due dateLate Semester
Internal or externalInternal
Group or individualIndividual
Relates to learning outcomes1,2,3

Academic integrity

QUT is committed to maintaining high academic standards to protect the value of its qualifications. To assist you in assuring the academic integrity of your assessment you are encouraged to make use of the support materials and services available to help you consider and check your assessment items. Important information about the university's approach to academic integrity of assessment is on your unit Blackboard site.

A breach of academic integrity is regarded as Student Misconduct and can lead to the imposition of penalties.

Resource materials

A list of resource materials for this subject will be provided on the unit’s Blackboard website.

Risk assessment statement

All students and staff are required to complete the Tier 1 CIF General Health and Safety Induction for access to campus buildings and facilities. This must be completed online.

Coordinator

Name
Markus Rittenbruch
Email
m.rittenbruch@qut.edu.au
Phone
3138 8355

Rationale

In order to effectively design, produce and communicate through digital media, you will need to understand fundamental principles, processes and technical aspects of web design. This unit provides a foundation understanding of digital media through the design and production of web sites. This understanding will enable you to successfully engage with web technology in your own practice, to formulate solutions to design problems, and to produce high quality technical and aesthetic outcomes.

Aims

This unit aims to provide you with a foundational understanding of designing and building web sites. It will include an investigation of contemporary methods of publication and distribution through web technologies. It will also include principles for designing interfaces and navigation and technical processes for styling pages, embedding media assets and designing for different devices.

Learning outcomes

On completion of this unit you should be able to:

  1. Understand foundational principles of web design, including interface and navigation design and user-centred design.

  2. Employ practical skills for the production of online delivery, including semantic markup of web content, consistent separation of content and style, and appropriate embedding of media assets.

  3. Explain foundation principles of interface and navigation design and how these relate to the process of designing for the web.

Content

This unit presents lectures and practical classes which address content such as:

  • contemporary web design principles, including user-centred design approaches, usability, user experience, information architecture and accessibility;
  • fundamental approaches for the effective visual and technical design of web sites; and
  • contemporary technologies (including HTML5 and CSS3), standards (such as semantic markup) and design approaches for effective cross-device web design.

Approaches to teaching and learning

In this unit your learning is supported through a series of lectures, presentations, online and video resources, demonstrations of web technologies and contextualisation within the field of design as well as selected readings, handouts and case studies. During tutorials you will learn and apply key practical skills, engage in problem-based learning activities, and take part in supervised practical workshop sessions to explore and apply concepts.

Assessment items

Name #1: Demonstration
DescriptionFor this assessment you will build a series of web pages using HTML and CSS. This should demonstrate your skills in interface design, in regards to aesthetic principles and embedding media assets.
Weighting40%
Due dateMid-Semester
Internal or externalInternal
Group or individualIndividual
Relates to learning outcomes1,2
Name #2: Website
DescriptionFor this assessment you will create an interactive website, implemented in HTML and CSS, showing attention to interfaces, navigation structure, delivery, and technically proficient embedding of assets. This is to be accompanied by a written design rationale.
Weighting60%
Due dateLate Semester
Internal or externalInternal
Group or individualIndividual
Relates to learning outcomes1,2,3

Academic integrity

QUT is committed to maintaining high academic standards to protect the value of its qualifications. To assist you in assuring the academic integrity of your assessment you are encouraged to make use of the support materials and services available to help you consider and check your assessment items. Important information about the university's approach to academic integrity of assessment is on your unit Blackboard site.

A breach of academic integrity is regarded as Student Misconduct and can lead to the imposition of penalties.

Resource materials

A list of resource materials for this subject will be provided on the unit’s Blackboard website.

Risk assessment statement

All students and staff are required to complete the Tier 1 CIF General Health and Safety Induction for access to campus buildings and facilities. This must be completed online.

Apply

Single-unit study

You can apply to study this unit for personal or professional development

Apply now for single-unit study

Cross-institutional study

You can apply to study this unit for credit towards a course at another university

Apply now for cross-institutional study