Web base application development
1 / 31


  • Uploaded on

WEB BASE APPLICATION DEVELOPMENT. NASRULLAH KHAN. Introduction to web Development. Lecturer : Nasrullah Email :alnasrkhan@gmail.com Website :http://iba-s1-cse308.wikispaces.com. World wide web.

I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
Download Presentation

PowerPoint Slideshow about 'WEB BASE APPLICATION DEVELOPMENT' - fadey

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.

- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

Introduction to web development
Introduction to web Development

  • Lecturer : Nasrullah

  • Email :alnasrkhan@gmail.com

  • Website :http://iba-s1-cse308.wikispaces.com

World wide web
World wide web

  • The World Wide Web, (WWW) is a system of interlinked hypertext documents accessed via the Internet. With a web browser, one can view web pages that may contain text, images, videos, and other multimedia and navigate between them via hyperlinks

Just two things it is all about
Just two things(IT IS ALL ABOUT)

  • Web browser (client)

  • Web server (on which web site is hosted).

What is web browser
What is web browser

  • A browser is an application that displays websites from remote server through the internet.

  • web browser is a software application for retrieving, presenting, and traversing information resources on the World Wide Web.

  • Most popular web browsers ?

Web server
Web server

  • A web server is a piece of software that manages web pages and makes them available to client browsers via a local network or over the internet.

  • Web server :- Apache,IIS,Iplanet’s Enterprise server

  • We had to install IIS 7.0 services on our machine to make our machine a web server.

Web server1
Web server

The primary function of a web server is to deliver web pages on the request to clients. This means delivery of HTML documents and any additional content that may be included by a document, such as images, style sheets and scripts.

Hyper text transfer protocol
Hyper text transfer protocol

  • HTTP, short for HyperText Transfer Protocol, is the protocol for transferring hypertext documents that makes the World Wide Web possible. A standard web address

  • http://www.google.com/ is called a URL; the prefix (http in the example) indicates its protocol.

Hyper text
Hyper text

  • Hypertext is text displayed on a computer or other electronic device with references (hyperlinks) to other text that the reader can immediately access, usually by a mouse click or key press sequence.

Hyper text markup language

  • Hypertext Markup Language, a standardized system for tagging text files to achieve font, color, graphic, and hyperlink effects on World Wide Web pages.

  • HTML stands for Hyper Text Markup Language

  • HTML is not a programming language, it is a markup language

  • A markup language is a set of markup tags

  • HTML uses markup tags to describe web pages

Web application

  • Web applications are applications that use the Internet’s infrastructure to delivere their functionality.

  • A web application is an application that is accessed over a network such as the Internet or an intranet.

  • Web Applications do not use the more traditional client/server technologies,but are using web technologies such as web browsers and web servers.

Web application1

  • The Internet carries a vast range of information resources and services, such as the inter-linked hypertext documents of the World Wide Web (WWW) and the infrastructure to support electronic mail.

  • intranet is a private computer network that uses Internet Protocol technology to securely share any part of an organization's informationlectronic mail. It is an organization's internal website


  • Web applications do not require any complex "roll out" procedure to deploy in large organizations. A compatible web browser is all that is needed

  • Browser applications typically require little or no disk space on the client

  • They require no upgrade procedure since all new features are implemented on the server and automatically delivered to the users


  • Web applications integrate easily into other server-side web procedures, such as email and searching.

  • They also provide cross-platform compatibility in most cases (i.e., Windows, Mac, Linux, etc.) because they operate within a web browser window.

Advantages of web applications
Advantages of Web Applications

  • No special configuration or changes are need on user's PCs.

  • Lower costs.

  • Centralised data is secure and easy to backup. Updates can be made quickly and easily. Information is accessible to a wide audience anywhere in the world.

  • Available 24 hours a day, 7 days a week.

  • Everybody has a browser - familiar interface encourages.

  • Always up-to-date.

Web application2

  • Web server: a system on the internet containg one or more web site

  • Web site: a collection of one or more web pages

  • Web pages: single disk file with a single file name

  • Home pages: first page in website

Staic web site or page
Staic web site or page

  • A static website contains Web pages with fixed content. Each page is coded in HTML and displays the same information to every visitor. Static sites are the most basic type of website and are the easiest to create.

Dynamic web pages
Dynamic web pages

  • Client side dynamic web pages:-

  • Server side dynamic web pages

Client side technologies for providing dynamic content
Client side technologies for providing dynamic content

  • Javascript

  • Vbscript

  • activeX Controls

  • Java Applets

  • Curl

Server side technologies for providing dynamic content
Server side technologies for providing dynamic content

  • CGI

  • ASP

  • JSP


  • PHP


Web base application development

  • <HTML>

  • <HEAD>


  • </HEAD>

  • <BODY>

  • IBA

  • </BODY>

  • </HTML>

Web base application development

1.Use an text editor such as Notepad to write the document.

2.Save the file as filename.html on a PC. This is called the Document Source.

3.Open internet Explorer (or any browser) Off-Line

4.Switch to Explorer.

5.Click on File, Open File and select the filename.html document that you just created.

6.Your HTML page should now appear in Explorer.

Web base application development

7.You may now switch back and forth between the Source and the HTML Document

  • switch to Notepad with the Document Source

  • make changes

  • save the document again

  • switch back to Internet Explorer

  • click on RELOAD and view the new HTML Document

  • switch to Notepad with the Document Source......

Web base application development

  • <HEAD>...</HEAD>-- contains information about the document

  • <TITLE>...</TITLE>-- puts text on the browser's title bar.

  • Heading: <H1> </H1>

  • Center:<Center> </Center>

  • Line Break <P> ,<Br>

  • Phrase Markups: <I></I> ,<B></B>

  • Unordered list : <UL><li>

  • Ordered list: <OL><li>

  • Nested

Web base application development


  • Use <IMG SRC=imagefilename> tags

  • Attributes of IMG tag

    -width, height



    -<Img src=my.gif width=50 height=50 align=right

    alt=“My image”>

  • Use <A href=filename|URL></a>tags