SlideShare a Scribd company logo
1 of 27
Building and Marketing Websites Foundations
What is a “Web Browser”?
Web Browser Program to access the Web Popular examples:
Other Web Browsers
Other Web Browsers
Other Web Browsers
How do Web Browsers work?
How do Web Browsers work? Request Reply Web Server
What is a Web Server?
Web Server A computer that delivers Web pages Always connected to the Internet and waiting
Data Center
Data Center
Data Center
How do Web Browsers work? Request Reply HTML Web Server
What is HTML?
HTML Language of Web Browsers Tells Web Browser how to display a page “Plain text”
HTML Example <html> <head> <title>Simple Website</title>  	</head> <body> <h1>Welcome</h1> <p>This is a demonstration.</p> 	</body> </html>
Request Reply <html> 	<head> 		<title>Simple Website</title>  	</head> 	<body> 		<h1>Welcome</h1> 		<p>This is a demonstration.</p> 	</body> </html> Web Server HTML
How does the Server know which HTML to give me?
How does the Server know which HTML to give me? Answer #1: By the URL
URL Fancy word for “web address” Every website has a URL http://www.facebook.com/profile.php?id=631766246 Server sees this, and returns appropriate HTML Domain Name Allows Browser to find Server
How does the Server know which HTML to give me? Answer #2: Your past activity Web Server “remembers”
URL URL Request Reply Web Browser HTML Web Server
HTML Example <html> <head> <title>Simple Website</title>  	</head> <body> <h1>Welcome</h1> <p>This is a demonstration.</p> 	</body> </html>
HTML Tags <…> Surround text Tell Web Browser about structure and meaning of your text
Header/Subheader Tags <h1> … </h1> <h2> … </h2>
Paragraph Tag <p> … </p>

More Related Content

What's hot

How To Become A Web Page Master Builder
How To Become A Web Page Master BuilderHow To Become A Web Page Master Builder
How To Become A Web Page Master Buildermarcgr1
 
1.1 xhtml basics
1.1 xhtml basics1.1 xhtml basics
1.1 xhtml basicsBulldogs83
 
PHP Basics for Designers
PHP Basics for DesignersPHP Basics for Designers
PHP Basics for DesignersMatthew Turland
 
Semantics & the Mobile Web
Semantics & the Mobile WebSemantics & the Mobile Web
Semantics & the Mobile Websurferroop
 
YL basic tag
YL basic tagYL basic tag
YL basic tagdilom1986
 
ملخص تقنية تصميم صفحات الويب - الوحدة الثانية (الجزء الثاني)
ملخص تقنية تصميم صفحات الويب - الوحدة الثانية (الجزء الثاني)ملخص تقنية تصميم صفحات الويب - الوحدة الثانية (الجزء الثاني)
ملخص تقنية تصميم صفحات الويب - الوحدة الثانية (الجزء الثاني)جامعة القدس المفتوحة
 
Why Semantic Content matters
Why Semantic Content mattersWhy Semantic Content matters
Why Semantic Content mattersTom Bamford
 
07) plural personal pronouns
07) plural personal pronouns07) plural personal pronouns
07) plural personal pronounsmailaemlaem
 
Web design
Web designWeb design
Web designmjk194
 
Very basic intro to HTML
Very basic intro to HTMLVery basic intro to HTML
Very basic intro to HTMLkmcintyre3
 
Online sentence checker
Online sentence checkerOnline sentence checker
Online sentence checkermjbiz
 
Hour 02
Hour 02Hour 02
Hour 02dpd
 
Html Lesson01
Html Lesson01Html Lesson01
Html Lesson01jhessabar
 
XHTML/CSS Presentation
XHTML/CSS PresentationXHTML/CSS Presentation
XHTML/CSS Presentationjoshpuckett
 

What's hot (20)

How To Become A Web Page Master Builder
How To Become A Web Page Master BuilderHow To Become A Web Page Master Builder
How To Become A Web Page Master Builder
 
HTML to FTP
HTML to FTPHTML to FTP
HTML to FTP
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
 
1.1 xhtml basics
1.1 xhtml basics1.1 xhtml basics
1.1 xhtml basics
 
Html1
Html1Html1
Html1
 
PHP Basics for Designers
PHP Basics for DesignersPHP Basics for Designers
PHP Basics for Designers
 
Semantics & the Mobile Web
Semantics & the Mobile WebSemantics & the Mobile Web
Semantics & the Mobile Web
 
