SlideShare a Scribd company logo
Srajan Instituted technology management and Science
Ratlam (M.P)
Submitted to:-
H.O.D
Deepak Tiwari
Submitted by:-
Love Kothari
presentation on web technology
Session 2015-16
Sir TIM BERNERS-LEE 1989
Sir Timothy John Berners-Lee OM KBE FRS FREng FRSA FBCS (born 8 June 1955),[1] also known as TimBL, is
an English computer scientist, best known as the inventor of the World Wide Web. He made a proposal for an
information management system in March 1989,[3] and he implemented the first successful communication between
a Hypertext Transfer Protocol (HTTP) client and server via the Internet sometime around mid-November of that same
year
(i) Internet and WWW ?
Inter-network and World Wide Web
Interlinked hypertext documents
accessed using HTTP Protocol
Client - Server architecture
Introduction of basics technology's
HTML LAYOUT
CSS (Cascading Style Sheets)
CSS Design
Bootstrap :-
rounded circle
thumbnail
Bootstrap Responsive like :- Min. & Max.
JAVA Script
Java Script Validation
JQuery
JQuery Effects
(ii) Why Internet?
Use of internet
• Email
• Social Networking, Chat
• Information sharing
• Getting updates – News around the world
• Entertainment – Games, Videos and Music
• Virtual classrooms
• Remote Access
• Online Jobs
(iii) Why Websites?
Offline Apps vs. Online Apps
ONLINE APPS
• No need to install
• Just login and use
• Available from anywhere where Internet
connection is available
• Operating system independent
• No piracy issues
(iv) Why Websites?
Offline Apps vs. Online Apps
OFFLINE APPS
• Ease of use
• Generally have more features
• Easier to develop but difficult to update
(v) Technologies Overview
List of Technologies
Client Side Technologies
• HTML, CSS, JavaScript, VBScript
• XHTML, DHTML, WML, AJAX
• FLASH
Server Side Technologies
• ASP, PHP, Perl, JSP
• ASP.NET, Java
• MySQL, SQL Server, Access
Technologies Overview
List of Technologies
Some More Advanced Technologies
• XML, XSLT, RSS, Atom
• X-Path, XQuery, WSDL
• XML-DOM, RDF
• Ruby on Rails, GRAIL Framework
• REST, SOAP
How to choose a
Technology?
Depends on:
• What is the type of content?
• Who is your audience?
• Who will modify your content?
• What are your Future Plans?
• Availability of technology?
• Your previous experience?
• Portability and Data sharing
HTML
Hyper Text Markup Language
• Documents
– Document = page = HTM file = topic
– Content (text, images)
– Tags (display commands)
• Other terms
– Window: browser display window
– URL: Uniform Resource Locator
– Hyperlink: hypertext jump to a resource
– Resource: URL, image, mailto, external file
HTML
HTML pages are tag-based documents
• Really plain ASCII text files
• Don't look like documents they represent
• Tags indicate how processing program should display text and graphics
• Processed by browsers “on the fly”
• Tags usually appear in pairs
• Most have reasonable names or mnemonics
• Most can be modified by attributes/values
That’s how this…
<html>
<head><title>Welcome onboard</title></head>
<body bgcolor=“#f4f4f4">
<h1>Welcome</h1>
<img src=“dcetech.gif" width=“222" height=“80" alt=“DCETECH" BORDER="0“ />
<h2>A Message from the Speaker </h2>
<p><font color=red>Good evening! Thank you for coming here!</font></p>
<p>Hello and welcome to Web technologies workshop! I'm <b>Ankit Jain,</b>, 4th year Computer
Engg <a href=“http://dcetech.com"> Head DCETECH.COM </a>. Dcetech is a student portal and
only one of its kind in India.It is not only a technical oriented site which caters only for
engineers but its for students from any background! Also students from any educational
institution can register and join Dcetech. </p>
. . .
</body>
</html>
Turns into this…
Some HTML Tags example
• START TAG END TAG
• <HTML> </HTML>
• <HEAD> </HEAD>
• <TITLE> </TITLE>
• <BODY> </BODY>
• <H1>, <H2>, ... </H1>, </H2>, ...
• <IMG ...> </IMG> (optional)
• <A ...> </A>
• <P> </P>
• <BR/> (none; "empty" tag)
• <OL> </OL>
• <UL> </UL>
• <LI> </LI>
Basic Structure of HTML document
Example of basic tag positioning
<html>
<head>
<title>Title bar text</title>
</head>
<body>
<p>Look, I'm a paragraph!</p>
</body>
</html>

