Term: 3rd Term
Week: 5
Class: Senior Secondary School 2
Age: 16 years
Duration: 40 minutes of 2 periods each
Date:
Subject: Data Processing
Topic:- Web design III
SPECIFIC OBJECTIVES: At the end of the lesson, pupils should be able to
- List and explain some common examples of web design packages
INSTRUCTIONAL TECHNIQUES: Identification, explanation, questions and answers, demonstration, videos from source
INSTRUCTIONAL MATERIALS: Videos, loud speaker, pictures, Data Processing for senior Secondary Education by Hiit Plc, WAPB Computer Studies for Senior Secondary I by Adekunle et al, On-line Materials.
INSTRUCTIONAL PROCEDURES
PERIOD 1-2
PRESENTATION
|
TEACHER’S ACTIVITY
|
STUDENT’S ACTIVITY
|
STEP 1
INTRODUCTION
|
The teacher reviews the previous lesson on the components of web design packages
|
Students pay attention
|
STEP 2
EXPLANATION
|
He lists the examples of the web design package
|
Students pay attention and participates
|
STEP 3
DEMONSTRATION
|
He further explains each examples
|
Students pay attention and participate
|
STEP 4
NOTE TAKING
|
The teacher writes a summarized note on the board
|
The students copy the note in their books
|
NOTE
EXAMPLES OF WEB DESIGN PACKAGE
- iWeb: iWeb allows users to create websites and blogs and customize them with their own text, photos and movies. iWeb integrates with other services, including Facebook, YouTube, Google Adsense and Google Maps. It allows user to create a website in just a few minutes without the knowledge of programming or HTML. iWeb provides beautiful, Apple-designed templates that you can easily customized so don’t have to worry about design.
- Microsoft FrontPage: It is a web tool that allow users to create accustom web sites without having to know HTML code. It helps you to manage the pages in your web as well as create and edit web pages in a What-You-See-Is-What-You-Get (WHSIWYG) fashion.
- Adobe Dreamweaver: It is a web design package that is suitable for everything from simple page design to development of dynamic pages written with ColdFusion, PHP, ASP, CSS, XML, XSLT, and JavaScript. Dreamweaver is the most powerful, most fully featured web developer tool. It combines a great WYSIWYG editor, an FTP client, and a convenient scripting environment.
- Microsoft Expression Web & Studio:It is a web design tool you can use to design and developed web pages using XML, CSS, ASP.NET, ASP.NET AJAX, XHTML, XSLT, PHP and JAVAScript. Expression Web requires .NET Framework and Silverlight to install and run. It uses its own standards-based rendering engine which is different from internet Explorer’s Trident engine.
- Webplus X4: Is the quick and easy way for anyone who wants to create and publish eye-catching desktop and mobile sites, without having to use any code.
- NetObjects Fusion: Are commercial programs with a graphical user interfaces and generates HTML or XHTML through its own proprietary database.
- Amaya: Is a free and open source WHYSIWYG authoring tool with browsing abilities. It has XML-based capabilities such as XHTML, MathML and Scalable Vector Graphics (SVG). It displays free and open image formats such as PNG and SVG, as well as a subset of SVG animation.
EVALUATION: 1. List and explain four examples of the web design package
CLASSWORK: As in evaluation
CONCLUSION: The teacher commends the students positively