SlideShare a Scribd company logo
1 of 25
-
- By Varsha Kumari
Assistant Professor
CEA Department, GLA University Mathura
Web technology
Markup and Scripting Languages
Course outlines
Web Technology is Set of technologies
used to create web application and
make the web pages interactive, and
more powerful.
Markup Language :
HTML
Style Sheet Language :
CSS
Scripting Language :
VBScript, JavaScript
A markup language is a computer language that uses tags to define elements within a
document.
Scripting languages, which can be embedded within HTML, commonly are used to add
functionality to a Web page, such as different menu styles or graphic
Cascading Style Sheets is a style sheet language used for
describing the presentation of a document written in a markup
language like HTML
I Module
Concepts of webTechnology
HTML- basics
Table, List
 Form & Frame
CSS
Introduction to vbScript
BuildIn Functions in vbScript
- Array and String
II Module
Looping, events,
form validation using
vbScript
Introduction to javaScript
BuildIn Functions in
javaScript
Looping, events,
Form validation using javaScript
 Web history
 www
 internet, URL , HTTP
Tim Berners-Lee invented the World
Wide Web in 1989.
the WWW project was initiated at
CERN (European Center for Nuclear
Research) to create a system to handle
distributed resources for scientific
research.
WWW :World WideWeb or web
WWW is a framework for accessing linked
documents spread out over millions of machines
all over the Internet. The WWW has a unique
combination of flexibility, portability, and user-
friendly features.
 WWW works on
client- server
approach
The Internet is the global system of
interconnected computer networks that uses
the standard Internet protocol (TCP/IP) to
communicate between networks and devices.
 Developed in 60s and 70s by US Department of Defense
 called ARPANET
 90s: network : known as Internet.
 Internet and Web is not the same thing: Web uses internet to
pass over the information.
The diagram, developed by the Malone Media Group, outlines the History of the Internet.
 A standard way of specifying the location of a web page, on the
Internet
 It defines four things: method, host computer, port and path.
 Method – protocol used to retrieve the document like HTTP.
 Host– a computer where the information is located.
 Port– optional port # of the server (default is 80)
 Path– the path name of the file where the information is located
Method: // Host computer : Port / Path
eg: https://www.gla.ac.in/academics/department-of-computer-
engineering-application
 HyperText Transfer Protocol is The protocol used to transfer
Web pages through the Internet.
 HTTP is a “stateless” protocol which means that the
connection between the browser and the server is lost once the
transaction ends.
A protocol is a standard set of rules that allow electronic
devices to communicate with each other.
Web page
Website,Web portal,Web Development
Web Browser
Email
The WWW consists of a vast,
worldwide collection of documents.
These documents are known as Web
Pages, often just called pages for
short. The web pages are created by
using different markup languages.
 Static web page are fixed content documents that are created
and stored in a server. The contents in the server can be
changed, but the user cannot change it.
 Dynamic web page shows different information at different
point of time a fresh document is created for each request, the
contents of a dynamic document can vary from one request to
another.
 A website is a collection of web pages and related content that
is identified by a common domain name and published on at
least one web server. Notable examples are
 Example: gla.ac.in, wikipedia.org, google.com, and
amazon.com.
 a website is a location on the internet that is unique and which
is accessed via a web browser using a specific URL (web
address). Portals are also accessed via a web browser and
specific URL, but content is login protected and user-specific.
 Example:
 gla.ac.in is a website while
 glauniversity.in:8085 is web portal
 Web development refers to building website and deploying it
on the web. Web development requires use of scripting
languages both at the server end as well as at client end.
Client Side coding:
Ajax,Javascript,
Vbscript,
HTML, CSS ,..
Server Side coding:
ASP, CGI
Javascript,PHP
Python
Java, .NET ,..
Web development
Pages are viewed with a program
called a browser, of which Internet
Explorer and google chrome are two
popular ones. The browser fetches
the page requested, interprets the
text and formatting commands on it,
and displays the page properly
formatted on the screen.
Electronic mail (email or e-mail) is a method
of exchanging messages ("mail") between people
using electronic devices
Each user of email is assigned a unique
name(E-mail address) for his email account.
Email message components:
E-mail Header: From, Date, To, Subject, CC, BCC
E-mail Body: Greeting , Text and Signature
Introduction to web technology

More Related Content

What's hot

What's hot (20)

Introduction to CSS
Introduction to CSSIntroduction to CSS
Introduction to CSS
 
Html
HtmlHtml
Html
 