More Related Content

What's hot

web technology and soical networking
web technology and soical networking web technology and soical networking
web technology and soical networking
Vijay Bansal
 
Intro to internet 1
Intro to internet 1Intro to internet 1
Intro to internet 1
Shreyan Mehta
 
Lesson 08 Web Technology
Lesson 08   Web TechnologyLesson 08   Web Technology
Lesson 08 Web Technology
Rodz Tech
 
Internet features (2nd topic)
Internet features (2nd topic)Internet features (2nd topic)
Internet features (2nd topic)
Anish Thomas
 
Www ppt
Www pptWww ppt
Introduction to internet.
Introduction to internet.Introduction to internet.
Introduction to internet.
Anish Thomas
 
Internet
Internet Internet
Internet
ravalaum
 
Introduction html
Introduction htmlIntroduction html
Introduction html
savitamhaske
 
Internet and its effects
Internet and its effectsInternet and its effects
Internet and its effects
Arsalan Fakhar
 
Web Technology UPTU UNIT 1
Web Technology UPTU UNIT 1 Web Technology UPTU UNIT 1
Web Technology UPTU UNIT 1
Abhishek Kesharwani
 
Basics of internet, intranet, e mail,
Basics of internet, intranet, e mail,Basics of internet, intranet, e mail,
Basics of internet, intranet, e mail,
Megha V
 
How Internet Work
How Internet WorkHow Internet Work
How Internet Work
trendy updates
 
Web Technology Fundamentals
Web Technology FundamentalsWeb Technology Fundamentals
Web Technology Fundamentals
sunmitraeducation
 
Web technology P B Jadhav
Web technology  P B JadhavWeb technology  P B Jadhav
Web technology P B Jadhav
PRASHANT JADHAV
 
INTERNET WORKING AND ITS FEATURES
INTERNET WORKING AND ITS FEATURESINTERNET WORKING AND ITS FEATURES
INTERNET WORKING AND ITS FEATURES
ManeeshMathur
 
Web technologies course, an introduction
Web technologies course, an introductionWeb technologies course, an introduction
Web technologies course, an introductionPiero Fraternali
 
Internet Basics Unit-7
Internet Basics  Unit-7Internet Basics  Unit-7
Internet Basics Unit-7
Raj vardhan
 
Internet
InternetInternet
Internet
GUjjar478
 
Internet
InternetInternet
Internet
marianavigato0
 

What's hot (20)

web technology and soical networking
web technology and soical networking web technology and soical networking
web technology and soical networking
 
Intro to internet 1
Intro to internet 1Intro to internet 1
Intro to internet 1
 
Lesson 08 Web Technology
Lesson 08   Web TechnologyLesson 08   Web Technology
Lesson 08 Web Technology
 
Internet features (2nd topic)
Internet features (2nd topic)Internet features (2nd topic)
Internet features (2nd topic)
 
internet workshop
internet workshopinternet workshop
internet workshop
 
Www ppt
Www pptWww ppt
Www ppt
 
Introduction to internet.
Introduction to internet.Introduction to internet.
Introduction to internet.
 
Internet
Internet Internet
Internet
 
Introduction html
Introduction htmlIntroduction html
Introduction html
 
Internet and its effects
Internet and its effectsInternet and its effects
Internet and its effects
 
Web Technology UPTU UNIT 1
Web Technology UPTU UNIT 1 Web Technology UPTU UNIT 1
Web Technology UPTU UNIT 1
 
