Scheme of Work for the Web Design for Beginners (using Adobe Dreamweaver CS6) course

SCHEME OF WORK: WEB DESIGN FOR BEGINNERS (USING DREAMWEAVER CS6) 2012-13
Teaching
Learning Strategies Assessment Classroom
Wk. Strategies / Functional Skills E-Learning
/ Activities Methods Resources
Activities

1
Introduction &
Designing a Webpage Literacy/Language
with HTML & • Reading hand-outs • Computer
Classroom
Notepad • Paired/Group work (verbal
communication) • Using Classroom
• Projector
• Take part in discussion Management
software (like LAN • Projection
1. Introduce Course with • Questioning & answering
Screen/White Board
Course Handbook. 1. Review Course • Reading / understanding School) to be used
Handbook. key words / technical terms for demonstrations.
• RARPA Document • Course Handbook
2. Get learners to fill out
• Processing their learning • Week 1 hand-outs.
start column of 2. Fill out Start Column of • Access to video-
and findings • Paired Work: Gap
RARPA Document. RARPA Document sharing website /
• Decision making Filing Exercise. • Classroom
identify prior resource bank
3. Load Week 1 knowledge & targets for where learners who Management
Numeracy • Practical/Graduated/ Software (LANSch)
PowerPoint & give the course. were away for the
• Calculating a font sizes Computer Simulated
out Week 1 hand-outs lesson or need extra
• Calculating a border sizes Task: Individually, • Web Design
3. Read/discuss/take part support or want to
• Calculating image sizes produce a Webpage Software (Adobe
4. Group discussion & in activity on what is revise lesson
• Colour codes using HTML coding Dreamweaver)
activity on what is HTML, XHTML, and activities can access
in Notepad. • Word Processing
HTML, XHTML, Tags Tags. Use Week 1 hand- video tutorials of
outs. ICT the lesson pre-made Software (Microsoft
• Notepad (software) skills. • Observation Word)
5. Explain Gap Filing by the Lecturer.
Exercise: Apply html 4. Carry out Gap Filing • Internet Explorer (web • Note taking
browser) skills. • Problem Solving software (Notepad)
coding to text. Exercise in Pairs. • Access to Online
• Using Computer hardware Server where • Access to the
6. Demonstrate how to 5. Make a webpage using (keyboard, mouse etc.) learners can make • Peer Feedback on Internet
make a webpage Notepad using Week 1 • Saving files in different their webpage live Individual webpage’s • Access to Online
using Notepad. hand-outs. formats. on the Internet. created. Server

PGCE / Cert Ed Yr2 > CDIP > Patch 1 > Group VHS


2
Getting Started with
& Using Adobe
Dreamweaver (1) Literacy/Language
1. Learners to engage in • Computer
lecturer on ‘organising • Reading hand-outs Classroom
1. Load Week 2 • Individual & paired work
PowerPoint & give your files’, ‘labelling
your files’, and (verbal communication) • Projector
out Week 2 hand-outs
‘XHTML’. • Take part in discussion
• Questioning & answering • Projection
2. 10 minute lecturer on
2. Load Dreamweaver on • Reading / understanding • Using Classroom Screen/White Board
‘organising your files’,
‘labelling your files’, computers and watch key words / technical terms Management
and ‘XHTML’. tutorial by lecturer on • Processing their learning software (like LAN • Week 2 hand-outs
its interface and panels. School) to be used
and findings
3. Introduce & show the for demonstrations. • Classroom
3. Complete Exercise 01 – • Decision making
Dreamweaver Management
Interface & Panels Label Dreamweaver’s • Access to video- Software (LANSch)
panels from tutorial Numeracy sharing website / • RARPA document
4. Issue exercise 01 – given by Lecturer on • Creating a number of resource bank • Web Design
Label Dreamweaver’s Exercise 01 sheet in folders. where learners who • Individual work. Software (Adobe
Panels within Week 2 week 2 hand-outs. • Calculating a font Sizes. were away for the Dreamweaver)
hand-outs. • Calculating border Sizes. lesson or need extra • Implementing Buddy
4. Start Exercise 02 – support or want to System during • Word Processing
• Calculating Image Sizes.
5. Issue exercise 02 – Design a webpage using revise lesson exercise work. Software (Microsoft
• Colour codes.
Design a webpage Dreamweaver. activities can access Word)
using Dreamweaver. Create a new webpage video tutorials of • Practical/Graduated/
Demonstrate file, label it with a title, ICT the lesson pre-made Computer Simulated • Note taking
Dreamweaver panels write information • Dreamweaver (software) by the Lecturer. Task: Individually, software (Notepad)
& tools using Week 2 down, and apply a skills. produce a Webpage
background colour, link • Internet Explorer (web using Dreamweaver. • Access to the
hand-outs. • Access to Online
colours, hyperlink, browser) skills. Server where Internet
If learners do not finish email address, image, • Using Computer hardware learners can make • Observation
Exercise 02, they have 1 text decoration, and (keyboard, mouse etc.) their webpage live • Access to Online
hour during Week 3’s inserting a video. • Saving files. on the Internet. • Problem Solving Server
lesson.



