SUBMITTED TO: SUBMITTED BY:

Mr. SUNIL DHANKAR YUKTA AGRAWAL

READER CS-C (G3)
Computer Science & Engg. 15ESKCS189
 INTRODUCTION
 Why Web Designing?

• COMMUNICATION ON WEB
• WEB SERVERS
• WEB DESIGNING
• SCRIPTS AND TYPES OF SCRIPTING LANGUAGES
• CASCADING STYLE SHEET
• BASIC CONCEPTS OF HTML DOCUMENTS
• BASIC KNOWLEDGE OF JSP
• APPLICATIONS
• FUTURE OF WEB TECNOLOGY
Web design is the practice of creating presentations of
content ( usually hypertext or hypermedia ) that are
delivered to an end-user through the World wide .
Web,using a Web browser or other Web-enabled software.
The intent of web design is to create a website²a
collection of electronic documents and applications that
reside on a Webserver/servers. The website may include
text, images, soundsand other content, and may be
interactive.
URLis sent After process
Browser this request,
to DNS connects to the web page
server to this server to be displayed
obtain its IP using the IP is sent to the
address address. client.

In order to communicate on the web,

computers/devices need to understand each other.
This is made possible by making all devices follow
the same protocol, namely TCP/IP.
TCPbreaks the data TCPreassembles the
into packets data packets back to
original form
The packets travel from
router to router over the
internet accordingto the IP
• Websites are accessed using HTTP.

• Email communication happens using SMTP.

• Internet Protocol provides the basics of

communication over Internet.
• The routers need not be programmed
separately to handle different types of data.

• They do not need to know about the data

they are transporting.

• It concerned only about the address to which the

packet is to be delivered.
• Theopennessof the data part of thepacketgives the
freedom to design new protocols for the Internet..

• This openness and flexibility of TCP/IP that led to

thedevelopment of protocols for
– Social media websites to handle messages,
– content websites to handle video andaudio,
– Banking websites to handle money transfer
securely etc.

• It is a deciding factor for the economic success of

theInternet.
1. Client (browser) to webserver

2. Web server to Web server communication

1. Authentication : is the process of determining
whether a computer / server is the computer
that it claims to be.

2. Security : it should be provided to

communication over Internet so that the
messages are not intercepted and modified by
hackers.
• HTTPS(Hyper Text Transfer Protocol Secure)
technology to encrypt the username and password
and then send it to the server.

• It works using SSL(Secure Sockets Layer).

• SSL provides a standard security technology for
establishing an encrypted connection between
computerson Internet.
• It provides security capabilitiesto HTTP.
• Thisprotocol not onlyensuresprivacy,butalso ensures
that no other website can impersonate the user’s login
accountnot alterthe information sent.
• Verisign Inc. isacertification authority.
 Payment
Request to gateway
Merchant’s Payment gateway

conformati
Request for
Web server

on
Payment gateway
to response Ban
orde

k
r

WS

response
Server response

User placing Bank Merchant

order bank account
• It is a server computer that hosts
websites.
• It enables us to deliver web pages or
services like e-mail, blog etc., to users on
the Internet.
• It consists of a server computer that runs a
server OS and a web software installed on it
for providingservicesoverthe Internet.
• Linux distributions
– Redhat, open SUSE,Debian, Ubuntu,etc.
• Microsoft Windows Server
• FreeBSD
• Oracle Solaris etc.
• Apache Server
• Microsoft Internet Information Server(IIS)
• Google Web Server (GWS)
• nginex (engine-x)
Bluefish
Bootstrap
Adobe Dreamweaver
Microsoft Expressionweb
• Web pages that remain the same all
the time until their code is changed
manually.

• It is created using HTML.

• The web pages that contain server side code which
createsa webpage each time it isaccessed are called
dynamic webpages.
• Program code that runs on the server is called server
sidecode.
• Technologies like PHP, ASP, JSP, etc., are used to
developdynamicweb pages.
• These are program codes written inside HTML
page.
• Theyare written using atext editor like
notepad.
• Scripting languageslike JavaScript, VB script, PHP,
Perl, etc., are used to create dynamic web
pages.
• In anHTML page,a script is written inside <SCRIPT>
and </SCRIPT>tags.
• <SCRIPT> is used to embed or refer to an executable
script within an HTML docment.
• It has the attributes type and src.
• Typeattribute is used to identify the scripting
language code embedded within the script tag.
• Src attribute is used to specify the URL of anexternal file
containing scripting code to be linked to a web page.
• <SCRIPTtype =“text/javascript” src =
“scriptcode.js”>
1. Client Side scripting

2. Server Side scripting

• It is used to perform any task at the client side and is
executed in the browser.
• Since the script code is executedon the client browser,
it provides a quick response to the users.
• Disadvantage: there are browsers that do not support
scripts. In somecasesusersmay turn off the execution
of scriptsin thebrowser.
• Eg. JavaScript, VBscript.
• It is mostly used for validations and also for
performing simple calculations.
• It is used to create dynamic web pages
and are executed in the server.
• Since the scripts are executed at the
sever,the type and version of the
browser or OS on the client’s computer
does not affect its execution.
• Eg.Perl, PHP,ASP,JSP etc.
• Some of the popular scripting languages are
givenbelow:
1. JavaScript
2. VB Script
3. PHP(HypertextPreProcessor)
4. ASP(Active Server Pages)
5. JSP(Java Server Pages)
• It is a style sheet language used for describing the
formatting of a document written in HTML.
• Using CSS,we cancontrol
– The colour of the text,
– The style of fonts,
– The spacing between paragraphs,
– How columns are sized and laid out, borders and its
colours,
– What background imagesor colours are used, as well as
avariety of other effects in aweb page.
• The most widely used language to write web
pages.
• It is not a Programming Language.
• It is not a Case Sensitive Language.
• Each HTML file is a plain text that defines aset of
commands for creating hypertext documents. These
commands are known as HTMLtags.
 JSP technology has facilitated the segregation of the
work of a Web designer and a Web developer.
 A Web designer can design and formulate the layout
for the Web page by using HTML.
 On the other hand, a Web developer working
independently can use java code and other JSP
specific tags to code the business logic.
 The simultaneous construction of the static and
dynamic content facilitates development of quality
applications with increased productivity.
 A JSP page, after compilation , generates a servlet
and therefore incorporates all servlet functionalities.
 Real time web analytics.
 Digital Advertising.
 E-Commerce.
 Publishing.
 Massively Multiplayer Online Games.
 Backend Services and Messaging.
 Project Management & Collaboration.
 Real time Monitoring Services.
 Website is the face and an integral components of any
business. The future and the scope of web development
is also progressing at a tremendous rate. Website is
ingrained so much in our daily lives. It’s not surprising no
business runs without a website. Eg- banks, corporates
etc. Web development is developing at a fast pace with
new technologies emerging right now.
 www.studymafia.org
 www.wikipedia.com
 www.google.com