Basics of internet, intranet, e mail,
Basics of internet, intranet, e mail,Basics of internet, intranet, e mail,
Basics of internet, intranet, e mail,
 
How Internet Work
How Internet WorkHow Internet Work
How Internet Work
 
Web Technology Fundamentals
Web Technology FundamentalsWeb Technology Fundamentals
Web Technology Fundamentals
 
Web technology P B Jadhav
Web technology  P B JadhavWeb technology  P B Jadhav
Web technology P B Jadhav
 
INTERNET WORKING AND ITS FEATURES
INTERNET WORKING AND ITS FEATURESINTERNET WORKING AND ITS FEATURES
INTERNET WORKING AND ITS FEATURES
 
Web technologies course, an introduction
Web technologies course, an introductionWeb technologies course, an introduction
Web technologies course, an introduction
 
Internet Basics Unit-7
Internet Basics  Unit-7Internet Basics  Unit-7
Internet Basics Unit-7
 
Internet
InternetInternet
Internet
 
Internet
InternetInternet
Internet
 

Viewers also liked

The internet
The internetThe internet
The internet
Chinmay Raul
 
Презентация системы Socializer
Презентация системы SocializerПрезентация системы Socializer
Презентация системы Socializer
Mike Pogolsha
 
An Introduction to Internet
An Introduction to InternetAn Introduction to Internet
An Introduction to InternetChinmay Raul
 
Web Technology Management Lecture III
Web Technology Management Lecture IIIWeb Technology Management Lecture III
Web Technology Management Lecture IIIsopekmir
 
Memory Improvement technique (Mnemonic Device)
Memory Improvement technique (Mnemonic Device)Memory Improvement technique (Mnemonic Device)
Memory Improvement technique (Mnemonic Device)
learnbudy
 
video de amor
video de amorvideo de amor
video de amor
lucesitha
 
Młodzieżowa Drużyna Pożarnicza OSP Stołpno w 2003 roku
Młodzieżowa Drużyna Pożarnicza OSP Stołpno w 2003 rokuMłodzieżowa Drużyna Pożarnicza OSP Stołpno w 2003 roku
Młodzieżowa Drużyna Pożarnicza OSP Stołpno w 2003 rokustrazpozarna
 
Where is it?
Where is it?Where is it?
Where is it?
Ana Maestra
 
Tarea 19 edison_valdivieso
Tarea 19 edison_valdiviesoTarea 19 edison_valdivieso
Tarea 19 edison_valdiviesotroyedison
 
Presentacion de proyecto
Presentacion de proyectoPresentacion de proyecto
Presentacion de proyectoRey Jd
 
Presentation2
Presentation2Presentation2
Presentation2ken53
 
ACM Mid-Southeast Slides
ACM Mid-Southeast SlidesACM Mid-Southeast Slides
ACM Mid-Southeast Slideskrinchan
 
Curso oceano azul parte 1 cyd
Curso oceano azul parte 1 cydCurso oceano azul parte 1 cyd
Curso oceano azul parte 1 cyd
outsourceando
 
Ateroesclerosis
AteroesclerosisAteroesclerosis
Ateroesclerosis
Daniel Beltran
 
¿Cómo apuntarse a un grupo?
¿Cómo apuntarse a un grupo?¿Cómo apuntarse a un grupo?
¿Cómo apuntarse a un grupo?
Ludicum
 
Infobae - Elisa Carrió ganó las Elecciones Virtuales Presidenciales y Maurici...
Infobae - Elisa Carrió ganó las Elecciones Virtuales Presidenciales y Maurici...Infobae - Elisa Carrió ganó las Elecciones Virtuales Presidenciales y Maurici...
Infobae - Elisa Carrió ganó las Elecciones Virtuales Presidenciales y Maurici...Leonardo Penotti
 

Viewers also liked (20)

The internet
The internetThe internet
The internet
 
Презентация системы Socializer
Презентация системы SocializerПрезентация системы Socializer
Презентация системы Socializer
 
