PLANNING DOCUMENT

SCHOOL: ____________________
YEAR 8
Week Learning Area
Teaching & Learning
Strand and Sub Objectives- Links

TOPIC: WEB DESIGN

Learning Area: DIGITAL TECHNOLOGIES

Week 1 to week 3

Learning Experiences

Resources

What students are doing?

What they will use?

Introduction:

Assessment

Strand Focus
1 L1

Subject: Digital
Technologies

Learning Objectives:

Strand:

Processes and
production skills.

Sub Strand:

Year 8

Creating
Digital
Solutions
by defining

8.7 Define real-world problems

and decompose them taking into
account usability and technical,
economic, environmental and
social constraints.
(ACTDIP027)
Design the user experience of a
digital system, generating,
evaluating and communicating
alternative designs (ACTDIP028)

Body:

General Capabilities:

Information and Communication

Technology (ICT) capability
Literacy
Critical and creative thinking

Sustainability

Values:

Respect and concern for others

and their rights
Pursuit of knowledge and
commitment to achievement of
potential
Self-acceptance and respect of
self
Social and civic responsibility
Environmental responsibility

Other Learning Areas:

English

Teacher introduces students to Padlet

Collaboration activity using Padlet to discuss the uses and
limitations of various websites in relation to.
o
Language constraints
o
Age
o
Vision Impairment

Example
websites
Interactive
whiteboard

Formative:
Classroom
participation.
(Weighting 0.4%)
6 Blogs
(Weighting 10%)

Conclusion:

Cross Curriculum Priorities:

1 L2

Outline teachers behavioural expectations, schools discipline

policy and its application within the ICT classroom.
Teacher introduces students to the Weebly based weekly
tutorial website
Classroom discussion on the positive and negative design
aspects of selected websites

Computers/Lapto
ps
http://padlet.com
http://weebly.com

Video on how the web benefits society

Teacher introduces the main Web Design assignment
Homework: Students to think of 3 ways a website might assist
them (due next lesson)

Introduction:

Classroom discussion on the previous lessons homework. What are

three ways a website might assist the student?

Body:

Teacher shows examples of good web design

o
Typeface
o
Alignment
o
Colour
o
Responsive Web Design (PC vs. Ipad display)

Conclusion:

Students create a montage of images in a whole class padlet,

relating to the key concepts of web design

Homework: Students to identify 3 websites that they believe are well

designed (due next lesson)

Summative:
Blog Design
Assignment
Due end of
lesson 12
(Weighting 20%)

SCHOOL: ____________________
Week

Learning Area
Strand and Sub
Strand Focus

1 L3

Subject: Digital
Technologies

Teaching & Learning

Objectives- Links to e.g.:

Creating
Digital
Solutions
by defining

Resources
What they will use?

Learning Objectives:

Introduction:

Year 8

8.7 Define real-world problems

and decompose them taking into
account usability and technical,
economic, environmental and
social constraints.
(ACTDIP027)
Design the user experience of a
digital system, generating,
evaluating and communicating
alternative designs (ACTDIP028)
Create and communicate
interactive ideas and information
collaboratively online, taking into
account social contexts
(ACTDIP032)

General Capabilities:

1 L4

What students are doing?

Processes and
production skills.

Sub Strand:

TOPIC: WEB DESIGN

Learning Experiences

Strand:

YEAR: 8

Information and Communication

Technology (ICT) capability
Literacy
Critical and creative thinking

Cross Curriculum Priorities:

Sustainability

Values:

Respect and concern for others

and their rights
Pursuit of knowledge and
commitment to achievement of
potential
Self-acceptance and respect of
self
Social and civic responsibility
Environmental responsibility

Other Learning Areas:

Teacher introduces students to Weebly blog system:

o
Discussion on the economic cost of setting up a blog:

Types of Blog platforms

Servers

Domain Names
o
Discussion on some of the benefits of using a Blog:

Paperless journaling

Citizen Journalism

Defamation

Body:
Students create a basic blog post
Teacher demonstrates theme editing
Students spend time exploring the various tools in the weebly theme

Computers/Lapto
ps
Weebly Blogs
http://weebly.com

Example
websites
Interactive
whiteboard

Assessment
Formative:
6 Blogs
(Weighting
5%)
Classroom
Participation
(5%)

editor

Conclusion:

Teacher introduces the weekly journal assignment.

Homework: Complete first journal entry (due next lesson)

Introduction:

Teacher reintroduces the topic of Web Design through a class

discussion on the design of 2 websites.
Teacher reflects on students individual Journals, showing some
examples to the students and elaborating on concepts that werent
quite understood.

Body:

