SlideShare une entreprise Scribd logo
1  sur  21
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>

Contenu connexe

Tendances

Tendances (20)

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

En vedette

Młodzieżowa Drużyna Pożarnicza OSP Stołpno w 2001 roku
Młodzieżowa Drużyna Pożarnicza OSP Stołpno w 2001 rokuMłodzieżowa Drużyna Pożarnicza OSP Stołpno w 2001 roku
Młodzieżowa Drużyna Pożarnicza OSP Stołpno w 2001 rokustrazpozarna
 
Que reforma el artículo 80 de la ley general de desarrollo social
Que reforma el artículo 80 de la ley general de desarrollo socialQue reforma el artículo 80 de la ley general de desarrollo social
Que reforma el artículo 80 de la ley general de desarrollo socialUNAM
 
Pregunta sobre el Complejo Acuático Getafe Norte
Pregunta sobre el Complejo Acuático Getafe NortePregunta sobre el Complejo Acuático Getafe Norte
Pregunta sobre el Complejo Acuático Getafe NorteUPyD Getafe
 
Milton murillo actividad1_mapa_c
Milton murillo actividad1_mapa_cMilton murillo actividad1_mapa_c
Milton murillo actividad1_mapa_cMiltiño Murillo
 
Młodzieżowa Drużyna Pożarnicza OSP Stołpno w 2002 roku
Młodzieżowa Drużyna Pożarnicza OSP Stołpno w 2002 rokuMłodzieżowa Drużyna Pożarnicza OSP Stołpno w 2002 roku
Młodzieżowa Drużyna Pożarnicza OSP Stołpno w 2002 rokustrazpozarna
 
Jak się zdrowo odżywiać final
Jak się zdrowo odżywiać finalJak się zdrowo odżywiać final
Jak się zdrowo odżywiać finalhealthychildren
 
CarlosRafaelSalasCassiani_Actividad1_Mapa
CarlosRafaelSalasCassiani_Actividad1_MapaCarlosRafaelSalasCassiani_Actividad1_Mapa
CarlosRafaelSalasCassiani_Actividad1_Mapa140570casaca
 
Presentacion UD 1
Presentacion UD 1Presentacion UD 1
Presentacion UD 1yiyieco
 
Gerencia de proyectos
Gerencia de proyectosGerencia de proyectos
Gerencia de proyectosjpabon999
 
The General Ontology Evaluation Framework (GOEF) & the I-Choose Use Case A ...
The General Ontology Evaluation Framework (GOEF) & the I-Choose Use CaseA ...The General Ontology Evaluation Framework (GOEF) & the I-Choose Use CaseA ...
The General Ontology Evaluation Framework (GOEF) & the I-Choose Use Case A ...Joanne Luciano
 
Dibujos para colorear de animales
Dibujos para colorear de animalesDibujos para colorear de animales
Dibujos para colorear de animalesMaria Selma Ruiz
 
campaña recogida de alimentos
campaña recogida de alimentoscampaña recogida de alimentos
campaña recogida de alimentospive
 
Creating compelling user interfaces
Creating compelling user interfacesCreating compelling user interfaces
Creating compelling user interfacesCogapp
 

En vedette (16)

Młodzieżowa Drużyna Pożarnicza OSP Stołpno w 2001 roku
Młodzieżowa Drużyna Pożarnicza OSP Stołpno w 2001 rokuMłodzieżowa Drużyna Pożarnicza OSP Stołpno w 2001 roku
Młodzieżowa Drużyna Pożarnicza OSP Stołpno w 2001 roku
 
Que reforma el artículo 80 de la ley general de desarrollo social
Que reforma el artículo 80 de la ley general de desarrollo socialQue reforma el artículo 80 de la ley general de desarrollo social
Que reforma el artículo 80 de la ley general de desarrollo social
 
Piramida żywieniowa 2
Piramida żywieniowa 2Piramida żywieniowa 2
Piramida żywieniowa 2
 
Pregunta sobre el Complejo Acuático Getafe Norte
Pregunta sobre el Complejo Acuático Getafe NortePregunta sobre el Complejo Acuático Getafe Norte
Pregunta sobre el Complejo Acuático Getafe Norte
 
Milton murillo actividad1_mapa_c
Milton murillo actividad1_mapa_cMilton murillo actividad1_mapa_c
Milton murillo actividad1_mapa_c
 
Młodzieżowa Drużyna Pożarnicza OSP Stołpno w 2002 roku
Młodzieżowa Drużyna Pożarnicza OSP Stołpno w 2002 rokuMłodzieżowa Drużyna Pożarnicza OSP Stołpno w 2002 roku
Młodzieżowa Drużyna Pożarnicza OSP Stołpno w 2002 roku
 
Pp animales
Pp animalesPp animales
Pp animales
 
Jak się zdrowo odżywiać final
Jak się zdrowo odżywiać finalJak się zdrowo odżywiać final
Jak się zdrowo odżywiać final
 
CarlosRafaelSalasCassiani_Actividad1_Mapa
CarlosRafaelSalasCassiani_Actividad1_MapaCarlosRafaelSalasCassiani_Actividad1_Mapa
CarlosRafaelSalasCassiani_Actividad1_Mapa
 
Presentacion UD 1
Presentacion UD 1Presentacion UD 1
Presentacion UD 1
 
Gerencia de proyectos
Gerencia de proyectosGerencia de proyectos
Gerencia de proyectos
 
Anquetes
AnquetesAnquetes
Anquetes
 
The General Ontology Evaluation Framework (GOEF) & the I-Choose Use Case A ...
The General Ontology Evaluation Framework (GOEF) & the I-Choose Use CaseA ...The General Ontology Evaluation Framework (GOEF) & the I-Choose Use CaseA ...
The General Ontology Evaluation Framework (GOEF) & the I-Choose Use Case A ...
 
Dibujos para colorear de animales
Dibujos para colorear de animalesDibujos para colorear de animales
Dibujos para colorear de animales
 
campaña recogida de alimentos
campaña recogida de alimentoscampaña recogida de alimentos
campaña recogida de alimentos
 
Creating compelling user interfaces
Creating compelling user interfacesCreating compelling user interfaces
Creating compelling user interfaces
 

Similaire à 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
 
web development process WT
web development process WTweb development process WT
web development process WT
 
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
 
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
 

Dernier

SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfPrecisely
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionDilum Bandara
 

Dernier (20)

SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
 

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>