Lesson Notes By Weeks and Term - Senior Secondary 2

Web design III

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

  1. 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

  1. 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.

 

  1. 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.

 

  1. 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.

 

  1. 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.

 

  1. 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.

 

  1. NetObjects Fusion: Are commercial programs with a graphical user interfaces and generates HTML or XHTML through its own proprietary database.

 

  1. 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