Web Design exercise number 1: Students learn the basic drag-anddrop design tools on the Weebly Blog platform.

Conclusion:

Teacher to introduce the main Blog Design assignment.

Homework:

Complete second journal entry (due next lesson)

English

Summative:
Blog Design
Assignment
Due end of
lesson 12
(Weighting 20%)

SCHOOL: ____________________
Week

2 L5

Learning Area
Strand and Sub
Strand Focus

Teaching & Learning

Objectives- Links to e.g. :?

Subject: Digital
Technologies

Resources

What students are doing?

What they will use?

Learning Objectives:

Introduction:

Processes and
production skills.

Sub Strand:

2 L6

Creating
Digital
Solutions
by defining

TOPIC: Web Design

Learning Experiences

Strand:

YEAR: 8

Year 8

8.7 Define real-world problems

and decompose them taking into
account usability and technical,
economic, environmental and
social constraints.
(ACTDIP027)
Design the user experience of a
digital system, generating,
evaluating and communicating
alternative designs (ACTDIP028)
Create and communicate
interactive ideas and information
collaboratively online, taking into
account social contexts
(ACTDIP032)

General Capabilities:

Information and Communication

Technology (ICT) capability
Literacy
Personal and Social Capability
Critical and creative thinking
Ethical Understanding

Cross Curriculum Priorities:

Sustainability

Brief recap on wordpress design

Body:
Using the ICT weebly, students complete design exercise 1 focusing
on:

o
o
Conclusion:

Alignment
Typefaces

Using Photoshop, the teacher demonstrates how to use alignment in

a blog design mock up.

Example
websites
Interactive
whiteboard

Formative:
6 Blogs
(Weighting
5%)
Classroom
Participation(
5%)

Homework: Complete third journal entry (due next lesson)

Introduction:

Brief recap on Alignment and Typefaces

Body:
Using the ICT Weebly, students complete design exercise 2 focusing
on:

o
o
o

The Colour Wheel

Analogous Colour
Contrasting Colours

Conclusion:

Teacher introduces the weekly journal assignment.

Homework: Complete fourth blog entry (due next lesson)

Values:

Computers/Lapto
ps
Wordpress Blogs
http://weebly.com

Assessment

Respect and concern for others

and their rights
Pursuit of knowledge and
commitment to achievement of
potential
Self-acceptance and respect of
self
Social and civic responsibility
Environmental responsibility

Other Learning Areas:

English

Summative:
Blog Design
Assignment
Due end of
lesson 12
(Weighting 20%)

SCHOOL: ____________________
Week

2 L7

Learning Area
Strand and Sub
Strand Focus

Teaching & Learning

Objectives- Links to e.g. :

Subject: Digital
Technologies

Resources

What students are doing?

What they will use?

Learning Objectives:

Introduction:

8.7 Define real-world problems

and decompose them taking into
account usability and technical,
economic, environmental and
social constraints.(ACTDIP027)

Design the user experience of a

digital system, generating,
evaluating and communicating
alternative designs (ACTDIP028)

Processes and
production skills.

Sub Strand:

2 L8

Creating
Digital
Solutions
by defining

TOPIC: Web Design

Learning Experiences

Strand:

YEAR: 8

Year 8

Create and communicate

interactive ideas and information
collaboratively online, taking into
account social contexts
(ACTDIP032)

General Capabilities:

Information and Communication

Technology (ICT) capability
Literacy
Personal and Social Capability
Critical and creative thinking
Ethical Understanding

Cross Curriculum Priorities:

Sustainability

Brief recap on Design Principles: Colour and Alignment

Body:
Using the design principles theyve learnt, students design a mock-up
design of their blog using a Photoshop template.

Conclusion:
Students present their mock design during the last 20 minutes of the
lesson individually with the class critiquing each design.

Homework:

Complete fifth blog entry reflecting on the feedback they

received from the class on their design. (due next lesson)

Introduction:

Students spend the first half of the lesson revising their mock-up
design based on the feedback they received in the previous
lesson.

Body:

Class discussion and peer reflection on the improvements

theyve made to their designs.

Conclusion:
Teacher demonstrates how to take elements from the mock-up
design and implement them into their blog theme using the
Weebly drag and drop design tools:
Homework:

Complete sixth blog entry reflecting on the feedback they

received from the class on their design. (due next lesson)

Values:

Respect and concern for others

and their rights
Pursuit of knowledge and
commitment to achievement of
potential
Self-acceptance and respect of
self
Social and civic responsibility
Environmental responsibility

Other Learning Areas:

English

Computers/Lapto
ps
Wordpress Blogs
http://weebly.com

Example
websites
Interactive
whiteboard