3
Getting Started with
& Using Adobe • Computer
Literacy/Language Classroom
Dreamweaver (2) • Reading hand-outs
1. Continue/Complete
Exercise 02 – Design a • Individual & paired work • Projector
webpage using (verbal communication)
1. Learners have the first
Dreamweaver. • Take part in discussion • Projection
hour to complete
Create a new webpage • Questioning & answering Screen/White Board
Exercise 02 from
Week 2. Any learners file, label it with a title, • Reading / understanding • Using Classroom
that have completed write information key words / technical terms Management • Week 3 hand-outs
down, and apply a software (like LAN
work will be issued • Processing their learning
extension/additional background colour, link School) to be used • Classroom
and findings
exercise. colours, hyperlink, for demonstrations. • RARPA document Management
email address, image, • Decision making Software (LANSch)
2. Learners to pair up text decoration, and • Access to video- • Individual work.
and feedback on their inserting a video. Numeracy sharing website / • Web Design
webpages designed in • Creating a number of resource bank • Implementing Buddy Software (Adobe
Exercise 02 from 2. Give feedback to the folders. where learners who System during Dreamweaver)
person sitting next to were away for the exercise work.
Week 2. • Calculating image sizes.
them on their webpage lesson or need extra • Word Processing
• Numbering files to
3. Load Week 3 created. support or want to • Practical/Graduated/ Software (Microsoft
ascending order.
PowerPoint & give • Colour codes. revise lesson Computer Simulated Word)
out Week 3 hand-outs 3. Investigate the activities can access Task: Individually,
webpage templates video tutorials of produce a Webpage • Note taking
4. Demonstrate where available in ICT the lesson pre-made using Dreamweaver software (Notepad)
learners can access Dreamweaver. • Dreamweaver (software) by the Lecturer. & using Site Control
suitable webpage skills. within an existing • Access to the
template documents 4. Understand the • Internet Explorer (web • Access to Online project. Internet
within Dreamweaver. importance of ‘Site browser) skills. Server where
Control’ and how to • Using Computer hardware learners can make • Observation • Access to Online
5. Lecture / tutorial on manage it using Week 3 (keyboard, mouse etc.) their webpage live Server
hand-outs.
‘Site Control’ • Saving files. on the Internet. • Problem Solving



