Course Title: Web Technology Program: BICTE

Course No.: ICT. Ed. 437 Nature of course: Theoretical + Practical

Level: Bachelor Credit Hour: 3 hours (2T+1P)
Semester: Third Teaching Hour: 80hours (32+48)

1. Course Description
The aim of the course is to help students gain knowledge in the basic concepts of web development
and build skills to develop web based application using the web tools, scripting and server side
language. The goal of course is to provide application developers easy and complete understanding
design of web page and integrated with MySQL and PHP which are most popular open source
technologies.

2. General Objectives
After the completion of this course, the students should be able to:-
 To gain an understanding of the theories and concepts underlying web development
 To gain the skill of HTML structures and functionality.
 To develop the web based application with client side control mechanism
 To build skill to mapping of web design structure to coding using CSS
 To develop web application with server site scripting language.

3. Course Outlines:
Specific Objectives Contents

 Identify and explain Unit 1: Introduction to HTML 12

different categories of 1.1 Getting Started with a Simple Web Page
HTML elements 1.2 Block and Inline Elements
 Working with HTML tag 1.3 Presentation and Phrase Elements
for Text, List, Link, 1.4 Empty and Non-empty Elements
Table, Form and 1.5 HTML character entities
multimedia contents 1.6 HTML List, Table, Links (Internal and External)
1.7 Multimedia Contents (Image, Audio, Video and YouTube
Player)
1.8 Form Elements (text, password, file, radio, checkbox, textarea,
hidden, select option, button, date, email)
 Identify and explain Unit 2: Cascading Style Sheet 12
different CSS writing 2.1 How CSS fit with HTML page?
styles 2.2 Inline, Internal and External CSS
 Make use of CSS 2.3 CSS Selectors
selectors to narrow 2.4 CSS Properties for text, list, table, background, link formatting
down the element 2.5 Pseudo classes: before, after, first-line, first-letter, hover,
selection focus, active
 Apply the CSS properties 2.6 Custom list numbering using content property
to design different 2.7 CSS Box Model: margin, padding and border
HTML elements 2.8 Creating Layouts with display, position and float property
 Apply CSS properties to 2.9 Fixed and Liquid design of the page
create simple page
 layout
 Integrate JavaScript Unit 3: Client Side Programming with JavaScript 15
within HTML 3.1 How JavaScript fits into a web page?
documents 3.2 JavaScript Basics: Variable, operators,
 Build interactive site 3.3 Understanding the Document Object Model (DOM)
components 3.4 Accessing HTML Elements with getElementById(),
 Make use of getElementsByClassName(), getElementsByName(),
different JavaScript getElementsByTagName()
objects 3.5 JavaScript objects: window, document, array, string, math,
 Demonstrate form date
validation concept 3.6 Writing scripts to handle events
3.7 Using JavaScript to validate user inputs
 Explain the basic Unit 4: Server Side Programming with PHP 10
concept of server 4.1 How PHP fits into a web page?
side scripting 4.2 Variables and constants
 Apply php variables, 4.3 Operators
control statements 4.4 Working with text and numbers
 Make use of 4.5 Making decisions with control statements (if, switch, loop)
functions and files 4.6 Working with arrays, strings, datetime and files
 Demonstrate to 4.7 Functions
handle array, string,
date data

 Design single and Unit 5: Working with Web Form 12

multipage web form to 5.1 Creating simple web form
collect, store and 5.2 Creating multipage web form
disseminate data across 5.3 Retrieving form data using post and get method
web site 5.4 Storing form data to CSV file
 Apply the storing 5.5 Reading CSV file and displaying content as html table
function to save
collected data in CSV file
 Identify and explain the Unit 6: Database and PHP 15
use of database 6.1 Introduction to database
 Demonstrate the basic 6.2 Create, Retrieve, Update and Delete operation in database
database operations: 6.3 Connecting to database through PHP mysqli_connect()
CRUD 6.4 Executing Queries with mysqli_query()
 Make use of session and 6.5 Fetching data with mysqli_fetch_assoc() and
cookie variables to mysqli_fetch_array()
remember web users 6.6 Creating user registration and login feature
 Develop Bulk import 6.7 Remembering users with cookies and session