Assessment
Formative:
6 Blogs
(Weighting
5%)
Classroom
Participation(
5%)

Summative:
Blog Design
Assignment
Due end of
lesson 12
(Weighting 10%)

SCHOOL: ____________________
Week

3 L9

Teaching & Learning

Objectives- Links to e.g.

Learning Experiences

Resources

What students are doing?

What they will use?

Subject:
Digital
Technologies

Learning Objectives:

Introduction:

Processes and
production skills.

Sub Strand:

3
L10

TOPIC: Web Design

Learning Area
Strand and Sub
Strand Focus

Strand:

YEAR: 8

Creating
Digital
Solutions
by defining

Year 8

8.7 Define real-world problems

and decompose them taking into
account usability and technical,
economic, environmental and
social constraints.
Design the user experience of a
digital system, generating,
evaluating and communicating
alternative designs (ACTDIP028)
Create and communicate
interactive ideas and information
collaboratively online, taking into
account social contexts
(ACTDIP032)

General Capabilities:

Information and Communication

Technology (ICT) capability
Literacy
Personal and Social Capability
Critical and creative thinking
Ethical Understanding

Cross Curriculum Priorities:

Sustainability
Values:

Teacher revises some of the Weebly Design concepts from the

previous lesson.

Body:

Using the ICT weebly students complete HTML exercise 1

introducing basic tags
o
Using photoshop to find colour codes

Conclusion:
Students work on transferring their mock-up design to their

Computers/Lapto
ps
http://weebly.com

Example
websites
Interactive
whiteboard

Assessment
Formative:
6 Blogs
(Weighting
5%)
Classroom
Participation(
5%)

blogs theme.
Homework:

Begin transferring mock-up design to blog theme

Introduction:

Teacher recaps previous lessons HTML concepts and

introduces the students to CSS tags

Body:

Using the ICT weebly students complete HTML exercise 2

introducing them to CSS tags
o
Responsive Web Design
o
Basic CSS principles for blogs

Conclusion:
Teacher shows examples of students work to class that are on
the right track.
Homework:

Continue transferring mock-up design to blog theme

Respect and concern for others

and their rights
Pursuit of knowledge and
commitment to achievement of
potential
Self-acceptance and respect of
self
Social and civic responsibility
Environmental responsibility

Other Learning Areas:

English

Summative:
Blog Design
Assignment
Due end of
lesson 12
(Weighting 20%)

SCHOOL: ____________________
Week

Learning Area
Strand and Sub
Strand Focus

3 L11

Subject: Digital
Technologies
Strand:

Processes and
production skills.

Sub Strand:

Year 8
3
L12

Creating
Digital
Solutions
by defining

YEAR: 8

TOPIC: Web Design

Teaching & Learning

Objectives- Links to e.g. :

Learning Experiences

Resources

What students are doing?

What they will use?

Learning Objectives:

Introduction:

8.7 Define real-world problems and

decompose them taking into
account usability and technical,
economic, environmental and
social constraints.

Body:

Design the user experience of a digital

system, generating, evaluating
and communicating alternative
designs (ACTDIP028)

Conclusion:
Teacher shows examples of students work to class that are on

Create and communicate interactive

ideas and information
collaboratively online, taking into
account social contexts
(ACTDIP032)

General Capabilities:

Information and Communication

Technology (ICT) capability
Literacy
Personal and Social Capability
Critical and creative thinking
Ethical Understanding

Cross Curriculum Priorities:

Sustainability
Values:

Respect and concern for others

and their rights
Pursuit of knowledge and
commitment to achievement of
potential
Self-acceptance and respect of
self
Social and civic responsibility
Environmental responsibility

Teacher reviews students progress on their blog theme by

showing some student examples on the projector.
Students spend a large portion of the lesson working on their
theme while being able to ask the teacher for assistance.

Computers/Lapto
ps
http://weebly.com

Example
websites
Interactive
whiteboard

Assessment
Formative:
6 Blogs
(Weighting
5%)
Classroom
Participation
(5%)

the right track.

Homework:

Continue transferring mock-up design to blog theme

Introduction:

Teacher reminds students that this is the last lesson in which

they will be able to complete their blog projects

Body:

Students spend a large portion of the lesson working on their

theme while being able to ask the teacher for assistance.

Conclusion:
Students submit their finished blogs to the teacher with a half
page response to these questions:
o How have you used the design principles in your
design?
o How does your finished blog differ in design from the
mock-up?
o What are some of the positive and negative social
aspects of using a blog?
o
How does using a blog affect the environment?

Other Learning Areas:

English

Summative:
Blog Design
Assignment
Due end of
lesson 12
(Weighting 20%)