4
Controlling
Typography &
Literacy/Language
Creating Links with
• Reading hand-outs
Dreamweaver • Individual & paired work
1. Download Week 4 • Computer
exercise files from (verbal communication) Classroom
1. Upload Week 4
system personal login • Take part in discussion
exercise files onto
space or USB stick. • Questioning & answering • Projector
system for download.
• Reading / understanding
key words / technical terms • Projection
2. Load Week 4 2. Practice / Revise how to
• Using Classroom Screen/White Board
PowerPoint & give decorate & edit text on • Processing their learning
out Week 4 hand-outs a webpage. and findings Management
software (like LAN • Week 4 hand-outs
• Decision making
3. Demonstrate / remind School) to be used
3. Transfer text from a • Classroom
learners how to for demonstrations.
Word Document into a • RARPA document Management
decorate & edit text. webpage file in
Numeracy
• Creating a number of • Access to video- Software (LANSch)
Dreamweaver.
4. Demonstrate how folders. sharing website / • Individual work.
text can be • Calculating font sizes. resource bank • Web Design
transferred from 4. Listen / take part in • Choosing the right number where learners who • Implementing Buddy Software (Adobe
Word into a webpage. discussion on font unit of named anchors. were away for the System during Dreamweaver)
measurements and font • Configuring image sizes for lesson or need extra exercise work.
5. 10 minute lecture on choices. a webpage. support or want to • Word Processing
font unit revise lesson • Practical/Graduated/ Software (Microsoft
• Colour codes.
measurements and activities can access Computer Simulated Word)
5. Apply internal, external
font choices. links and named video tutorials of Task: Individually,
ICT the lesson pre-made controlling the • Note taking
anchors to Week 4
6. Demonstrate how to • Dreamweaver & Word by the Lecturer. typography and software (Notepad)
exercise files.
create internal links, (software) skills. applying links to a
external links and • Internet Explorer (web • Access to Online website project. • Access to the
named anchors. 6. Extension/Addition browser) skills. Server where Internet
Exercise: Inserting • Using Computer hardware learners can make • Observation
7. Extension/Addition Images to Week 4 (keyboard, mouse etc.) their webpage live • Access to Online
Exercise: Inserting exercise files. • Saving files. on the Internet. • Problem Solving Server
Images.



5
The Webpage
Layout
Literacy/Language
1. Upload Week 5 • Reading hand-outs
exercise files onto • Individual & paired work • Computer
system for learners to (verbal communication) Classroom
download. 1. Listen / take part in • Take part in discussion
discussion on the • Questioning & answering • Projector
2. Load Week 5 elements of the
PowerPoint & give • Reading / understanding
webpage layout. • Projection
out Week 5 hand-outs key words / technical terms
• Processing their learning
3. 10 minute lecture on 2. Download Week 5 and findings Management
the elements of the exercise files from software (like LAN • RARPA document • Week 5 hand-outs
• Decision making
webpage layout. system personal login School) to be used
space or USB stick. for demonstrations. • Individual work. • Classroom
4. Issue Exercise 01 – Numeracy Management
learners to label the • Calculating the width of the • Access to video- • Implementing Buddy Software (LANSch)
3. Exercise 01 – Identify
webpage elements on the webpage elements elements on the webpage. sharing website / System during
existing online • Calculating font sizes. resource bank exercise work. • Web Design
on existing online
webpage’s. • Referring to a specific line where learners who Software (Adobe
webpage’s.
of coding to configure. were away for the • Practical/Graduated/ Dreamweaver)
5. Demonstrate how 4. Exercise 02 - Customise • Configuring image sizes for lesson or need extra Computer Simulated
the webpage a webpage. support or want to Task: Individually, • Word Processing
the elements on a
elements can be revise lesson identifying the Software (Microsoft
webpage template • Colour codes.
customised in activities can access webpage elements, Word)
Dreamweaver.
Dreamweaver video tutorials of customising them in
(Exercise 02). ICT the lesson pre-made Dreamweaver and • Note taking
5. Exercise 03 – Decorate • Dreamweaver & Word by the Lecturer. using them to create software (Notepad)
6. Issue Exercise 03 – webpage template with (software) skills. a complete
text, images, and • Internet Explorer (web webpage. • Access to the
Get learners to use • Access to Online
knowledge gained in customise to a specific browser) skills. Server where Internet
lesson to make a specification as • Using Computer hardware learners can make • Observation
webpage for specific mentioned in Week 5 (keyboard, mouse etc.) their webpage live • Access to Online
handouts. Server
requirements given in • Saving files. on the Internet. • Problem Solving
hand-outs.