facility in database for 6.8 Converting database table to CSV file using fputcsv()
users to save time in 6.9 Reading CSV file and reflecting the contents in database
data entry
 Reflecting database
record into the CSV file
for distribution purpose
 Assign dynamic web site Unit 7: Project Work Assignment 4
 project

4. Instructional Techniques
The instructional techniques for this course are divided into two groups. First group consists of
general instructional techniques applicable to most of the units. The second group consists of specific
instructional techniques applicable to particular units.

4.1 General Techniques

Reading materials will be provided to students in each unit. Lecture, Discussion, use of multi-media
projector, brain storming are used in all units.

4.2 Specific Instructional Techniques

Demonstration is an essential instructional technique for all units in this course during teaching learning
process. Specifically, demonstration with practical works will be specific instructional technique in this
course. The details of suggested instructional techniques are presented below:

Units Practical Activities

Unit 1: Introduction to  Selection of HTML editors

HTML  Design Web page to describe web skeleton
 Demonstrate Text formatting
 Create list and insert image
 Create hyper link
 Create table
 Create Form
 Create page with multimedia contents
Unit 2: Cascading Style  Use inline CSS
Sheet  Use internal CSS
 Use external CSS
 Apply CSS selectors to select HTML elements
 Design Text formatting
 Create Fixed and Liquid page layouts
Unit 3: Client Side  Demonstrate data types and variables
Programming with  Use function to accept the information
JavaScript  Demonstrate control structure
 Apply JavaScript objects: array, string, date, window, document
 Demonstrate events handling
 Validation of form data
Unit 4: Server Side  Use PHP variables and constants
Programming with PHP  Create decision making programs using control statements
 Demonstrate use of array functions, string functions, date functions
and file handling functions

Unit 5: Working with  Design and develop web forms to collect user data
Web Form  Store the collected data in CSV file
 Read CSV file and display data
Unit 6: Database and  Create a database connection
PHP  Insert, update, delete and retrieve data through PHP
 Use session and cookie variable to memorize visitors
 R/W CSV file from/to reflect database
Unit 7: Project Work  Prepare and Involve students to design and develop web application
Assignment using HTML, CSS, JavaScript, PHP and database.

5. Evaluation
Evaluation of students' performance is divided into parts: Internal assessment (theory and
practical and internal external examinations (theory and practical). The distribution of
points is given below:

Internal Internal Semester External Total Points

Assessment Assessment Examination Practical
Theory Practical (Theoretical Exam/Viva
exam)

25 Points 15 Points 40 Points 20 Points 100 Points

Note: Students must pass separately in internal assessment, external practical exam and
semester examination.

5.1 Internal Assessment (25 Points) of Theoretical Part

Internal assessment will be conducted by subject teacher based on following criteria:
Attendance and learning Activities 5 points
First assignment (Written assignment) 5 points
Second assignment (Project work with presentation ) 10 points
Third assignment/written examination 5 point

Total 25 points

5.2 Internal Assessment (15 Points) of practical part

Internal practical assessment will be conducted by subject teacher based on following criteria:
Attendance and learning Activities 5 points
Practical work/project work/lab work 10 points

Total 15 points

5.3 Semester Final Examination (40 Points) theoretical part

Examination Division, Dean office will conduct final examination at the end of semester.
Objective question (Multiple choice questions 10 x 1 point) 10 Points
Subjective questions (6 questions x 5 marks with
‘OR” two questions) 30 Points
 Total 40 points

5.4 Practical Exam/Viva (20 Points)

Examination Division, Office of the Dean will appoint an external examiner (ICT teachers
working another campus) for conducting practical examination

Items Points
Evaluation of Record Book 4
Project work/practical work presentation/skill test 10
Viva 6
Total 20

6. Recommended books and References materials (including relevant published articles in

national and international journals)

Recommended Books:
Kyrnin, J. & Meloni, J.C. (2019). Sams teach yourself HTML, CSS and JavaScript All in One
(3rd Ed.). Pearson.

Nixon, R. (2021). Learning PHP, MySQL & JavaScript: A Step-by-Step Guide to Creating
Dynamic Websites (6th Ed.). O’ Really Media.

Sklar, D. (2004). Learning PHP 5 (1st Ed.) O’ Really Media.