Dreamweaver 3

Introduction
10 mins
   
Activities
  • Opening
  • Warming up
  • Introduce the students on what we are going to cover in today's lesson (10 min)
  • Rollovers (20min)
    - Making rollovers
    - linking
  • Behaviours (20min)
    - On mouseOvers etc
  • Tea breakWork: (100 mins)
  • CSS- Saving css file/creating etc
  • Html coding
    - environment (source code)
    - opening windows with JavaScript
    - a brief intro to what is JavaScript
    - Opening new windows
  • Marques
  • Layer timelin
 
Warming up
15 mins
Ask any student to volunteer for a warm-up game. Any (This will help us know of some new warm-ups that can be used in the other groups)  
TIP
  • In the morning it will be theory and some exercises
  • In the afternoon my neighbourhood project continued (production of my neighbourhood )
  • Using the help in the program they can explore more about dream weaver
  • Give the students some urls and they need to do some more research about getting basic tutorials that they can read and learn by themselves during their free time.
  • Show some example of how different site have been produced e.g. Using CSS

    see links below


  • The trainer is going to explain each areas step by step and student are required to ask questions and ask for more clarification if there is need be.
  • Students are required to make there own notes
  • Some handout will be provided.
  • Lesson is scheduled for 4 hours
  • Students are required to use our library books/CD's (Library activated)
  • Give this frame work to the students so that they can always go back and ask question on a specific area.

    NB: In the start of this lesson student needs to be remembered of the neighbourhood project which they need to produce.

  • Objective
  • To translate there creative knowledge to technical element (visual products).
  • To encourage self dependency in improving there skills in every area.
  • To introduce them to applications for websites producti
 
Links
HMTL TUTORIALS
http://www.dreamink.com/
http://www.davesite.com/webstation/html/
http://www.cwru.edu/help/introHTML/toc.html
http://www.pageresource.com/html/index2.htm

HANDOUTS
http://www.useit.com/alertbox/991003.html
http://www.useit.com/alertbox/9605.html
http://www.useit.com/alertbox/9706b.html
http://www.cwru.edu/help/introHTML/TCh1.html
http://www.neonlollipops.com/design/
 
Exercise 1
30 mins
Rollovers and windows
- Make a very short story of 2 version of an image like a man smiling then frowning and then click to get new window and you get the background to the story
 
Exercise 2
30 mins
Designing a form
(just to get the element of forms in dream weaver)
- Each student should present what they have made in exercise 1 - just a brief presentation (20 min)
 
Closing Talk
closing talk, homework and evaluation

- Prepare students for the next lesson
- Give evaluation forms and homework
- Ask what they have learnt.
 
Hand-out    
Homework    
Evaluation Printed lesson evaluation forms for the students to fill at home.  
Learning goals

 

 
Materials - A form for each student to make the design layout. Can be any for example electricity or enrolment form
- Just make sure everyone as the same copy
 
       
 © Nairobits 2002     to top