An Introduction to Internet
An Introduction to InternetAn Introduction to Internet
An Introduction to Internet
 
Web Technology Management Lecture III
Web Technology Management Lecture IIIWeb Technology Management Lecture III
Web Technology Management Lecture III
 
Longitud de una curva
Longitud de una curvaLongitud de una curva
Longitud de una curva
 
Memory Improvement technique (Mnemonic Device)
Memory Improvement technique (Mnemonic Device)Memory Improvement technique (Mnemonic Device)
Memory Improvement technique (Mnemonic Device)
 
video de amor
video de amorvideo de amor
video de amor
 
Młodzieżowa Drużyna Pożarnicza OSP Stołpno w 2003 roku
Młodzieżowa Drużyna Pożarnicza OSP Stołpno w 2003 rokuMłodzieżowa Drużyna Pożarnicza OSP Stołpno w 2003 roku
Młodzieżowa Drużyna Pożarnicza OSP Stołpno w 2003 roku
 
Hector Lavoee!
Hector Lavoee!Hector Lavoee!
Hector Lavoee!
 
Where is it?
Where is it?Where is it?
Where is it?
 
Tarea 19 edison_valdivieso
Tarea 19 edison_valdiviesoTarea 19 edison_valdivieso
Tarea 19 edison_valdivieso
 
Presentacion de proyecto
Presentacion de proyectoPresentacion de proyecto
Presentacion de proyecto
 
O poder da palhaçada
O poder da palhaçadaO poder da palhaçada
O poder da palhaçada
 
Sonpre
SonpreSonpre
Sonpre
 
Presentation2
Presentation2Presentation2
Presentation2
 
ACM Mid-Southeast Slides
ACM Mid-Southeast SlidesACM Mid-Southeast Slides
ACM Mid-Southeast Slides
 
Curso oceano azul parte 1 cyd
Curso oceano azul parte 1 cydCurso oceano azul parte 1 cyd
Curso oceano azul parte 1 cyd
 
Ateroesclerosis
AteroesclerosisAteroesclerosis
Ateroesclerosis
 
¿Cómo apuntarse a un grupo?
¿Cómo apuntarse a un grupo?¿Cómo apuntarse a un grupo?
¿Cómo apuntarse a un grupo?
 
Infobae - Elisa Carrió ganó las Elecciones Virtuales Presidenciales y Maurici...
Infobae - Elisa Carrió ganó las Elecciones Virtuales Presidenciales y Maurici...Infobae - Elisa Carrió ganó las Elecciones Virtuales Presidenciales y Maurici...
Infobae - Elisa Carrió ganó las Elecciones Virtuales Presidenciales y Maurici...
 

Similar to Web Technology

WT_TOTAL.pdf
WT_TOTAL.pdfWT_TOTAL.pdf
WT_TOTAL.pdf
Nandyala Manoj Sai
 
Introduction to Html
Introduction to HtmlIntroduction to Html
Introduction to Html
Vineet Kumar Saini
 
The Factors For The Website
The Factors For The WebsiteThe Factors For The Website
The Factors For The Website
Julie May
 
html5 project.pptx
html5 project.pptxhtml5 project.pptx
html5 project.pptx
RiteshJain227353
 
WEB TECHNOLOGY:Web Essentials and Markup Language HTML
WEB TECHNOLOGY:Web Essentials and Markup Language HTMLWEB TECHNOLOGY:Web Essentials and Markup Language HTML
WEB TECHNOLOGY:Web Essentials and Markup Language HTML
smitawagh14
 
Eba ppt rajesh
Eba ppt rajeshEba ppt rajesh
Eba ppt rajesh
RajeshP153
 
Compo2 prelim
Compo2 prelimCompo2 prelim
Compo2 prelim
patrick060194
 
Introduction web tech
Introduction web techIntroduction web tech
Introduction web tech
Liaquat Rahoo
 
world wide web
world wide webworld wide web
world wide web
Jesbin James
 
