National Institute of Technology
Srinagar
WEB DEVELOPMENT
Report Submitted By
Nitheesh Kumar Kuchipudi
2019BECE047
Electronics and Communication Engineering
Name of the Organisation
[Link]
Project done under guidance of
Megha Singh
Working as a Professional Trainer & Consultant
In the eld of Web research, Design and Development
5 + Years Of Working and training
Research work specialist with a year of corporate experience-trainer in designing with
programs,
Award winner in [Link] from Hi-Tech Academy
Distinguished developer from Naresh IT Tech
Excellence from Web Skitters in Android Development
Content development, web frame work.
Organisational development workshops on
Full-stack web development
As a Trainer & Subject Matter Expert in Web design & Development.
Objective is to make people learn and understand about the subject and utility, by enhancing
their skills and Knowledge
fi
ACKNOWLEDGEMENT
“Task successful” makes everyone happy. But happiness would be gold
without glitter if we didn’t state the persons who have supported us to
succeed.
Success will be crowned to people who made it reality but people who
constant guidance and encouragement made it possible crowned first on
the eve of success.
This acknowledgement transcends the reality of formality when we would
like to express deep gratitude and respect to all those people behind the
screen who guide, inspire and help us for the completion of our project
work.
I would like to express our thankfulness to our project guide MEGHA
SINGH, for his constant motivation and valuable help through the project
work, and we express our gratitude for her supervision, guidance and
cooperation through the project.
Project Description
Web development is the work involved in developing a
Web site for the Internet (World Wide Web) or an intranet (a
private network). Web development can range from
developing a simple single static page of plain text to
complex web applications, electronic businesses, and social
network services
Particular Project is composed of HTML and Java Script
Introduction
The main aim of e-commerce websites development is to
sell products to users. The most successful websites are
carefully optimized to achieve a high percentage of
purchases. To achieve success e-commerce websites
need to integrate all of the latest online closing & upsell
techniques available which have been proven to increase
the chances that a visitor will purchase
To do this websites we should be familiar with HTML
CSS & JAVASCRIPT for front end development
In the next page we will get in to some basic introduction
of these.
HTML Pre
HTML is the standard markup language for
creating Web pages.
What is HTML?
•
HTML stands for Hyper Text
Markup Language
•
HTML is the standard markup
language for creating
Web pages
•
HTML describes the structure of a
Web page
•
HTML consists of a series of
elements
•
HTML elements tell the browser
how to display the
content
•
HTML elements label pieces of
content such as "this
is a heading", "this is a paragraph",
"this is a link", etc.
A Simple HTML Document
Example
<!DOCTYPE html> <html>
<head>
<title>Page Title</title> </head>
<body>
<h1>My First Heading</h1> <p>My rst
paragraph.</p>
</body>
</html>Try it Yourself »
Example Explained
fi
•
The <!DOCTYPE html> declaration
de nes that this document is an HTML5
document
•
The <html> element is the root
element of an HTML page
•
The <head> element contains meta
information about the HTML page
•
The<body>
The <title> element de
speci
nesesthe
a title for
document's body, and is a container for all
the visible contents, such as headings,
paragraphs, images, hyperlinks, tables,
lists, etc.
The <p> element de nes a paragraph
fi
fi
fi
fi
CSS ‹ Pr
CSS is the language we use to style a Web
page.
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 les
fi
A CSS rule consists of a selector and a
declaration block.
CSS Syntax
The selector points to the HTML element
The declaration block contains one or more
declarations separated by semicolons.
Each declaration includes a CSS property
name and a value, separated by a colon.
Multiple CSS declarations are separated
with semicolons,
and declaration blocks are surrounded by
curly braces.
JAVA SCRIPT
JavaScript (js) is a light-weight object-
oriented programming language which is
used by several websites for scripting the
web pages. It is an interpreted, full- edged
programming language that enables dynamic
interactivity on websites when applied to an
HTML document. It was introduced in the
year 1995 for adding programs to the web
pages in the Netscape Navigator
browser. Since then, it has been adopted by
all other
graphical web browsers. With JavaScript,
users can build modern web applications to
interact directly without reloading the page
every time. The traditional website uses js to
provide several forms of interactivity and
simplicity.
Features of JavaScript
There are following features of JavaScript:
fl
1. All popular web browsers support
JavaScript as they provide built-in
execution environments.
[Link] follows the syntax and
structure of the C programming
programming language.
3. JavaScript is a weakly typed
language, where certain types are
implicitly cast (depending on the
operation).
4. JavaScript is an object-oriented
programming language that uses
prototypes rather than using classes
for inheritance.
5. It is a light-weighted and interpreted
language.
PROJECT OVERVIEW
For developing a website we need to install a
editor to write the [Link] this project I used
VISUAL STUDIO CODE as the editor
I have a basic idea of how a ecommerce
website looks like from that I intrepeted the
structure of the website and then following
the syntax of HTML & CSS I wrote code for
the e-commerce website
CONCLUSION
E-Commerce is not just about conducting business
transactions via the Internet. Its impact will be far-
reaching, and more prominent then we know currently.
This is because the revolution in information technology
is
happening simultaneously with other developments,
especially the globalization of the business. The new age
global e-commerce is creating entirely new economy
and
that will tremendously change our lives, will reshape the
competition in various industries, and alter the economy
globally. As companies are gaining high pro ts, more
and
more other companies are developing their websites to
increase their pro ts. Since more businesses are being
held online resulting in high economy development and
emergence of a more innovative and advanced
technology.
fi
fi