6
Adobe Photoshop
within web
development (1)
• Computer
1. Load Week 6 1. Learners to update Classroom
PowerPoint & give their RARPA document
out Week 6 hand-outs with their progress. • Projector
Literacy/Language
2. Introduction to Adobe 2. Listen / take part in • Reading hand-outs • Projection
Photoshop & tutorial discussion on Adobe • Individual & paired work • Using Classroom Screen/White Board
on its interface. Photoshop’s interface (verbal communication) Management
and tools. • Take part in discussion • Week 6 hand-outs
3. Tutorials on the tools software (like LAN
available and how to • Questioning & answering School) to be used
3. Practice how to create a • RARPA document • Classroom
create a new • Reading / understanding for demonstrations.
new document in Management
document. key words / technical terms
Photoshop. Software (LANSch)
• Processing their learning • Access to video- • Individual work.
4. Exercise 01 – and findings sharing website /
Demonstrate how to 4. Exercise 01 – create a resource bank • Implementing Buddy • Image Editing
• Decision making Software (Adobe
create a background background graphic where learners who System during
graphic using the using the gradient tool were away for the exercise work. Photoshop)
gradient tool. and save appropriately Numeracy lesson or need extra
for web. • Creating new documents to support or want to • Practical/Graduated/ • Word Processing
5. 10 minute lecture on specific document sizes revise lesson Computer Simulated Software (Microsoft
‘image file formats for (width & height). activities can access Task: Individually, Word)
5. Listen / take part in
the web’ and tutorial discussion on image file • Calculating font sizes. video tutorials of design/create two
on how to save • Colour codes. the lesson pre-made background graphics • Note taking
formats for the web.
Photoshop files. by the Lecturer. using a number of software (Notepad)
tools in Adobe
6. Exercise 02 – 6. Exercise 02 – create a ICT • Access to Online Photoshop. • Access to the
Demonstrate how to background graphic • Photoshop (software) skills. Server where Internet
create a background using the paint bucket • Using Computer hardware learners can make • Observation
graphic using the tool, text tool and save (keyboard, mouse etc.) their webpage live • Access to Online
paint bucket tool and appropriately for web. • Creating new & saving files. on the Internet. • Problem Solving Server
text tool.



7
Adobe Photoshop
within web
development (2) 1. Exercise 01 – create a
banner using tools Literacy/Language • Computer
1. Upload Week 7 learnt last week plus • Reading hand-outs Classroom
exercise files onto the brush tool, use • Individual & paired work
system for download. download brushes from (verbal communication) • Projector
www.brusheezy.com • Take part in discussion
2. Load Week 7 and applying layer • Questioning & answering • Projection
PowerPoint & give styles to specific layers.
• Reading / understanding • Using Classroom Screen/White Board
out Week 7 hand-outs
key words / technical terms Management
3. Exercise 01 – 2. Exercise 02 – Resize software (like LAN • RARPA document • Week 7 hand-outs
Demonstrate how to images given by and findings School) to be used
create a banner using Lecturer (Week 7 for demonstrations. • Individual work. • Classroom
• Decision making Management
tools learnt previous folder) in Adobe
week, the brush tool. Photoshop. • Access to video- • Implementing Buddy Software (LANSch)
Numeracy sharing website / System during
4. Introduce learners to • Creating new documents to resource bank exercise work. • Image Editing
3. Download Week 7
www.brusheezy.com specific document sizes where learners who Software (Adobe
exercise files from
where brushes can be (width & height). were away for the • Practical/Graduated/ Photoshop)
system personal login
downloaded & used space or USB stick. • Calculating the width of the lesson or need extra Computer Simulated
in Photoshop. elements on the webpage. support or want to Task: Individually, • Web Design
revise lesson design/create a Software (Adobe
• Image sizes (width &
5. Exercise 02- 4. Exercise 03 – Using activities can access banner using varies Dreamweaver)
height).
Demonstrate how to images created in video tutorials of tools.
• Colour codes.
resize images in Adobe Photoshop, the lesson pre-made Apply graphics • Note taking
Photoshop. Use files apply them to a by the Lecturer. created over the last software (Notepad)
uploaded in Week 7 webpage template in ICT two weeks within a
folder. the Week 7 folder. • Dreamweaver & • Access to Online webpage template. • Access to the
Webpage template can Photoshop (software) skills. Server where Internet
6. Exercise 03- Get be customised using • Using Computer hardware learners can make • Observation
learners are to use skills and knowledge (keyboard, mouse etc.) their webpage live • Access to Online
graphics created on a learnt in Week 5. • Creating new & saving files. on the Internet. • Problem Solving Server
webpage template.