HTTP request and response
HTTP request and responseHTTP request and response
HTTP request and response
 
Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScript
 
Html ppt
Html pptHtml ppt
Html ppt
 
Web Application Introduction
Web Application  IntroductionWeb Application  Introduction
Web Application Introduction
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Complete Lecture on Css presentation
Complete Lecture on Css presentation Complete Lecture on Css presentation
Complete Lecture on Css presentation
 
Css
CssCss
Css
 
HTML: Tables and Forms
HTML: Tables and FormsHTML: Tables and Forms
HTML: Tables and Forms
 
Web Site Design Principles
Web Site Design PrinciplesWeb Site Design Principles
Web Site Design Principles
 
Intro Html
Intro HtmlIntro Html
Intro Html
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
HTML Forms
HTML FormsHTML Forms
HTML Forms
 
Document Object Model
Document Object ModelDocument Object Model
Document Object Model
 
PHP FUNCTIONS
PHP FUNCTIONSPHP FUNCTIONS
PHP FUNCTIONS
 
Basic html structure
Basic html structureBasic html structure
Basic html structure
 
Css box-model
Css box-modelCss box-model
Css box-model
 
Intro to HTML & CSS
Intro to HTML & CSSIntro to HTML & CSS
Intro to HTML & CSS
 
Cascading Style Sheets (CSS) help
Cascading Style Sheets (CSS) helpCascading Style Sheets (CSS) help
Cascading Style Sheets (CSS) help
 

Similar to Introduction to web technology

Introduction to Web Architecture
Introduction to Web ArchitectureIntroduction to Web Architecture
Introduction to Web Architecture
Chamnap Chhorn
 
web course focus on main informantion of bukifing websitech1.pptx
web course focus on main informantion of bukifing websitech1.pptxweb course focus on main informantion of bukifing websitech1.pptx
web course focus on main informantion of bukifing websitech1.pptx
burasyacob012
 
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docxICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
Martin Mulwa
 
Web engineering 2(lect 0)
Web engineering 2(lect 0)Web engineering 2(lect 0)
Web engineering 2(lect 0)
Roohul Amin
 
Lecture 1- Introduction to Computers and the Internet.pptx
Lecture 1- Introduction to Computers and the Internet.pptxLecture 1- Introduction to Computers and the Internet.pptx
Lecture 1- Introduction to Computers and the Internet.pptx
RemyaTom2
 

Similar to Introduction to web technology (20)

Www(alyssa) (2)
Www(alyssa) (2)Www(alyssa) (2)
Www(alyssa) (2)
 
Introduction To Website Development
Introduction To Website DevelopmentIntroduction To Website Development
Introduction To Website Development
 
fundamental of information technology (2)
fundamental of information technology  (2)fundamental of information technology  (2)
fundamental of information technology (2)
 
introduction_to_web_technology.pdf
introduction_to_web_technology.pdfintroduction_to_web_technology.pdf
introduction_to_web_technology.pdf
 
WP Chap 1 & 2.pptx
WP Chap 1 & 2.pptxWP Chap 1 & 2.pptx
WP Chap 1 & 2.pptx
 
HTML & JAVA Script
HTML & JAVA ScriptHTML & JAVA Script
HTML & JAVA Script
 
Introduction to Web Architecture
Introduction to Web ArchitectureIntroduction to Web Architecture
Introduction to Web Architecture
 
Www and http
Www and httpWww and http
Www and http
 
Internet
InternetInternet
Internet
 
web course focus on main informantion of bukifing websitech1.pptx
web course focus on main informantion of bukifing websitech1.pptxweb course focus on main informantion of bukifing websitech1.pptx
web course focus on main informantion of bukifing websitech1.pptx
 
web services8 (1).pdf for computer science
web services8 (1).pdf for computer scienceweb services8 (1).pdf for computer science
web services8 (1).pdf for computer science
 
introduction to web application development
introduction to web application developmentintroduction to web application development
introduction to web application development
 
Internet
InternetInternet
Internet
 
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docxICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
ICS 2203-WEB APPLICATION DEVELOPMENT-EDUC Y2S1_MATHCOMP.docx
 
Application_layer.pdf
Application_layer.pdfApplication_layer.pdf
Application_layer.pdf
 
Web engineering 2(lect 0)
Web engineering 2(lect 0)Web engineering 2(lect 0)
Web engineering 2(lect 0)
 
