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
Pre-requisites or Co-requisites
Students who have completed MMST11002 Web Design may not enrol in this unit.
Important note: Students enrolled in a subsequent unit who failed their pre-requisite unit, should drop the subsequent unit before the census date or within 10 working days of Fail grade notification. Students who do not drop the unit in this timeframe cannot later drop the unit without academic and financial liability. See details in the Assessment Policy and Procedure (Higher Education Coursework).
Offerings For Term 1 - 2017
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).
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 Grading
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 Policy for more details of interim results and final grades.
All University policies are available on the CQUniversity Policy site.
You may wish to view these policies:
- Grades and Results Policy
- Assessment Policy and Procedure (Higher Education Coursework)
- Review of Grade Procedure
- Student Academic Integrity Policy and Procedure
- Monitoring Academic Progress (MAP) Policy and Procedure – Domestic Students
- Monitoring Academic Progress (MAP) Policy and Procedure – International Students
- Student Refund and Credit Balance Policy and Procedure
- Student Feedback – Compliments and Complaints Policy and Procedure
- Information and Communications Technology Acceptable Use Policy and Procedure
This list is not an exhaustive list of all University policies. The full list of University policies are available on the CQUniversity Policy site.
- explain the basic technical concepts that make the Web possible
- create web pages with the Hypertext Markup Language (HTML)
- redefine the way web browsers render HTML documents with Cascading Style Sheets (CSS)
- prepare web graphics with an understanding of image file formats and colour models
- apply principles of visual design, usability and accessibility to web page design
- 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 - 30% | ||||||
| 2 - Practical Assessment - 40% | ||||||
| 3 - Practical Assessment - 30% | ||||||
Alignment of Graduate Attributes to Learning Outcomes
| 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 | ||||||
| 9 - Social Innovation | ||||||
| 10 - Aboriginal and Torres Strait Islander Cultures | ||||||
Alignment of Assessment Tasks to Graduate Attributes
| Assessment Tasks | Graduate Attributes | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | |
| 1 - Practical Assessment - 30% | ||||||||||
| 2 - Practical Assessment - 40% | ||||||||||
| 3 - Practical Assessment - 30% | ||||||||||
Textbooks
There are no required textbooks.
Additional Textbook Information
A Study Guide will be provided through the unit web site.
IT Resources
- CQUniversity Student Email
- Internet
- Unit Website (Moodle)
- Adobe Acrobat Reader (free browser plug-in)
- Adobe Dreamweaver or equivalent (Adobe Creative Cloud student subscription recommended)
- Adobe Photoshop or equivalent (Adobe Creative Cloud student subscription recommended)
- Digital camera
- Filezilla (free FTP client software)
- Google Chrome
- Mozilla Firefox
- Plain text editor such as Notepad (Windows) or TextEdit (Mac OS)
All submissions for this unit must use the referencing style: Harvard (author-date)
For further information, see the Assessment Tasks.
s.pace@cqu.edu.au
Module/Topic
1. Introduction to the Web
Chapter
Events and Submissions/Topic
Module/Topic
2. Photoshop
Chapter
Events and Submissions/Topic
Module/Topic
3. Page Design
Chapter
Events and Submissions/Topic
Module/Topic
4. Images and Colour
Chapter
Events and Submissions/Topic
Module/Topic
5. HTML
Chapter
Events and Submissions/Topic
Module/Topic
Chapter
Events and Submissions/Topic
Module/Topic
6. CSS
Chapter
Events and Submissions/Topic
Module/Topic
7. Formatting with CSS
Chapter
Events and Submissions/Topic
Module/Topic
8. Layout with CSS
Chapter
Events and Submissions/Topic
Module/Topic
9. Site Design
Chapter
Events and Submissions/Topic
Module/Topic
10. Bootstrap
Chapter
Events and Submissions/Topic
Module/Topic
11. Further Exploration
Chapter
Events and Submissions/Topic
Module/Topic
Review
Chapter
Events and Submissions/Topic
Module/Topic
Chapter
Events and Submissions/Topic
Module/Topic
Chapter
Events and Submissions/Topic
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
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.
Week 5 Friday (7 Apr 2017) 9:00 pm AEST
2 weeks after submission
Please refer to the unit web site for the detailed assessment criteria.
- explain the basic technical concepts that make the Web possible
- create web pages with the Hypertext Markup Language (HTML)
- redefine the way web browsers render HTML documents with Cascading Style Sheets (CSS)
- prepare web graphics with an understanding of image file formats and colour models
- apply principles of visual design, usability and accessibility to web page design
- create web sites with an appropriate organisation scheme, structure, and navigation system.
- Communication
- Problem Solving
- Critical Thinking
- Information Literacy
- Information Technology Competence
- Cross Cultural Competence
- Ethical practice
2 Practical Assessment
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.
Week 9 Friday (12 May 2017) 9:00 pm AEST
2 weeks after submission
Please refer to the unit web site for the detailed assessment criteria.
- explain the basic technical concepts that make the Web possible
- create web pages with the Hypertext Markup Language (HTML)
- redefine the way web browsers render HTML documents with Cascading Style Sheets (CSS)
- prepare web graphics with an understanding of image file formats and colour models
- apply principles of visual design, usability and accessibility to web page design
- create web sites with an appropriate organisation scheme, structure, and navigation system.
- Communication
- Problem Solving
- Critical Thinking
- Information Literacy
- Information Technology Competence
- Cross Cultural Competence
- Ethical practice
3 Practical Assessment
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.
Week 12 Friday (2 June 2017) 9:00 pm AEST
2 weeks after submission
Please refer to the unit web site for the detailed assessment criteria.
- explain the basic technical concepts that make the Web possible
- create web pages with the Hypertext Markup Language (HTML)
- redefine the way web browsers render HTML documents with Cascading Style Sheets (CSS)
- prepare web graphics with an understanding of image file formats and colour models
- apply principles of visual design, usability and accessibility to web page design
- create web sites with an appropriate organisation scheme, structure, and navigation system.
- Communication
- Problem Solving
- Critical Thinking
- Information Literacy
- Information Technology Competence
- Cross Cultural Competence
- Ethical practice
As a CQUniversity student you are expected to act honestly in all aspects of your academic work.
Any assessable work undertaken or submitted for review or assessment must be your own work. Assessable work is any type of work you do to meet the assessment requirements in the unit, including draft work submitted for review and feedback and final work to be assessed.
When you use the ideas, words or data of others in your assessment, you must thoroughly and clearly acknowledge the source of this information by using the correct referencing style for your unit. Using others’ work without proper acknowledgement may be considered a form of intellectual dishonesty.
Participating honestly, respectfully, responsibly, and fairly in your university study ensures the CQUniversity qualification you earn will be valued as a true indication of your individual academic achievement and will continue to receive the respect and recognition it deserves.
As a student, you are responsible for reading and following CQUniversity’s policies, including the Student Academic Integrity Policy and Procedure. This policy sets out CQUniversity’s expectations of you to act with integrity, examples of academic integrity breaches to avoid, the processes used to address alleged breaches of academic integrity, and potential penalties.
What is a breach of academic integrity?
A breach of academic integrity includes but is not limited to plagiarism, self-plagiarism, collusion, cheating, contract cheating, and academic misconduct. The Student Academic Integrity Policy and Procedure defines what these terms mean and gives examples.
Why is academic integrity important?
A breach of academic integrity may result in one or more penalties, including suspension or even expulsion from the University. It can also have negative implications for student visas and future enrolment at CQUniversity or elsewhere. Students who engage in contract cheating also risk being blackmailed by contract cheating services.
Where can I get assistance?
For academic advice and guidance, the Academic Learning Centre (ALC) can support you in becoming confident in completing assessments with integrity and of high standard.
What can you do to act with integrity?