8
Using CSS with
Dreamweaver Literacy/Language
• Reading hand-outs
• Individual & paired work • Computer
(verbal communication) Classroom
• Take part in discussion
1. Upload Week 8
• Questioning & answering • Projector
exercise files onto 1. Listen / take part in
system for learners to discussion on CSS. • Reading / understanding
key words / technical terms • Projection
download.
2. Download Week 8
2. Load Week 8 and findings Management
exercise files from • Week 5 hand-outs
PowerPoint & give • Decision making software (like LAN
system personal login
out Week 8 hand-outs School) to be used
space or USB stick. • RARPA document • Classroom
for demonstrations.
3. 10 minute lecture on Numeracy Management
what is CSS, the 3. Exercise 01 – Configure • Calculating the width of the • Access to video- • Individual work. Software (LANSch)
advantages of CSS the fix.css file using elements on the webpage. sharing website /
and how it works. Week 8 handouts and • Calculating font sizes. resource bank • Implementing Buddy • Web Design
apply to website • Referring to a specific line where learners who System during Software (Adobe
4. Exercise 01 – Apply project. of coding to configure. were away for the exercise work. Dreamweaver)
fix.css to a website & • Configuring image sizes for lesson or need extra
customise. a webpage. support or want to • Practical/Graduated/ • Word Processing
4. Exercise 02 – Configure
revise lesson Computer Simulated Software (Microsoft
the flex.css file using • Colour codes.
5. Exercise 02 – Apply activities can access Task: Individually, Word)
Week 8 handouts and
flex.css to a website & apply to website video tutorials of understanding how
customise. ICT the lesson pre-made CSS files are • Note taking
project.
• Dreamweaver & Word by the Lecturer. customised and software (Notepad)
6. Exercise 03 - (software) skills. applied to a number
5. Exercise 03 – Apply • Internet Explorer (web of webpage’s. • Access to the
Demonstrate how • Access to Online
SEO (Search Engine Meta Tags to a browser) skills. Server where Internet
Optimisation) works webpage template to • Using Computer hardware learners can make • Observation
and apply Meta Tags enable SEO (search (keyboard, mouse etc.) their webpage live • Access to Online
engine optimisation). Server
to a webpage. • Saving files. on the Internet. • Problem Solving



9
The Assignment &
Devising a Web 1. Listen / take part in
Design Contact discussion on devising a Literacy/Language • Computer
web design contact and • Reading hand-outs Classroom
planning a suitable • Individual & paired work
1. Load Week 9 website. (verbal communication) • Projector
PowerPoint & give • Take part in discussion
out Assignment Pack, • Questioning & answering • Projection
2. Read assignment pack.
information pack on Screen/White Board
Review / listen / take • Reading / understanding
devising a web design
part in discussion on key words / technical terms • RARPA document
contract. • Week 9 hand-outs &
the assignment issued. • Processing their learning • Using Classroom
Management • Individual work. Assignment
2. 10 minute lecture on and findings
questions to ask a 3. Start assignment. • Decision making software (like LAN
School) to be used • Implementing Buddy • Classroom
client when collecting Learners are to make a
for demonstrations. System during Management
the requirements for website to a specific
Numeracy exercise work. Software (LANSch)
a website project, brief.
producing a site & Learners can either • Creating a number of • Access to video-
folders. sharing website / • The Assignment. • Web Design
mind map for website start their project by
• Creating new documents to resource bank The assignment is Software (Adobe
project and planning a creating their graphics
specific document sizes where learners who created to practise Dreamweaver)
suitable website. in Photoshop first or
choosing a suitable (width & height). were away for the the skills you have
• Calculating the width of the lesson or need extra learnt within this • Word Processing
3. Issue Assignment. template and
elements on the webpage. support or want to course. Software (Microsoft
Discuss what is customising it to fit the
revise lesson The assignment will Word)
required, advice requirements
learners how to start mentioned in the brief. activities can access cover all the
ICT video tutorials of material you have • Image Editing
and how to collect
• Dreamweaver, Photoshop the lesson pre-made learnt from the software (Adobe
information from the 4. Learners to collect their & Word (software) skills. by the Lecturer. beginning of the Photoshop)
internet for their information using news
website. • Internet Explorer (web course to the
website on the Internet browser) skills. present. • Access to the
• Access to Online
and refer to Week 9 • Using Computer hardware Server where Internet
4. Monitor learner’s handout on how to
progress of their (keyboard, mouse etc.) learners can make • Observation
download and save • Access to Online
assignment. • Saving files in different their webpage live
their data. formats. on the Internet. • Problem Solving Server