Lecture 1- Introduction to Computers and the Internet.pptx
Lecture 1- Introduction to Computers and the Internet.pptxLecture 1- Introduction to Computers and the Internet.pptx
Lecture 1- Introduction to Computers and the Internet.pptx
 
WK1.pptx
WK1.pptxWK1.pptx
WK1.pptx
 
INTERNET
INTERNETINTERNET
INTERNET
 
Iwt module 1
Iwt  module 1Iwt  module 1
Iwt module 1
 

More from VARSHAKUMARI49

More from VARSHAKUMARI49 (17)

28,29. procedures subprocedure,type checking functions in VBScript
28,29. procedures  subprocedure,type checking functions in VBScript28,29. procedures  subprocedure,type checking functions in VBScript
28,29. procedures subprocedure,type checking functions in VBScript
 
30,31,32,33. decision and loop statements in vbscript
30,31,32,33. decision and loop statements in vbscript30,31,32,33. decision and loop statements in vbscript
30,31,32,33. decision and loop statements in vbscript
 
27. mathematical, date and time functions in VB Script
27. mathematical, date and time  functions in VB Script27. mathematical, date and time  functions in VB Script
27. mathematical, date and time functions in VB Script
 
Cascading style sheet
Cascading style sheetCascading style sheet
Cascading style sheet
 
Html
HtmlHtml
Html
 
Database normalization
Database normalizationDatabase normalization
Database normalization
 
Joins
JoinsJoins
Joins
 
Sub queries
Sub queriesSub queries
Sub queries
 
Introduction to sql
Introduction to sqlIntroduction to sql
Introduction to sql
 
Vbscript
VbscriptVbscript
Vbscript
 
Css module1
Css module1Css module1
Css module1
 
Js mod1
Js mod1Js mod1
Js mod1
 
Css mod1
Css mod1Css mod1
Css mod1
 
Html mod1
Html mod1Html mod1
Html mod1
 
Register counters.readonly
Register counters.readonlyRegister counters.readonly
Register counters.readonly
 
Sorting.ppt read only
Sorting.ppt read onlySorting.ppt read only
Sorting.ppt read only
 
Hashing
HashingHashing
Hashing
 

Recently uploaded

Kuwait City MTP kit ((+919101817206)) Buy Abortion Pills Kuwait
Kuwait City MTP kit ((+919101817206)) Buy Abortion Pills KuwaitKuwait City MTP kit ((+919101817206)) Buy Abortion Pills Kuwait
Kuwait City MTP kit ((+919101817206)) Buy Abortion Pills Kuwait
jaanualu31
 
Hospital management system project report.pdf
Hospital management system project report.pdfHospital management system project report.pdf
Hospital management system project report.pdf
Kamal Acharya
 
Cara Menggugurkan Sperma Yang Masuk Rahim Biyar Tidak Hamil
Cara Menggugurkan Sperma Yang Masuk Rahim Biyar Tidak HamilCara Menggugurkan Sperma Yang Masuk Rahim Biyar Tidak Hamil
Cara Menggugurkan Sperma Yang Masuk Rahim Biyar Tidak Hamil
Cara Menggugurkan Kandungan 087776558899
 
Standard vs Custom Battery Packs - Decoding the Power Play
Standard vs Custom Battery Packs - Decoding the Power PlayStandard vs Custom Battery Packs - Decoding the Power Play
Standard vs Custom Battery Packs - Decoding the Power Play
Epec Engineered Technologies
 
1_Introduction + EAM Vocabulary + how to navigate in EAM.pdf
1_Introduction + EAM Vocabulary + how to navigate in EAM.pdf1_Introduction + EAM Vocabulary + how to navigate in EAM.pdf
1_Introduction + EAM Vocabulary + how to navigate in EAM.pdf
AldoGarca30
 
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
ssuser89054b
 
Verification of thevenin's theorem for BEEE Lab (1).pptx
Verification of thevenin's theorem for BEEE Lab (1).pptxVerification of thevenin's theorem for BEEE Lab (1).pptx
Verification of thevenin's theorem for BEEE Lab (1).pptx
chumtiyababu
 

Recently uploaded (20)

Thermal Engineering-R & A / C - unit - V
Thermal Engineering-R & A / C - unit - VThermal Engineering-R & A / C - unit - V
Thermal Engineering-R & A / C - unit - V
 
COST-EFFETIVE and Energy Efficient BUILDINGS ptx
COST-EFFETIVE  and Energy Efficient BUILDINGS ptxCOST-EFFETIVE  and Energy Efficient BUILDINGS ptx
COST-EFFETIVE and Energy Efficient BUILDINGS ptx
 