World wide web ppt
World wide web pptWorld wide web ppt
World wide web ppt
Pijush Kanti Das
 
Wt unit 1 ppts web development process
Wt unit 1 ppts web development processWt unit 1 ppts web development process
Wt unit 1 ppts web development process
PUNE VIDYARTHI GRIHA'S COLLEGE OF ENGINEERING, NASHIK
 
An Introduction to Cyber World to a Newbie
An Introduction to Cyber World to a NewbieAn Introduction to Cyber World to a Newbie
An Introduction to Cyber World to a Newbie
Anuj Khandelwal
 
Html
HtmlHtml
Html
kousika
 
Activity 11 Common Online Terminologies
Activity 11 Common Online TerminologiesActivity 11 Common Online Terminologies
Activity 11 Common Online TerminologiesSelina Abasolo
 

Similar to Web Technology (20)

WT_TOTAL.pdf
WT_TOTAL.pdfWT_TOTAL.pdf
WT_TOTAL.pdf
 
Introduction to Html
Introduction to HtmlIntroduction to Html
Introduction to Html
 
The Factors For The Website
The Factors For The WebsiteThe Factors For The Website
The Factors For The Website
 
Internet
InternetInternet
Internet
 
Iwt module 1
Iwt  module 1Iwt  module 1
Iwt module 1
 
html5 project.pptx
html5 project.pptxhtml5 project.pptx
html5 project.pptx
 
Unit 01 (1).pdf
Unit 01 (1).pdfUnit 01 (1).pdf
Unit 01 (1).pdf
 
WEB TECHNOLOGY:Web Essentials and Markup Language HTML
WEB TECHNOLOGY:Web Essentials and Markup Language HTMLWEB TECHNOLOGY:Web Essentials and Markup Language HTML
WEB TECHNOLOGY:Web Essentials and Markup Language HTML
 
Eba ppt rajesh
Eba ppt rajeshEba ppt rajesh
Eba ppt rajesh
 
Compo2 prelim
Compo2 prelimCompo2 prelim
Compo2 prelim
 
Introduction web tech
Introduction web techIntroduction web tech
Introduction web tech
 
world wide web
world wide webworld wide web
world wide web
 
World wide web
World wide webWorld wide web
World wide web
 
World wide web ppt
World wide web pptWorld wide web ppt
World wide web ppt
 
Wt unit 1 ppts web development process
Wt unit 1 ppts web development processWt unit 1 ppts web development process
Wt unit 1 ppts web development process
 
web development process WT
web development process WTweb development process WT
web development process WT
 
world wide web
world wide webworld wide web
world wide web
 
An Introduction to Cyber World to a Newbie
An Introduction to Cyber World to a NewbieAn Introduction to Cyber World to a Newbie
An Introduction to Cyber World to a Newbie
 
Html
HtmlHtml
Html
 
Activity 11 Common Online Terminologies
Activity 11 Common Online TerminologiesActivity 11 Common Online Terminologies
Activity 11 Common Online Terminologies
 

Recently uploaded

De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
Product School
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
James Anderson
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Product School
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
DianaGray10
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
Alison B. Lowndes
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Product School
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
Elena Simperl
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
Paul Groth
 
ODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User GroupODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User Group
CatarinaPereira64715
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
DianaGray10
 
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
Product School
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
Laura Byrne
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Tobias Schneck
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Ramesh Iyer
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Thierry Lestable
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
91mobiles
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
Safe Software
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
Thijs Feryn
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
Sri Ambati
 

Recently uploaded (20)

De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
 
ODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User GroupODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User Group
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
 
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
 
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
 

