SARVAJANIK UNIVERSITY

Sarvajanik College of Engineering and

Technology
Bachelor of Technology

Year: B. Tech III (Semester V)

Subject Name: Web Technologies Subject Code: BTCO13502
Type of course: Professional Core course
Prerequisite: Programming for Problem Solving, Computer Networks, Database Management
Systems

Rationale: The demand for Internet based applications is increasing day by day. To make students
comfortable in developing various web based applications is important. The subject covers the
wide range of web technologies both client side and server side to provide the exposure to the
students to develop Rich Internet Applications using them.

Teaching and Examination Scheme:

Teaching Scheme Theory Marks Practical Marks Total

L T P C TEE CA1 CA2 TEP CA3
2 0 2 3 60 25 15 30 20 150
CA1: Continuous Assessment (assignments/projects/open book tests/closed book tests CA2:
Sincerity in attending classes/class tests/ timely submissions of assignments/self-learning
attitude/solving advanced problems TEE: Term End Examination TEP: Term End Practical Exam
(Performance and viva on practical skills learned in course) CA3: Regular submission of Lab
work/Quality of work submitted/Active participation in lab sessions/viva on practical skills learned
in course
Content:

Sr. Content Total

No. Hrs

1 Introduction to WEB: HTTP protocol, Client Server architecture, Concepts 02

of effective web design, Web design issues, Designing effective navigation.

2 HTML: Structure of HTML page, HTML tags for data formatting, tables, 05
links, images, meta tags, frames, html form tags, media, APIs, HTML5 tags
and validation.

3 CSS: Need for CSS, Syntax and structure, CSS rules for Backgrounds, 05
Colors and properties, manipulating texts, Fonts, borders and boxes,
Margins, Padding Lists, CSS Positioning. basics of animations, Style images,
Variables, Media Queries, Wildcard Selectors (*, ^ and $) in CSS, Working
with Gradients, Introduction to Bootstrap

Page 1 of 6

w.e.f. AY 2023-24
 SARVAJANIK UNIVERSITY
Sarvajanik College of Engineering and
Technology
Bachelor of Technology

4 JavaScript: Client Side Scripting using JavaScript : Syntax of JavaScript, 06

Execution of JavaScript, Internal, Embedded and External Javascript,
JavaScript : variables, arrays, functions, conditions, loops, Pop up boxes,
JavaScript objects and DOM, JavaScript inbuilt functions, JavaScript
validations and Regular expressions, Event handling with JavaScript,
Callbacks in Javascript, Function as arguments in JavaScript, Introduction to
JSON

5 Server Side Programming with PHP: Difference between Client side and 05
Server side scripting, Structure of PHP page, PHP Syntax: variables, decision
and looping with examples, PHP and HTML, Arrays and Functions, String,
Form processing, File uploads, Dates and time zone, Working with Regular
Expressions, Exception Handling, Basic concepts of Session and State, State
management using query string, hidden form controls, Cookies, Session
variables

6 Database programming with PHP: PHP functions for database 04

connectivity, Implementation of CRUD operations using PHP, Prepared
Statement and stored procedure execution in PHP.

7 Advanced Concepts: Introduction to AJAX, JQuery,Current trends in web 03

application with use cases.

Suggested Specification table with Marks (Theory): (For B.Tech only)

Distribution of Theory Marks

R Level U Level A Level N Level E Level C Level
15 15 20 5 - 5
Legends: R: Remembrance; U: Understanding; A: Application, N: Analyze and E: Evaluate C:
Create and above Levels (Revised Bloom’s Taxonomy)

Page 2 of 6

w.e.f. AY 2023-24
 SARVAJANIK UNIVERSITY
Sarvajanik College of Engineering and
Technology
Bachelor of Technology

Reference Books:

Sr No Title of book /article Author(s) Publisher and details

like ISBN
1 HTML 5 Black Book 2ed DT Editorial Services 9789351199076

2 PHP: The Complete Steven Holzner 0070223629 ·

Reference 9780070223622
3 Developing Web Application Ralph Moseley, M.T. 9788126538676
Savaliya
4 “Learning PHP, MySQL Robin Nixon 978-9352130153
&JavaScript with jQuery, CSS
and HTML5”, 4th Edition
5 Fundamentals of Web Randy Connolly, Ricardo 978-9332575271
Development, 2nd Edition Hoar
Note: Students should refer to the latest editions of books

Course Outcomes:

Sr. No. CO statements Marks %

weightage
CO-1 Summarize the concepts of WWW including browser and HTTP protocol. 5%
CO-2 Interpret various HTML tags and CSS features to develop modern web 30%
pages.
CO-3 Use JavaScript to develop dynamic web pages. 30%
CO-4 Develop web pages using PHP, a server side scripting language with 30%
database connectivity.
CO-5 Understand advanced web programming features using AJAX and JQuery. 5%

List of Open learning website:

● https://developer.mozilla.org
● https://www.w3schools.com
● https://www.tutorialspoint.com

Page 3 of 6

w.e.f. AY 2023-24
 SARVAJANIK UNIVERSITY
Sarvajanik College of Engineering and
Technology
Bachelor of Technology

List of Open Source Software:

● WAMP, XAMPP, LAMP

● Notepad++

FOR LAB SESSIONS:

List of Experiments:

Sr. No Practicals
1 Practical based on HTML:
1. Demonstrate the use of different tags in HTML.
2. Implement Web page for demonstration of BOOKMARK or Anchor Tag.
3. Implement IMAGE MAP with example.
4. Use table tags to prepare the class time table.
5. Create our own co-intra page layout with three frames. Top frame, left frame and
right frame. On the left side frame put links for different subjects of your class in
this semester. by clicking on these links syllabus of relevant subjects will open on
the right side frame. use FRAMESET and FRAME tag.
6. Create a webpage with the use of input form tags.
7. Implement a nested list in HTML.
8. Demonstrate the use of HTML media. (audio, video, youtube, plug-ins)
9. Implement drag and drop functionality and geo location by HTML API.
2 Practical based on CSS:
1. Use different selectors in CSS (Class, id, name) to apply Color, text-align,
background of the html file.
2. Use different types of CSS with the above example (Internal, External & Inline).
3. Use CSS animation properties by taking the appropriate example.
4. Demonstrate the use of local and global variables in CSS.
5. Use pseudo class and pseudo element concept in CSS to design your web page.
6. Implement the problem statement by using media query : "Instead of changing
styles when the width gets smaller than 600px, for devices larger than 600px (but
smaller than 750px) and we should change the design when the width gets larger
than 750px"
7. Design Login and Registration Page using CSS.
8. Design Our Department Intranet Home page using CSS. (In CSS, also use CSS
Gradients and Responsive Images with CSS)
9. Design your own website/portfolio/blog using bootstrap.

Page 4 of 6

w.e.f. AY 2023-24
 SARVAJANIK UNIVERSITY
Sarvajanik College of Engineering and
Technology
Bachelor of Technology

3 Practical based on Javascript:

1. Write a javascript program to display “hello world” using internal javascript and
external javascript.
2. Write a javascript program to demo local and global variables.
3. Write a javascript program to demo alert box,conditional box and prompt box.
4. Write a javascript program to take user input as integer from user and find out if that
number is prime or not.
5. Write a javascript program to calculate a person's age. Take the user's birthdate from
the user and the current date from the system.
6. Write a javascript function to find the factorial of a given number and return the
answer.
7. Create javascript that scrolls a message in the Status window of the browser.
8. Create different variables of Array and string objects. And use all the functions
related to that.
9. Write a javascript program to change the background color of a web page repeatedly.
10. Create a webpage containing one button. clicking on this button changes the size of
the window & position.
11. Put three buttons “OPEN NEW WINDOW”,”CLOSE CHILD WINDOW”,”CLOSE
MAIN WINDOW” in the main HTML page, on click of the first button, execute
some JavaScript code that will open one child window. Clicking on the second button
child window will close and the third button main html page will close.
12. Write a javascript to get details from visitors browser.
13. Write a javascript program to rotate images.
14. Write a javascript program to zoom out the image. Use a mouse over event for the
same.
15. Create a page that includes a select object to change the background color of the
current page. The property that needs to be set is bgColor,Similar things for
foreground color.
16. Create a webpage containing two textbox as userid and password and one submit
button. Check for validation for userid as mobile number and password should
contain a minimum 8 character,with special symbol and one uppercase letter.

4 Practical based PHP:

1. Write PHP Script to print Fibonacci series.
2. Write PHP Script to find the maximum number out of three given numbers.
3. Write a PHP program to compute the sum of the prime numbers less than 100.
Page 5 of 6

w.e.f. AY 2023-24
 SARVAJANIK UNIVERSITY
Sarvajanik College of Engineering and
Technology
Bachelor of Technology

4. Find the Transpose of a matrix, Multiplication of two matrices and Addition of two
matrices
5. Write PHP script Using user defined function.
6. Create form using text box, check box, radio button, select, submit button. And
display user inserted value in new PHP page
7. Write PHP Script to display content of file and display total number of lines, words
and characters.
8. Write a Program to upload an image with extension gif or jpeg having size less than
200kB.
9. A web application that takes a name as input and on submit it shows a hello page
where name is taken from the request. It shows the start time at the right top corner of
the page and provides a logout button. On clicking this button, it should show a logout
page with Thank You message with the duration of usage (hint: Use session to store
name and time).
10. Write PHP script to demonstrate variables with cookies.
11. Write a program to keep track of how many times a visitor has loaded the page.
12. Understand the PHP interface, Study PHPMyAdmin and Perform following:
Write a PHP script to create a database StudentDB.
Write a PHP script to list all the databases available in mysql.
Write a PHP script to list all the tables available in a particular database.
Write a PHP script to create a table student(Enroll_no,name,age,marks) in the
database StudentDB.
Write a PHP script to insert a row into the table student. The values to be inserted
are taken from a HTML page.
Write a PHP script to list all the records in the student table in tabular format.
Write a PHP script to delete all rows from the student table whose Enroll_no
numbers are between 1 and 3.
Write a PHP script to display all rows from the student table whose marks are
>=35.
Write a PHP script to update rows from the table student whose age is 30.
Write a PHP script to drop the table student and drop the database StudentDB.
13. Write a web application code using PHP, HTML and MySql for Employees that stores
employee’s id, name, department, designation, etc. in the database. Create a proper
GUI including buttons that run separate .php file for each database operation like
insert, update, delete, select etc.

Major Equipment Needed: Nil

Page 6 of 6

w.e.f. AY 2023-24