Dreamweaver 1: Let's get started

Introduction
20 mins
   
Activities
  • Opening: (40 min)
  • Warming up
  • Introduction to dream weaver
    - It's a product from!!!
    - History/ versions
    - opening the program
    - opening a new document
  • Tea breakWork: (140 mins)
  • Dreamweaver's visual environment
    - menus
    - properties
    - page properties
  • Text format/styles
    - bullets
    - fonts
    - bold
    - italic
    - size etc
    - colour
    - special characters
    - Getting text from other application like MS word to Dream weaver.
  • Links
    - Image links
    - text links : - internal or external
    - Anchors
    - Alt tags
    - e-mail links
  • Insert image
    - properties :
    - e.g. alignment with text
  • File saving and namingand folder management
  • Define site
  • saving formats
 
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 production
 
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 - File saving
40 mins
naming and folder management.  
Exercise - Linking
40 mins
student can start creating their neighbourhood page/pages and write a few lines and link them.  
TIP Still go around assessing and guiding  
Exercise: Presentations
30 mins
The students each have 10mins max to present their work as the rest look on and comment.  
Exercise:Design continued
110 mins
They continue with their work and incorporate useful input from each other.  
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 - Text about their neighbourhood. (typing the collected text in the afternoon about their neighbourhood)
- photos for their neighbourhood projects

NB: prior to this lesson student will be asked to take photos of which they will work with in Photoshop lessons. In this lesson will be just showing them how to insert, align etc
 
       
 © Nairobits 2002     to top