Web Technology

  • 1. Srajan Instituted technology management and Science Ratlam (M.P) Submitted to:- H.O.D Deepak Tiwari Submitted by:- Love Kothari presentation on web technology Session 2015-16
  • 2. Sir TIM BERNERS-LEE 1989 Sir Timothy John Berners-Lee OM KBE FRS FREng FRSA FBCS (born 8 June 1955),[1] also known as TimBL, is an English computer scientist, best known as the inventor of the World Wide Web. He made a proposal for an information management system in March 1989,[3] and he implemented the first successful communication between a Hypertext Transfer Protocol (HTTP) client and server via the Internet sometime around mid-November of that same year
  • 3. (i) Internet and WWW ? Inter-network and World Wide Web Interlinked hypertext documents accessed using HTTP Protocol Client - Server architecture
  • 4. Introduction of basics technology's HTML LAYOUT
  • 5.
  • 6. CSS (Cascading Style Sheets) CSS Design
  • 7. Bootstrap :- rounded circle thumbnail Bootstrap Responsive like :- Min. & Max.
  • 10. (ii) Why Internet? Use of internet • Email • Social Networking, Chat • Information sharing • Getting updates – News around the world • Entertainment – Games, Videos and Music • Virtual classrooms • Remote Access • Online Jobs
  • 11. (iii) Why Websites? Offline Apps vs. Online Apps ONLINE APPS • No need to install • Just login and use • Available from anywhere where Internet connection is available • Operating system independent • No piracy issues
  • 12. (iv) Why Websites? Offline Apps vs. Online Apps OFFLINE APPS • Ease of use • Generally have more features • Easier to develop but difficult to update
  • 13. (v) Technologies Overview List of Technologies Client Side Technologies • HTML, CSS, JavaScript, VBScript • XHTML, DHTML, WML, AJAX • FLASH Server Side Technologies • ASP, PHP, Perl, JSP • ASP.NET, Java • MySQL, SQL Server, Access
  • 14. Technologies Overview List of Technologies Some More Advanced Technologies • XML, XSLT, RSS, Atom • X-Path, XQuery, WSDL • XML-DOM, RDF • Ruby on Rails, GRAIL Framework • REST, SOAP
  • 15. How to choose a Technology? Depends on: • What is the type of content? • Who is your audience? • Who will modify your content? • What are your Future Plans? • Availability of technology? • Your previous experience? • Portability and Data sharing
  • 16. HTML Hyper Text Markup Language • Documents – Document = page = HTM file = topic – Content (text, images) – Tags (display commands) • Other terms – Window: browser display window – URL: Uniform Resource Locator – Hyperlink: hypertext jump to a resource – Resource: URL, image, mailto, external file
  • 17. HTML HTML pages are tag-based documents • Really plain ASCII text files • Don't look like documents they represent • Tags indicate how processing program should display text and graphics • Processed by browsers “on the fly” • Tags usually appear in pairs • Most have reasonable names or mnemonics • Most can be modified by attributes/values
  • 18. That’s how this… <html> <head><title>Welcome onboard</title></head> <body bgcolor=“#f4f4f4"> <h1>Welcome</h1> <img src=“dcetech.gif" width=“222" height=“80" alt=“DCETECH" BORDER="0“ /> <h2>A Message from the Speaker </h2> <p><font color=red>Good evening! Thank you for coming here!</font></p> <p>Hello and welcome to Web technologies workshop! I'm <b>Ankit Jain,</b>, 4th year Computer Engg <a href=“http://dcetech.com"> Head DCETECH.COM </a>. Dcetech is a student portal and only one of its kind in India.It is not only a technical oriented site which caters only for engineers but its for students from any background! Also students from any educational institution can register and join Dcetech. </p> . . . </body> </html>
  • 20. Some HTML Tags example • START TAG END TAG • <HTML> </HTML> • <HEAD> </HEAD> • <TITLE> </TITLE> • <BODY> </BODY> • <H1>, <H2>, ... </H1>, </H2>, ... • <IMG ...> </IMG> (optional) • <A ...> </A> • <P> </P> • <BR/> (none; "empty" tag) • <OL> </OL> • <UL> </UL> • <LI> </LI>
  • 21. Basic Structure of HTML document Example of basic tag positioning <html> <head> <title>Title bar text</title> </head> <body> <p>Look, I'm a paragraph!</p> </body> </html>