DGTL11005 - Web Design
Term 1 - 2017


All details in this unit profile for DGTL11005 have been officially approved by CQUniversity and represent a learning partnership between the University and you (our student). The information will not be changed unless absolutely necessary and any change will be clearly indicated by an approved correction included in the profile.

Overview

This unit provides a practical introduction to web design and development, beginning with the basic technical concepts that make the Web possible. You will learn how to create web pages with the Hypertext Markup Language (HTML), and how to redefine the way browsers display web pages with Cascading Style Sheets (CSS). Using software tools such as Adobe Photoshop, you will prepare graphics for web pages and develop an understanding of image file formats and colour models. You will also learn how to apply principles of visual design, usability, accessibility and information architecture to web design.

Details

Career Level Undergraduate
Unit Level Level 1
Credit Points 6
Student Contribution Band 1
Fraction of Full-Time Student Load 0.125

Pre-requisites or Co-requisites

Students who have completed MMST11002 Web Design may not enrol in this unit.

Attendance Requirements

All on-campus students are expected to attend scheduled classes – in some units, these classes are identified as a mandatory (pass/fail) component and attendance is compulsory. International students, on a student visa, must maintain a full time study load and meet both attendance and academic progress requirements in each study period (satisfactory attendance for International students is defined as maintaining at least an 80% attendance record).

Offerings

Term 1 - 2017
  • Brisbane
  • Bundaberg
  • Distance
  • Mackay
  • Noosa
  • Rockhampton
  • Sydney

Website

This unit has a website, within the Moodle system, which is available two weeks before the start of term. It is important that you visit your Moodle site throughout the term. Go to Moodle

Recommended Student Time Commitment

Each 6-credit Undergraduate unit at CQUniversity requires an overall time commitment of an average of 12.5 hours of study per week, making a total of 150 hours for the unit.

Class Timetable

Assessment Overview

Assessment Task Weighting
1. Practical Assessment 30%
2. Practical Assessment 40%
3. Practical Assessment 30%

This is a graded unit: your overall grade will be calculated from the marks or grades for each assessment task, based on the relative weightings shown in the table above. You must obtain an overall mark for the unit of at least 50%, or an overall grade of ‘pass’ in order to pass the unit. If any ‘pass/fail’ tasks are shown in the table above they must also be completed successfully (‘pass’ grade). You must also meet any minimum mark requirements specified for a particular assessment task, as detailed in the ‘assessment task’ section (note that in some instances, the minimum mark for a task may be greater than 50%). Consult the University’s Grades and Results Procedures for more details of interim results and final grades.

All University policies are available on the IMPortal.

You may wish to view these policies:

  • Grades and Results Procedure
  • Assessment Policy and Procedure (Higher Education Coursework)
  • Review of Grade Procedure
  • Academic Misconduct Procedure
  • Monitoring Academic Progress (MAP) Policy and Procedure – Domestic Students
  • Monitoring Academic Progress (MAP) Policy and Procedure – International Students
  • Refund and Excess Payments (Credit Balances) Policy and Procedure
  • Student Feedback – Compliments and Complaints Policy and Procedure
  • Acceptable Use of Information and Communications Technology Facilities and Devices Policy and Procedure

This list is not an exhaustive list of all University policies. The full list of University policies are available on the IMPortal.

On successful completion of this unit, you will be able to:
  1. explain the basic technical concepts that make the Web possible
  2. create web pages with the Hypertext Markup Language (HTML)
  3. redefine the way web browsers render HTML documents with Cascading Style Sheets (CSS)
  4. prepare web graphics with an understanding of image file formats and colour models
  5. apply principles of visual design, usability and accessibility to web page design
  6. create web sites with an appropriate organisation scheme, structure, and navigation system.

Not applicable

Alignment of Assessment Tasks to Learning Outcomes

Assessment Tasks Learning Outcomes
1 2 3 4 5 6
1 - Practical Assessment
2 - Practical Assessment
3 - Practical Assessment

Alignment of Graduate Attributes to Learning Outcomes

  • Introductory Level
  • Intermediate Level
  • Graduate Level
Graduate Attributes Learning Outcomes
1 2 3 4 5 6
1. Communication
2. Problem Solving
3. Critical Thinking
4. Information Literacy
5. Team Work          
6. Information Technology Competence
7. Cross Cultural Competence
8. Ethical practice

Alignment of Assessment Tasks to Graduate Attributes

  • Introductory Level
  • Intermediate Level
  • Graduate Level
