how web works

7/28/2019 How Web Works

1/18

ASP. NET

THE INTERNET

Internet began in the late 1960s as an experiment.

Its goal is to create a resilient information network.

It is primarily used by educational institutions and defense

contractors.

Modems were created in the early 1990s and the internet opened up

commercially.

The first HTML browser was created and the internet revolution

began in 1993.

JAZZSome lessons


2/18

ASP. NET

HTML and the FIRST WEBSITES

Early websites are for viewing information and are made solely with

HTML.

My First Heading

My first paragraph.

JAZZSome lessons


3/18

ASP. NET

WEB DESIGNING with INLINE HTML CODES

JAZZSome lessons

Early websites have designed embedded inline with them

My First Heading

My first paragraph.


4/18

ASP. NET

WEB DESIGNING with INLINE HTML CODES

JAZZSome lessons


5/18

ASP. NET

WEB DESIGN and CSS

JAZZSome lessons

CSS or Cascading Style Sheet is a text based file that contains all

information on how the browser will render the designs for the HTML filethat will use it.

My First Heading

My first paragraph.


6/18

ASP. NET

WEB DESIGN and CSS

JAZZSome lessons

body { background-color: black; }

h1 { color: red; }p { color: white; }

My First Heading

My first paragraph.


7/18

ASP. NET

WEB DESIGN and CSS

JAZZSome lessons

My First Heading

My first paragraph.

body

{

background-color: black;

}

h1

{

color: red;

}

p

{ color: white;

}

HTML File CSS File


8/18

ASP. NET

DEFAULT DESIGN RENDERING

JAZZSome lessons

An HTML file without any inline or linked design codes will be rendered

with the browsers default HTML rendering. Most browsers to date havedefault of a top-left alignment with all elements showed in a cascading

manner.


9/18

HTML 2.0 introduced the technology called HTML Forms.

Lets developers use graphical widget such as: Checkboxes

Buttons (submit)

Textboxes

Dropdownlist

This is option #1

This is option #2

ASP. NET

HTML 2.0 and INTERACTIVITY

JAZZSome lessons


10/18

ASP. NET

HTML 2.0 and INTERACTIVITY

JAZZSome lessons


11/18

ASP. NET

HOW THE WEB WORKS

JAZZSome lessons

ASP.Net is one of the family of software packages known as

Application Server.

Application servers is a software installed on a web server to create a

dynamic web platform.

Internet is a global system of interconnected computer networks.

These computers can be:

Clients

Server

Computers communicate using the HTTP protocol.

A Client sends a request in HTTP format for a web resource.

Web page

Image file

Text files (Java Script, CSS files)

Server responds by sending the resource that is requested.


12/18

ASP. NET

HOW THE WEB WORKS

JAZZSome lessons

A client communicates to the server via a web browser.

Servers runs HTTP servers to handle requests made by the client or

other servers.

IIS (Internet Information Services)

Apache


13/18

ASP. NET

KINDS OF WEBPAGE

JAZZSome lessons

Kinds of Website

Static Website Dynamic Website

Static Websites are websites that are delivered to the client as it is

stored. It does not change its contents unless altered by its developers.

Dynamic Websites are websites that are generated dynamically,

depending on the requests made or credentials provided.

(e.g: Facebook, Google, Twitter, Yahoo)


14/18

ASP. NET

STATIC WEBPAGE

JAZZSome lessons


15/18

ASP. NET

DYNAMIC WEBSITES

JAZZSome lessons

1. Web Client sends an HTTP request

To the web server

2. Web server communicates to the

Application server

3. Application processes the

Request and retrieves any web

Resource (e.g. Database) that are

needed for a specific request.

4. The retrieved data are then

processed by the web server to

make an HTML document (sometimes

With embedded client-side applications)

5. The generated HTML document

Is then sent back the the web client.

6. Web client renders the HTML document

Using a web browser that is then shownTo the client.

Note: The Web Client Does not know that there is an application server at work. It requested an HTML page, it recieves an HTML page.


16/18

ASP. NET

CLIENT SIDE vs SERVER SIDE

JAZZSome lessons

Client side programs are programs that are embedded with the HTTP

response that gives functionality, technically or aesthetically, to thewebsite on the client side. (e.g: Facebooks Notification Pane). This is

usually written in scripting languages such as Javascript, AJAX, Java.

Server Side programs are programs that run on the server. Server side

programs usually deals with accessing the database on the server.


17/18

Request a Web PageRun

server side

application

Return an HTML Document

ASP. NET

CLIENT SIDE vs SERVER SIDE

JAZZSome lessonsServer side Web Application

Request a Web Page

Run

Client-side

application

Return an HTML Document

(with an embedded applet)

Client side Web Application


18/18

ASP. NET

TO SUM IT UP

JAZZ

In developing dynamic websites, we would deal with a lot of

technologies. Such as: HTML for a websites structure.

CSS for the design

ASP.Net Server side programming

Javascript/AJAX Client side programming

SQL Server for the database

Our subject focus will be ASP.Net.

how web works

Documents