Syllabus for Diploma Engineering

Computer Engineering

Semester - IV

Subject Name: Web Technology

Subject Code: 09CE2404

Objective: The increasing use of Internet and WWW encourages everyone to use web-based
solutions for their requirements. Web technology refers to the methods by which End-user
devices like computers/mobiles communicate with each other. This communication involves
the use of web publishing languages like HTML, CSS and JavaScript. This subject will attempt
to give you a basic understanding of various aspects of HTML, CSS and JavaScript.

Credits Earned: 3 Credits

Course Outcomes: End of this course will help to understand following aspects.

 To understand and compare the fundamentals of Web hosting and domain name
services.
 To understand various non-browser specific web design principles.
 To understand the need and be able to develop HTML/XHTML and CSS pages with
valid structure as well as content.
 To understand and be able to develop JavaScript/jQuery code to access the DOM
structure of web document and object properties.
 To understand and be able to develop a complete website using Bootstrap 4.0

Pre-requisite of course: Programming Fundamentals

Teaching and Examination Scheme

Tutorial/ Practical
Teaching Scheme (Hours) Theory Marks
Marks Total
Credits
Term Marks
Theory Tutorial Practical ESE IA CSE Viva
work
0 0 6 3 00 30 20 25 25 100
 Syllabus for Diploma Engineering
Computer Engineering

Contents:
Contact
Unit Topics
Hours
1 Introduction and Web Design:
Introduction to Internet, WWW and Web 2.0, Web protocols and Web 4
servers, Web Design Principles and Web site structure
2 HTML and CSS:
Basics of HTML, HTML Tags and attributes, Character entities, divs,
XHTML 16
Basics of CSS, Gradients, Shadow Effects, transformations, animations,
Positioning systems of CSS
3 JavaScript and jQuery:
Basics of JavaScript, JavaScript syntaxes for variables, functions, branches
and repetitions. JavaScript alert, prompt and confirm. Objects in 20
JavaScript, forms and validations, JavaScript events
Basics of jQuery, jQuery syntaxes, jQuery selectors, events, effects
4 PHP:
Introduction to PHP, Variable, Constant, Data types, Operators: arithmetic,
logical, assignment, bitwise, Loop: while, do…while, for, break 26
statements, Flow control statements: simple if, if-else, else-if clause,
switch statements, PHP Array: Indexed Array, Associative Array
5 Function and Data inputs:
Defining function, calling function, retrieving value from function, date
12
and time function, math function, string function, data inputs through form
controls
6 PHP & Database:
Basics of MySQL, database connectivity, insertion of data, retrieving data, 6
updating of data, deletion of data
Total Hours 84
References:

1. Bruce Lawson, Remy Sharp, “Introducing Html5”, Pearson Education, second edition
2. Steven Holzner, “PHP: The Complete Reference”, McGraw-Hill Osborne
3. Ralph Moseley and M. T. Savaliya, Developing Web Applications, Wiley-India
4. Julie C. Meloni, “Teach yourself PHP, Mysql and Apache All in One”, Pearson
Education
 Syllabus for Diploma Engineering
Computer Engineering

List of Experiments:

1. Write a code to create your resume using HTML.

2. Write a code to design a menu system.
3. Create multiple pages in HTML and link them with the menu system created in experiment 2.
4. Write a code to create a page and set layout using various techniques.
5. Write JavaScript Program to Add Two Numbers
6. Write JavaScript Program to Check if a number is Positive, Negative, or Zero
7. Write a JavaScript Code to learn about different events of JavaScript.
8. Write a JavaScript code to change the HTML content.
9. Write a JavaScript code to change the HTML Attribute.
10. Write a JavaScript code to change the CSS style
11. Write a JavaScript code to hide/show HTML elements.
12. JavaScript Code to understand various types of alerts in JavaScript.
13. Create a PHP script to find maximum number from given number.
14. Write a PHP script to get the client IP address.
15. Write a PHP code to display formatted output using PHP and HTML to create dynamic pages.
16. Write a PHP code to understand concept of GET and POST method.
17. Write a PHP code to design basic calculator.
18. Write a PHP code to understand the concept of Session.
19. Write a PHP code to connect with the database.
20. Write a PHP code to insert the data into a database when user submits a form.
21. Write a PHP code to delete the data from database.
22. Write a PHP code to update the data of a row in a table.
23. Develop a mini project with the help of HTML, CSS, JavaScript, PHP and Database.

Instructional Method:
a) The course delivery method will depend upon the requirement of content and need of
students. The teacher in addition to conventional teaching method by black board, also need
to use ICT tools and facilities.
b) The internal evaluation will be done on the basis of continuous evaluation of students in
the laboratory and class-room.
c) Practical examination will be conducted at the end of semester for evaluation of
performance of students in laboratory.
 Syllabus for Diploma Engineering
Computer Engineering

Supplementary Resources:
Students will use supplementary resources such as online videos, NPTEL videos, e-courses,
Virtual Laboratory.
a) [Link]
b) [Link]
c) [Link]