Assessment Tasks Graduate Attributes
1 2 3 4 5 6 7 8
1 - Practical Assessment  
2 - Practical Assessment  
3 - Practical Assessment  

Textbook Information

There are no required textbooks. Note:

A Study Guide will be provided through the unit web site.

IT Resources

You will need access to the following IT resources:
  • CQUniversity Student Email
  • Internet
  • Unit Website (Moodle)
  • Google Chrome
  • Mozilla Firefox
  • Adobe Photoshop or equivalent (Adobe Creative Cloud student subscription recommended)
  • Adobe Dreamweaver or equivalent (Adobe Creative Cloud student subscription recommended)
  • Plain text editor such as Notepad (Windows) or TextEdit (Mac OS)
  • Adobe Acrobat Reader (free browser plug-in)
  • Filezilla (free FTP client software)
  • Digital camera
All submissions for this unit must use the Harvard (author-date) referencing style (details can be obtained here). For further information, see the Assessment Tasks below.
Unit CoordinatorSteven Pace (s.pace@cqu.edu.au)
Note: Check the Term-Specific section for any additional contact information provided by the teaching team
Week Begin Date Module/Topic Chapter Events and Submissions
Week 1 06-03-2017

1. Introduction to the Web

Week 2 13-03-2017

2. Photoshop

Week 3 20-03-2017

3. Page Design

Week 4 27-03-2017

4. Images and Colour

Week 5 03-04-2017

5. HTML

Web page mockup Due Friday (07 Apr 17) 09:00 PM AEST
Vacation Week 10-04-2017
Week 6 17-04-2017

6. CSS

Week 7 24-04-2017

7. Formatting with CSS

Week 8 01-05-2017

8. Layout with CSS

Week 9 08-05-2017

9. Site Design

Web site with static page layout Due Friday (12 May 17) 09:00 PM AEST
Week 10 15-05-2017

10. Bootstrap

Week 11 22-05-2017

11. Further Exploration

Week 12 29-05-2017

Review

Web site with responsive page layout Due Friday (02 Jun 17) 09:00 PM AEST
Review/Exam Week 05-06-2017
Exam Week 12-06-2017

REQUIRED RESOURCES

You must have access to the following resources for this unit.

UNIT WEB SITE

The unit web site provides essential resources for the unit such as a Study Guide and an online discussion forum. It can be accessed at moodle.cqu.edu.au

STUDY GUIDE

The online Study Guide will direct you to all of the essential readings, discussion questions and exercises for each module of the unit. The Study Guide is available in Adobe Portable Document format (PDF) from the unit web site.

DISCUSSION FORUM

An online discussion forum will be provided through the unit web site for discussing matters that relate to the unit. The discussion forum is the primary means of support for off-campus students who want assistance with tutorial exercises and assignments.

DIGITAL CAMERA

You will need a digital camera to take photographs for the assignments. Most mobile phones have a built-in camera that can be used for this purpose.

IMAGE EDITOR

You will need an image editor, preferably a recent version of Adobe Photoshop. Photoshop is available in the on-campus digital media labs. It can also be purchased at a discounted education price as part of an Adobe Creative Cloud subscription from the Adobe web site at www.adobe.com.au. A free 30-day trial version of Photoshop can be downloaded from www.adobe.com/downloads.

ADOBE DREAMWEAVER

You will need Adobe Dreamweaver, a popular web authoring tool. Dreamweaver is available in the on-campus digital media labs. It can also be purchased at a discounted education price as part of an Adobe Creative Cloud subscription from the Adobe web site at www.adobe.com.au. A free 30-day trial version of Dreamweaver can be downloaded from www.adobe.com/downloads. If you are an off-campus student who can't afford to purchase Dreamweaver, it is possible to complete this unit using a plain text editor as an alternative. This unit will teach you how to build web pages using both Dreamweaver and a plain text editor.

PLAIN TEXT EDITOR

You will need a plain text editor such as Notepad or TextEdit. Notepad is distributed with the Microsoft Windows operating system. TextEdit is distributed with the Mac OS X operating system.

WEB BROWSERS

You will need a recent version of Google Chrome (www.google.com/chrome) and Mozilla Firefox (www.mozilla.com) to explore the Web and test the pages that you create. Off-campus students are encouraged to install the latest versions of these browsers. On-campus students may use whichever versions are installed in their local computer lab.

ADOBE ACROBAT READER

You will need Adobe Acrobat Reader, which is a free program that lets you view, navigate and print PDF documents like the DGTL11005 Study Guide. Adobe Acrobat Reader can be downloaded from the Adobe web site at www.adobe.com.