Kuwait City MTP kit ((+919101817206)) Buy Abortion Pills Kuwait
Kuwait City MTP kit ((+919101817206)) Buy Abortion Pills KuwaitKuwait City MTP kit ((+919101817206)) Buy Abortion Pills Kuwait
Kuwait City MTP kit ((+919101817206)) Buy Abortion Pills Kuwait
 
Hospital management system project report.pdf
Hospital management system project report.pdfHospital management system project report.pdf
Hospital management system project report.pdf
 
AIRCANVAS[1].pdf mini project for btech students
AIRCANVAS[1].pdf mini project for btech studentsAIRCANVAS[1].pdf mini project for btech students
AIRCANVAS[1].pdf mini project for btech students
 
Cara Menggugurkan Sperma Yang Masuk Rahim Biyar Tidak Hamil
Cara Menggugurkan Sperma Yang Masuk Rahim Biyar Tidak HamilCara Menggugurkan Sperma Yang Masuk Rahim Biyar Tidak Hamil
Cara Menggugurkan Sperma Yang Masuk Rahim Biyar Tidak Hamil
 
Thermal Engineering Unit - I & II . ppt
Thermal Engineering  Unit - I & II . pptThermal Engineering  Unit - I & II . ppt
Thermal Engineering Unit - I & II . ppt
 
Standard vs Custom Battery Packs - Decoding the Power Play
Standard vs Custom Battery Packs - Decoding the Power PlayStandard vs Custom Battery Packs - Decoding the Power Play
Standard vs Custom Battery Packs - Decoding the Power Play
 
NO1 Top No1 Amil Baba In Azad Kashmir, Kashmir Black Magic Specialist Expert ...
NO1 Top No1 Amil Baba In Azad Kashmir, Kashmir Black Magic Specialist Expert ...NO1 Top No1 Amil Baba In Azad Kashmir, Kashmir Black Magic Specialist Expert ...
NO1 Top No1 Amil Baba In Azad Kashmir, Kashmir Black Magic Specialist Expert ...
 
A CASE STUDY ON CERAMIC INDUSTRY OF BANGLADESH.pptx
A CASE STUDY ON CERAMIC INDUSTRY OF BANGLADESH.pptxA CASE STUDY ON CERAMIC INDUSTRY OF BANGLADESH.pptx
A CASE STUDY ON CERAMIC INDUSTRY OF BANGLADESH.pptx
 
Employee leave management system project.
Employee leave management system project.Employee leave management system project.
Employee leave management system project.
 
Online electricity billing project report..pdf
Online electricity billing project report..pdfOnline electricity billing project report..pdf
Online electricity billing project report..pdf
 
HAND TOOLS USED AT ELECTRONICS WORK PRESENTED BY KOUSTAV SARKAR
HAND TOOLS USED AT ELECTRONICS WORK PRESENTED BY KOUSTAV SARKARHAND TOOLS USED AT ELECTRONICS WORK PRESENTED BY KOUSTAV SARKAR
HAND TOOLS USED AT ELECTRONICS WORK PRESENTED BY KOUSTAV SARKAR
 
1_Introduction + EAM Vocabulary + how to navigate in EAM.pdf
1_Introduction + EAM Vocabulary + how to navigate in EAM.pdf1_Introduction + EAM Vocabulary + how to navigate in EAM.pdf
1_Introduction + EAM Vocabulary + how to navigate in EAM.pdf
 
Computer Networks Basics of Network Devices
Computer Networks  Basics of Network DevicesComputer Networks  Basics of Network Devices
Computer Networks Basics of Network Devices
 
Design For Accessibility: Getting it right from the start
Design For Accessibility: Getting it right from the startDesign For Accessibility: Getting it right from the start
Design For Accessibility: Getting it right from the start
 
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
 
Unleashing the Power of the SORA AI lastest leap
Unleashing the Power of the SORA AI lastest leapUnleashing the Power of the SORA AI lastest leap
Unleashing the Power of the SORA AI lastest leap
 
Navigating Complexity: The Role of Trusted Partners and VIAS3D in Dassault Sy...
Navigating Complexity: The Role of Trusted Partners and VIAS3D in Dassault Sy...Navigating Complexity: The Role of Trusted Partners and VIAS3D in Dassault Sy...
Navigating Complexity: The Role of Trusted Partners and VIAS3D in Dassault Sy...
 
