K.S.

Rangasamy College of Technology

(Autonomous)

Department of Electronics and Communication

Engineering

50 CB L04- Modern Web Applications

Guided by: Presented by :
Mr. M.Saradha M.E., Rakshatha priya(73772013154)
Faculty-in-Charge III-year ECE(Sec-4)
Assistant Professor
Batch(2020-2024)
Dept. of Computer
Science and Engineering

K.S.RANGASAMY COLLEGE OF TECHNOLOGY 1

AGENDA
• What is html?
• What is Css?
• What is JS?
• Components of project
• Project Explanation
• Conclusion

K.S.RANGASAMY COLLEGE OF TECHNOLOGY 2

2
What is html ?
HTML (HyperText Markup Language) is the most basic building
block of the Web. It defines the meaning and structure of web
content. Other technologies besides HTML are generally used to
describe a web page’s appearance/presentation (CSS) or
functionality/behavior (JavaScript).

3
What is CSS ?
CSS stands for Cascading Style Sheets.
CSS describes how HTML elements are to be displayed on screen, paper,
or in other media.
CSS saves a lot of work. It can control the layout of multiple web pages all
at once.
• External stylesheets are stored in CSS files.

K.S.RANGASAMY COLLEGE OF TECHNOLOGY 4

 What is JS
The HTML <script> tag is used to define a client-side script (JavaScript).
The <script> element either contains script statements, or it points to an
external script file through the src attribute.
Common uses for JavaScript are image manipulation, form validation, and
dynamic changes of content.
To select an HTML element, JavaScript most often uses the
document.getElementById() method.
• This JavaScript example writes “Hello JavaScript!” into an HTML element
with id=“demo”:

K.S.RANGASAMY COLLEGE OF TECHNOLOGY 5

Components of project
Bestseller Products On Homepage.
Product Collections.
Zoom Option For Pictures.
Shipping Details.
Contact Info And Feedback.
• Ratings And Reviews.
• Cart

K.S.RANGASAMY COLLEGE OF TECHNOLOGY 6

K.S.RANGASAMY COLLEGE OF TECHNOLOGY 7
Project Explanation
• Online grocery shopping is a way of buying food and other household
necessities using a web-based shopping service.
• There are two basic methods that people can use to purchase these items
online.
• One is to order them from a local grocery store that participates in online
shopping.
• A customer can then arrange for a home delivery directly from the store, or
he can pick up his order at the store once an employee has assembled it.
• Another common practice is to order groceries from a large company, such
as Amazon or Netgrocer, that will ship the items to one’s home.

K.S.RANGASAMY COLLEGE OF TECHNOLOGY 8

How to shop?

K.S.RANGASAMY COLLEGE OF TECHNOLOGY 9

K.S.RANGASAMY COLLEGE OF TECHNOLOGY 10
K.S.RANGASAMY COLLEGE OF TECHNOLOGY 11
K.S.RANGASAMY COLLEGE OF TECHNOLOGY 12
Conclusion
The main objective of the Online Shopping System is to manage the
details of Shopping,Internet,Payment,Bills,Customer. It manages all the
information about Shopping, Products, Customer, Shopping. The
project is totally built at administrative end and thus only the
administrator is guaranteed the access.

K.S.RANGASAMY COLLEGE OF TECHNOLOGY 13

K.S.RANGASAMY COLLEGE OF TECHNOLOGY 14