YL basic tag
YL basic tagYL basic tag
YL basic tag
 
ملخص تقنية تصميم صفحات الويب - الوحدة الثانية (الجزء الثاني)
ملخص تقنية تصميم صفحات الويب - الوحدة الثانية (الجزء الثاني)ملخص تقنية تصميم صفحات الويب - الوحدة الثانية (الجزء الثاني)
ملخص تقنية تصميم صفحات الويب - الوحدة الثانية (الجزء الثاني)
 
Why Semantic Content matters
Why Semantic Content mattersWhy Semantic Content matters
Why Semantic Content matters
 
07) plural personal pronouns
07) plural personal pronouns07) plural personal pronouns
07) plural personal pronouns
 
HTML
HTMLHTML
HTML
 
Web design
Web designWeb design
Web design
 
Very basic intro to HTML
Very basic intro to HTMLVery basic intro to HTML
Very basic intro to HTML
 
White space
White spaceWhite space
White space
 
Xml and JavaScript
Xml and JavaScriptXml and JavaScript
Xml and JavaScript
 
Online sentence checker
Online sentence checkerOnline sentence checker
Online sentence checker
 
Hour 02
Hour 02Hour 02
Hour 02
 
Html Lesson01
Html Lesson01Html Lesson01
Html Lesson01
 
XHTML/CSS Presentation
XHTML/CSS PresentationXHTML/CSS Presentation
XHTML/CSS Presentation
 

Viewers also liked

National geographic photos
National geographic photosNational geographic photos
National geographic photosyakpav
 
Victims of violence
Victims of violenceVictims of violence
Victims of violenceRavi Samuel
 
Albany Area Bassmasters July/Aug 2012
Albany Area Bassmasters July/Aug 2012Albany Area Bassmasters July/Aug 2012
Albany Area Bassmasters July/Aug 2012Felix Ortiz
 
#ForoEGovAR | UNU_EGOV and Knowledge Societies Policy Handbook Project
#ForoEGovAR | UNU_EGOV and Knowledge Societies Policy Handbook Project#ForoEGovAR | UNU_EGOV and Knowledge Societies Policy Handbook Project
#ForoEGovAR | UNU_EGOV and Knowledge Societies Policy Handbook ProjectCESSI ArgenTIna
 
Bankruptcy Construction Seminar, Stites & Harbison, PLLC
Bankruptcy Construction Seminar, Stites & Harbison, PLLCBankruptcy Construction Seminar, Stites & Harbison, PLLC
Bankruptcy Construction Seminar, Stites & Harbison, PLLCStites & Harbison
 
Philharmonie/OPL merger
Philharmonie/OPL mergerPhilharmonie/OPL merger
Philharmonie/OPL mergerJohannes Kadar
 
PA EI Leadership Meeting: Technology to Suppoty EI Leaders
PA EI Leadership Meeting: Technology to Suppoty EI LeadersPA EI Leadership Meeting: Technology to Suppoty EI Leaders
PA EI Leadership Meeting: Technology to Suppoty EI LeadersJenny Brown
 
What is Effective Technology Integration for 21st Century Learners?
What is Effective Technology Integration for 21st Century Learners?What is Effective Technology Integration for 21st Century Learners?
What is Effective Technology Integration for 21st Century Learners?Jessica Watson
 
Bridging the Gaps Final Event: Managing Resource Networks with a Generic Open...
Bridging the Gaps Final Event: Managing Resource Networks with a Generic Open...Bridging the Gaps Final Event: Managing Resource Networks with a Generic Open...
Bridging the Gaps Final Event: Managing Resource Networks with a Generic Open...UCL
 
User-centred innovation at Digital World Research Centre
User-centred innovation at Digital World Research CentreUser-centred innovation at Digital World Research Centre
User-centred innovation at Digital World Research CentrePeter Lancaster
 
Greater Halifax: A Global Talent Magnet
Greater Halifax: A Global Talent MagnetGreater Halifax: A Global Talent Magnet
Greater Halifax: A Global Talent MagnetHalifax Partnership
 
D:\งานส่ง\G48 53011810075
D:\งานส่ง\G48 53011810075D:\งานส่ง\G48 53011810075
D:\งานส่ง\G48 53011810075BenjamasS
 
