Periods/Week
Course Code Course Title Semester Category C
L T P R
2321CSS103J Web Essentials I ES 2 0 4 0
(Common to AIDS, CSE, CSE-AIML, 4
CSD, CSBS, CSE-CS and IT)
NIL Course
Pre-requisite Type THEORY CUM PRACTICAL
Course Objectives:
1. Understand the fundamentals of the Internet and Web Technologies
2. Develop skills in creating structured web pages
3. Apply CSS3 styling techniques for effective web design
4. Implement dynamic web functionalities using JavaScript
5. Design responsive websites using modern frameworks
Course Outcomes: This course will help the students
Upon completion of the course, the students will be able to:
CO
Course Outcomes
Numbers
CO1 Understand the structure and working principles of the Internet and websites
CO2 Design and develop static web pages using HTML5 elements
CO3 Apply the Style web pages professionally using CSS3 features
CO4 Create dynamic and interactive web pages by using JavaScript
CO5 Develop fully responsive web applications using Bootstrap
Unit I Fundamentals of Internet and Web 9
Internet Overview – Fundamental computer network concepts – Web Protocols – URL – Domain Name- Web
Browsers and Web Servers- Web Development Tools - Working principle of a Website – Web Hosting - Web
Security
Unit II HTML and HTML 5.0 9
HTML and HTML 5.0– Structure - HTML Elements, HTML 5.0 Semantic Elements - Hyperlinks - Table, List,
Form Elements (HTML & HTML 5.0) – Input types and Media elements - Website Creation
Unit III Cascading Style Sheet 9
CSS3 - Introduction, Syntax, CSS Types, CSS Selectors, CSS Box Model, CSS Inheritance, CSS Properties -
Backgrounds and Borders, Text, Font Properties
Unit IV Javascript 9
JavaScript Introduction – Variables and Data Types-Statements – Operators – Literals-Functions -
Objects-Arrays-Built-in Objects- Regular Expression, Exceptions, Event handling.
Unit V Responsive Web Design 9
Responsive Web Design - Bootstrap -Bootstrap Grid System - Bootstrap Components -Case Study :E-Commerce
Website Creation
Platform Needed : .
Total Periods 45
List of Experiments
S.No. Title of the Experiments
1. Set up a basic web development environment using a code editor (e.g., VS Code), a web
browser, and a simple web server (like XAMPP, Apache).
2. Design a basic contact form using HTML with input fields for name, email, and message.
3. Apply CSS to change the background color, text color, and font style of an HTML page.
4. Create a box with padding, margin, and border using CSS to understand the box model.
5. Create a basic image gallery using HTML and CSS, with images displayed in a grid format.
6. Write a JavaScript program that displays an alert message when a button is clicked.
7. Create a simple script that declares variables for two numbers and displays their sum.
8. Build a simple layout using Bootstrap's grid system to create a two-column design.
9. Develop a basic to-do list application using HTML, CSS, and JavaScript, allowing users to
add and remove tasks.
10. Design and develop a simple e-commerce website. Include product listings, a shopping cart,
and a checkout process. Use HTML, CSS, JavaScript, and Bootstrap to create a responsive
layout.
Total Periods 60
Learning Resources:
Text Books
1 Web Technologies: HTML, JAVASCRIPT, PHP, JAVA, JSP, ASP.NET, XML and Ajax
2 Black Book: HTML, Javascript, PHP, Java, Jsp, XML and Ajax, Black Book, Willey
Publications
Reference Books
Internet & World Wide Web: How to Program" by Harvey M. Deitel, Paul J. Deitel, and Tem
1
R. Nieto,5th edition ,Pearson India.
2 Web Technologies" – Uttam K. Roy, Publisher: Oxford University Press
Online Resources (Web Links)
1 www.w3schools.com
Name of the
Internal Expert 1 Dr.Y.Justin Dhas Signature
Name of the
Dr.G.Jeyaram Signature
Internal Expert 2