FILEZILLA

You will need an open source FTP client program named Filezilla for uploading files to a web server. Filezilla can be freely downloaded for Windows and Mac OS from filezilla-project.org

1 Practical Assessment

Assessment Title Web page mockup
Task Description

This assignment requires you to create a mockup of a single web page that satisfies a supplied design brief. The mockup should be created with Adobe Photoshop or a similar image-editor and saved as a single PNG image file. Please refer to the unit web site for the assignment details.

Assessment Due Date Week 5 Friday (07-Apr-2017) 09:00 PM AEST
Return Date to Students 2 weeks after submission
Weighting 30%
Assessment Criteria

Please refer to the unit web site for the detailed assessment criteria.

Referencing Style Harvard (author-date)
Submission Online

Please refer to the unit web site for assignment submission instructions.

Learning Outcomes Assessed
This section can be expanded to view the assessed learning outcomes

1. explain the basic technical concepts that make the Web possible

2. create web pages with the Hypertext Markup Language (HTML)

3. redefine the way web browsers render HTML documents with Cascading Style Sheets (CSS)

4. prepare web graphics with an understanding of image file formats and colour models

5. apply principles of visual design, usability and accessibility to web page design

6. create web sites with an appropriate organisation scheme, structure, and navigation system.

Graduate Attributes
This section can be expanded to view the assessed graduate attributes

1. Communication

2. Problem Solving

3. Critical Thinking

4. Information Literacy

6. Information Technology Competence

7. Cross Cultural Competence

8. Ethical practice



2 Practical Assessment

Assessment Title Web site with static page layout
Task Description

This assignment requires you to design and build a web site comprised of multiple pages that satisfies a supplied design brief. The web site must be implemented using HTML5 and CSS code. Each page in the web site must have a static layout with a fixed width. Please refer to the unit web site for the assignment details.

Assessment Due Date Week 9 Friday (12-May-2017) 09:00 PM AEST
Return Date to Students 2 weeks after submission
Weighting 40%
Assessment Criteria

Please refer to the unit web site for the detailed assessment criteria.

Referencing Style Harvard (author-date)
Submission Online

Please refer to the unit web site for assignment submission instructions.

Learning Outcomes Assessed
This section can be expanded to view the assessed learning outcomes

1. explain the basic technical concepts that make the Web possible

2. create web pages with the Hypertext Markup Language (HTML)

3. redefine the way web browsers render HTML documents with Cascading Style Sheets (CSS)

4. prepare web graphics with an understanding of image file formats and colour models

5. apply principles of visual design, usability and accessibility to web page design

6. create web sites with an appropriate organisation scheme, structure, and navigation system.

Graduate Attributes
This section can be expanded to view the assessed graduate attributes

1. Communication

2. Problem Solving

3. Critical Thinking

4. Information Literacy

6. Information Technology Competence

7. Cross Cultural Competence

8. Ethical practice



3 Practical Assessment

Assessment Title Web site with responsive page layout
Task Description

This assignment requires you to design and build a web site comprised of multiple pages that satisfies a supplied design brief. The web site must be implemented using HTML5 and CSS code. Each page in the web site must have a responsive layout that automatically adapts its appearance to provide an optimal viewing experience on the device on which it is being viewed. The site must be built with the Bootstrap front-end web framework. Please refer to the unit web site for the assignment details.

Assessment Due Date Week 12 Friday (02-Jun-2017) 09:00 PM AEST
Return Date to Students 2 weeks after submission
Weighting 30%
Assessment Criteria

Please refer to the unit web site for the detailed assessment criteria.

Referencing Style Harvard (author-date)
Submission Online

Please refer to the unit web site for assignment submission instructions.

Learning Outcomes Assessed
This section can be expanded to view the assessed learning outcomes

1. explain the basic technical concepts that make the Web possible

2. create web pages with the Hypertext Markup Language (HTML)

3. redefine the way web browsers render HTML documents with Cascading Style Sheets (CSS)

4. prepare web graphics with an understanding of image file formats and colour models

5. apply principles of visual design, usability and accessibility to web page design

6. create web sites with an appropriate organisation scheme, structure, and navigation system.

Graduate Attributes
This section can be expanded to view the assessed graduate attributes

1. Communication

2. Problem Solving

3. Critical Thinking

4. Information Literacy

6. Information Technology Competence

7. Cross Cultural Competence

8. Ethical practice




© 2017 CQUniversity
Page generated by apps-prod-01.cqu.edu.au at Fri May 26 11:44:27 AEST 2017