Reporte BID: Public-Private Collaboration on Productive Development Policies ...
Reporte BID: Public-Private Collaboration on Productive Development Policies ...Reporte BID: Public-Private Collaboration on Productive Development Policies ...
Reporte BID: Public-Private Collaboration on Productive Development Policies ...CESSI ArgenTIna
 
Mayor Savage Presentation - 2016 State of the City Forum
Mayor Savage Presentation - 2016 State of the City ForumMayor Savage Presentation - 2016 State of the City Forum
Mayor Savage Presentation - 2016 State of the City ForumHalifax Partnership
 
AOMi Simulation Training Brochure
AOMi Simulation Training Brochure AOMi Simulation Training Brochure
AOMi Simulation Training Brochure Sunayana Bhatia
 
Greater Halifax Partnership 2010 Annual Report
Greater Halifax Partnership 2010 Annual ReportGreater Halifax Partnership 2010 Annual Report
Greater Halifax Partnership 2010 Annual ReportHalifax Partnership
 

Viewers also liked (20)

National geographic photos
National geographic photosNational geographic photos
National geographic photos
 
Victims of violence
Victims of violenceVictims of violence
Victims of violence
 
Halifax Index Presentation 2013
Halifax Index Presentation 2013Halifax Index Presentation 2013
Halifax Index Presentation 2013
 
Albany Area Bassmasters July/Aug 2012
Albany Area Bassmasters July/Aug 2012Albany Area Bassmasters July/Aug 2012
Albany Area Bassmasters July/Aug 2012
 
#ForoEGovAR | UNU_EGOV and Knowledge Societies Policy Handbook Project
#ForoEGovAR | UNU_EGOV and Knowledge Societies Policy Handbook Project#ForoEGovAR | UNU_EGOV and Knowledge Societies Policy Handbook Project
#ForoEGovAR | UNU_EGOV and Knowledge Societies Policy Handbook Project
 
Bankruptcy Construction Seminar, Stites & Harbison, PLLC
Bankruptcy Construction Seminar, Stites & Harbison, PLLCBankruptcy Construction Seminar, Stites & Harbison, PLLC
Bankruptcy Construction Seminar, Stites & Harbison, PLLC
 
Philharmonie/OPL merger
Philharmonie/OPL mergerPhilharmonie/OPL merger
Philharmonie/OPL merger
 
PA EI Leadership Meeting: Technology to Suppoty EI Leaders
PA EI Leadership Meeting: Technology to Suppoty EI LeadersPA EI Leadership Meeting: Technology to Suppoty EI Leaders
PA EI Leadership Meeting: Technology to Suppoty EI Leaders
 
What is Effective Technology Integration for 21st Century Learners?
What is Effective Technology Integration for 21st Century Learners?What is Effective Technology Integration for 21st Century Learners?
What is Effective Technology Integration for 21st Century Learners?
 
Pirmā tikšanās ar bibliotēku _MD
Pirmā tikšanās ar bibliotēku _MDPirmā tikšanās ar bibliotēku _MD
Pirmā tikšanās ar bibliotēku _MD
 
Bridging the Gaps Final Event: Managing Resource Networks with a Generic Open...
Bridging the Gaps Final Event: Managing Resource Networks with a Generic Open...Bridging the Gaps Final Event: Managing Resource Networks with a Generic Open...
Bridging the Gaps Final Event: Managing Resource Networks with a Generic Open...
 
User-centred innovation at Digital World Research Centre
User-centred innovation at Digital World Research CentreUser-centred innovation at Digital World Research Centre
User-centred innovation at Digital World Research Centre
 
Greater Halifax: A Global Talent Magnet
Greater Halifax: A Global Talent MagnetGreater Halifax: A Global Talent Magnet
Greater Halifax: A Global Talent Magnet
 
D:\งานส่ง\G48 53011810075
D:\งานส่ง\G48 53011810075D:\งานส่ง\G48 53011810075
D:\งานส่ง\G48 53011810075
 
Reporte BID: Public-Private Collaboration on Productive Development Policies ...
Reporte BID: Public-Private Collaboration on Productive Development Policies ...Reporte BID: Public-Private Collaboration on Productive Development Policies ...
Reporte BID: Public-Private Collaboration on Productive Development Policies ...
 
bjjk
bjjkbjjk
bjjk
 
Wikipedia
WikipediaWikipedia
Wikipedia
 
Mayor Savage Presentation - 2016 State of the City Forum
Mayor Savage Presentation - 2016 State of the City ForumMayor Savage Presentation - 2016 State of the City Forum
Mayor Savage Presentation - 2016 State of the City Forum
 