10 The Assignment & 1. Listen / take part in
Applying JavaScript discussion on how to Literacy/Language
upload a website onto • Reading hand-outs
(Animation) to your the World Wide Web
• Computer
• Individual & paired work Classroom
webpage. and where to buy a (verbal communication)
domain name & web • Take part in discussion
1. Load Week 10 • Projector
space from. • Questioning & answering
PowerPoint & give
out Week 10 hand- • Reading / understanding • Projection
outs. 2. Continue/Complete key words / technical terms Screen/White Board
working on assignment. • Processing their learning • RARPA document
2. 10 minute lecture on Learners should be • Week 9 hand-outs &
and findings • Using Classroom
transferring their data Assignment
uploading a website • Decision making Management • Individual work.
onto the World Wide (text & images) onto
software (like LAN
Web and where to their designed • Classroom
Numeracy School) to be used • Implementing Buddy
webpage’s and Management
buy a domain name & • Calculating the width of the for demonstrations. System during
web space from. decorating it. Also Software (LANSch)
elements on the webpage. exercise work.
conclude by adding
• Calculating font sizes. • Access to video-
3. Continue to monitor links and testing • Web Design
• Referring to a specific line sharing website / • The Assignment.
learner’s progress on uploading it onto an Software (Adobe
of coding to configure. resource bank The assignment is
their website online server. Dreamweaver)
• Configuring image sizes for where learners who created to practise
assignment. Tell a webpage. were away for the the skills you have
learners to use the 3. Listen / take part in • Colour codes. lesson or need extra learnt within this • Word Processing
checklist on the back discussion on JavaScript support or want to course. Software (Microsoft
of the assignment. and apply to ICT revise lesson The assignment will Word)
assignment website (if • Dreamweaver, Photoshop activities can access cover all the
4. Explain & completed). & Word (software) skills. video tutorials of material you have • Image Editing
demonstrate what • Internet Explorer (web the lesson pre-made learnt from the software (Adobe
JavaScript is and how browser) skills. by the Lecturer. beginning of the Photoshop)
4. Give feedback to peers
to apply it to a on websites created. • Using Computer hardware course to the
webpage. (keyboard, mouse etc.) • Access to Online present. • Access to the
• Saving files in different Server where Internet
5. Feedback on websites 5. Learners to complete formats. learners can make • Observation
created for their RARPA Document • Saving files to multiple their webpage live • Access to Online
assignment. and hand in to Lecturer. drives/servers. on the Internet. • Problem Solving Server


Scheme of Work for the Web Design for Beginners (using Adobe Dreamweaver CS6) course

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Destacado

Destacado (20)

Similar a Scheme of Work for the Web Design for Beginners (using Adobe Dreamweaver CS6) course

Similar a Scheme of Work for the Web Design for Beginners (using Adobe Dreamweaver CS6) course (20)

Último

Último (20)

Scheme of Work for the Web Design for Beginners (using Adobe Dreamweaver CS6) course