Verification of thevenin's theorem for BEEE Lab (1).pptx
Verification of thevenin's theorem for BEEE Lab (1).pptxVerification of thevenin's theorem for BEEE Lab (1).pptx
Verification of thevenin's theorem for BEEE Lab (1).pptx
 

Introduction to web technology

  • 1.
  • 2. - - By Varsha Kumari Assistant Professor CEA Department, GLA University Mathura
  • 3. Web technology Markup and Scripting Languages Course outlines
  • 4. Web Technology is Set of technologies used to create web application and make the web pages interactive, and more powerful.
  • 5. Markup Language : HTML Style Sheet Language : CSS Scripting Language : VBScript, JavaScript A markup language is a computer language that uses tags to define elements within a document. Scripting languages, which can be embedded within HTML, commonly are used to add functionality to a Web page, such as different menu styles or graphic Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML
  • 6. I Module Concepts of webTechnology HTML- basics Table, List  Form & Frame CSS Introduction to vbScript BuildIn Functions in vbScript - Array and String II Module Looping, events, form validation using vbScript Introduction to javaScript BuildIn Functions in javaScript Looping, events, Form validation using javaScript
  • 7.  Web history  www  internet, URL , HTTP
  • 8. Tim Berners-Lee invented the World Wide Web in 1989. the WWW project was initiated at CERN (European Center for Nuclear Research) to create a system to handle distributed resources for scientific research.
  • 9. WWW :World WideWeb or web WWW is a framework for accessing linked documents spread out over millions of machines all over the Internet. The WWW has a unique combination of flexibility, portability, and user- friendly features.
  • 10.  WWW works on client- server approach
  • 11. The Internet is the global system of interconnected computer networks that uses the standard Internet protocol (TCP/IP) to communicate between networks and devices.
  • 12.  Developed in 60s and 70s by US Department of Defense  called ARPANET  90s: network : known as Internet.  Internet and Web is not the same thing: Web uses internet to pass over the information.
  • 13. The diagram, developed by the Malone Media Group, outlines the History of the Internet.
  • 14.  A standard way of specifying the location of a web page, on the Internet  It defines four things: method, host computer, port and path.  Method – protocol used to retrieve the document like HTTP.  Host– a computer where the information is located.  Port– optional port # of the server (default is 80)  Path– the path name of the file where the information is located Method: // Host computer : Port / Path eg: https://www.gla.ac.in/academics/department-of-computer- engineering-application
  • 15.  HyperText Transfer Protocol is The protocol used to transfer Web pages through the Internet.  HTTP is a “stateless” protocol which means that the connection between the browser and the server is lost once the transaction ends. A protocol is a standard set of rules that allow electronic devices to communicate with each other.
  • 16. Web page Website,Web portal,Web Development Web Browser Email
  • 17. The WWW consists of a vast, worldwide collection of documents. These documents are known as Web Pages, often just called pages for short. The web pages are created by using different markup languages.
  • 18.  Static web page are fixed content documents that are created and stored in a server. The contents in the server can be changed, but the user cannot change it.  Dynamic web page shows different information at different point of time a fresh document is created for each request, the contents of a dynamic document can vary from one request to another.
  • 19.  A website is a collection of web pages and related content that is identified by a common domain name and published on at least one web server. Notable examples are  Example: gla.ac.in, wikipedia.org, google.com, and amazon.com.
  • 20.  a website is a location on the internet that is unique and which is accessed via a web browser using a specific URL (web address). Portals are also accessed via a web browser and specific URL, but content is login protected and user-specific.  Example:  gla.ac.in is a website while  glauniversity.in:8085 is web portal
  • 21.  Web development refers to building website and deploying it on the web. Web development requires use of scripting languages both at the server end as well as at client end. Client Side coding: Ajax,Javascript, Vbscript, HTML, CSS ,.. Server Side coding: ASP, CGI Javascript,PHP Python Java, .NET ,.. Web development
  • 22. Pages are viewed with a program called a browser, of which Internet Explorer and google chrome are two popular ones. The browser fetches the page requested, interprets the text and formatting commands on it, and displays the page properly formatted on the screen.
  • 23. Electronic mail (email or e-mail) is a method of exchanging messages ("mail") between people using electronic devices Each user of email is assigned a unique name(E-mail address) for his email account.
  • 24. Email message components: E-mail Header: From, Date, To, Subject, CC, BCC E-mail Body: Greeting , Text and Signature