Podcast: Play in new window | Download (0.0KB) | Embed
This is the second session for the level 2 multimedia encourages students to understand the difference between creating website using WordPress and Dreamweaver.
Resources: Internet, Dreamweaver, Fireworks, www.wordpress.com, drawing boards, paper, pens, crayons.
By the end of this lesson:
- learners will be able to identity and understand technology
- learners will have experimented with both CMS and WYSIWYG
Starter session; Q & A- away from your computers and the Internet
- What is a url?
- Define IPv6
- What is the difference between the Internet and World Wide Web?
- HTTP? What is this???!!!
- And what on hearth is a domain name??
- Server? Why do I need a server for?
- TCP? Is the short name for Three Cool Professionals? Am I right?
- IP = Intelligent Pen
- If I want a website I need a domain name. True or False?
Main Session part 1;
It is time to break down the definitions:- take notes
Use your drawing skills (drawing broad/sketch book or A3), draw an instructional version of this video to demonstrate your understanding.
Main Session part 2; Group Debate
Group 1- Make an effective research about the advantages of social web sites in view of arguing the fact that social websites are not dangerous to society, but beneficial.
Group 2- Make an effective research about the disadvantages of social web sites in view of arguing the fact that social websites are dangerous for vulnerable people etc…
You have 30 minutes to gather facts, and plan and prepare your debate.
Main Session part 4; Introduction to Dreamweaver & Workshop
For this workshop we will create a basic website using Dreamweaver and Fireworks. Le’ts start together
You will need to open and find Dreamweaver
1. Begin by creating a folder on your computer called “mysite” as all one word. Save all of your files related to this site into this folder. Create a folder within this folder called images.
2. Create the pages
- index
- about
- portfolio
- contact
- links
3. add content – text is enough for today
4. link the pages
5. preview the site
Now watch the video + Tutor demo and explanations + take notes
REMINDER
TO DESIGN WEBSITE WE NEED:
| A BRIEF | This brief will the base for our final design |
| RESEARCH | Research the Internet to see what the competitors do |
| PLAN | The plan will be an extension to the brief and will dictate how we design the website |
| WEB DESIGN AND GRAPHIC DESIGN SKILLS | A designer is able to use a good color combination for the design, also understand the difference between graphics for web and print. They also need to have the basics of coding (HTML and CSS) to be able to deliver a good project. Although we can use CMS; it is in the designer interest to know about web technology and design |
| A GOOD COLLECTION OF SOFTWARE PACKAGES |
Although it is possible to design a website using NotePad or TexEdit is very advisable to have an array of software packages; - animation software for designing banners - design software to design graphics - web design editor packages to visually (WYSIWYG/WYSYG/CMS) - uploading software (FTP) |
| DOMAIN NAME | the url for the user to view your page |
| HOSTING | Server space to upload the site |
Extra resources
Homework
- Start planning your own website for next week.
Closing the session: Reflect in your learning log or blog