AOMi Simulation Training Brochure
AOMi Simulation Training Brochure AOMi Simulation Training Brochure
AOMi Simulation Training Brochure
 
Greater Halifax Partnership 2010 Annual Report
Greater Halifax Partnership 2010 Annual ReportGreater Halifax Partnership 2010 Annual Report
Greater Halifax Partnership 2010 Annual Report
 

Similar to Intro 1 sept_14_2010

Introduction to Web Design
Introduction to Web DesignIntroduction to Web Design
Introduction to Web Designwebhostingguy
 
Introduction to web design
Introduction to web designIntroduction to web design
Introduction to web designStephen Pollard
 
Web designing using html
Web designing using htmlWeb designing using html
Web designing using htmljulicris021488
 
HTML5 - One spec to rule them all
HTML5 - One spec to rule them allHTML5 - One spec to rule them all
HTML5 - One spec to rule them allStu King
 
introduction to web technology
introduction to web technologyintroduction to web technology
introduction to web technologyvikram singh
 
Successful Teams follow Standards
Successful Teams follow StandardsSuccessful Teams follow Standards
Successful Teams follow StandardsChristian Heilmann
 
Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010Matthew Mobbs
 
HTML5 - techMaine Presentation 5/18/09
HTML5 - techMaine Presentation 5/18/09HTML5 - techMaine Presentation 5/18/09
HTML5 - techMaine Presentation 5/18/09pemaquid
 
Html For Beginners 2
Html For Beginners 2Html For Beginners 2
Html For Beginners 2Sriram Raj
 
Download Workshop Lecture
Download Workshop LectureDownload Workshop Lecture
Download Workshop Lecturewebhostingguy
 
HTML, WordPress, and SEO
HTML, WordPress, and SEOHTML, WordPress, and SEO
HTML, WordPress, and SEOBrian Whalley
 

Similar to Intro 1 sept_14_2010 (20)

How to Create and Submit an XML SItemap
How to Create and Submit an XML SItemapHow to Create and Submit an XML SItemap
How to Create and Submit an XML SItemap
 
Html tags
Html tagsHtml tags
Html tags
 
Introduction to Web Design
Introduction to Web DesignIntroduction to Web Design
Introduction to Web Design
 
Lesson1 Intro to HTML
Lesson1 Intro to HTMLLesson1 Intro to HTML
Lesson1 Intro to HTML
 
Html
HtmlHtml
Html
 
Introduction to web design
Introduction to web designIntroduction to web design
Introduction to web design
 
Web designing using html
Web designing using htmlWeb designing using html
Web designing using html
 
HTML5 - One spec to rule them all
HTML5 - One spec to rule them allHTML5 - One spec to rule them all
HTML5 - One spec to rule them all
 
introduction to web technology
introduction to web technologyintroduction to web technology
introduction to web technology
 
Successful Teams follow Standards
Successful Teams follow StandardsSuccessful Teams follow Standards
Successful Teams follow Standards
 
Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010
 
HTML5 - techMaine Presentation 5/18/09
HTML5 - techMaine Presentation 5/18/09HTML5 - techMaine Presentation 5/18/09
HTML5 - techMaine Presentation 5/18/09
 
Design Tools Html Xhtml
Design Tools Html XhtmlDesign Tools Html Xhtml
Design Tools Html Xhtml
 
Html For Beginners 2
Html For Beginners 2Html For Beginners 2
Html For Beginners 2
 
Html5 Overview
Html5 OverviewHtml5 Overview
Html5 Overview
 
Download Workshop Lecture
Download Workshop LectureDownload Workshop Lecture
Download Workshop Lecture
 
Html basic
Html basicHtml basic
Html basic
 
Learning HTML
Learning HTMLLearning HTML
Learning HTML
 
HTML, WordPress, and SEO
HTML, WordPress, and SEOHTML, WordPress, and SEO
HTML, WordPress, and SEO
 
HTML & CSS
HTML & CSSHTML & CSS
HTML & CSS
 

More from Andrey L

More from Andrey L (7)

Pres
PresPres
Pres
 
Pres
PresPres
Pres
 
Pres
PresPres
Pres
 
Pres
PresPres
Pres
 
Pres
PresPres
Pres
 
Pres
PresPres
Pres
 
Pres
PresPres
Pres
 

Intro 1 sept_14_2010

Editor's Notes

  1. http://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro