SlideShare a Scribd company logo
Welcome
Special thanks to our honorable teacher
MD. SHARIF HOSSEN
Lecturer of ICT Dept.
Comilla University
Web Browsers and Web
Document
GROUP MEMBERS:
 MD. NAZIR ALAM-1109001
 ENAMUL HAQ-1109005
 MARUFUR RAHMAN-1109006
 ZANNATUL NAIM-1109008
 NOORMOHAMMED-1109009
Overview
 What is Web Browser?
 Popular web browsers
 History and Milestones
 The relationship between web document and web browser
 How browser retrieve from the web document?
 The relationship between web page and web browser
 What is web document?
 How does Web document integrate with the web browser?
 Static Web Page.
 Dynamic Web Page.
 Types of Dynamic Web page
 How client and server side works?
 An example to retrieve data with the web page from the server
 Conclusion
ENAMUL HAQ
 A Web browser is a application that interprets the
coding language of the Web in graphic form
 This allows anyone to “browse the Web” by simple
point and click navigation 1
What is Web Browsers?
Popular web browsers:
 Mozilla Firefox (or simply Firefox) is a
free and open-source web browser developed by the
Mozilla Foundation and its subsidiary, the
Mozilla Corporation. Firefox is available for
Windows, macOS and Linux operating systems
 Google Chrome is a freeware web browser
developed by Google. It was first released in 2008,
for Microsoft Windows, and was later ported to
Linux, OS X, iOS and Android.
Web browsers and web document
History and Milestones
・ WorldWideWeb. Tim Berners-Lee Christmas
day, 1990.
・ libwww. Berners-Lee and a student at CERN
named Jean-Francois Groff 1991 /1992,.
・ Line-mode. Nicola Pellow,1991
・ Erwise. After a visit from Robert Cailliau, a
group of students at Helsinki University of
Technology joined together to write a web
browser. April, 1992.
History and Milestones
 Opera. In 1994, the Opera browser was developed by a
team of researchers at a telecommunication company
called Telenor in Oslo, Norway.
 Internet in a box. January, 1994, O'Reilly and
Associates
 ・ Mozilla. In October, 1994, Netscape released the the
first beta version of their browser, Mozilla 0.96b, over
the Internet.
 ・ Internet Explorer. On August 23rd, 1995, Microsoft
released their Windows 95 operating system, including
a Web browser called Internet Explorer.
MARUFUR RAHMAN
The relationship between web
document and web browser
 A web browser displays a web page on a monitor or
mobile device. The web page is what displays, but the
term also refers to a computer file, usually written in
HTML or comparable markup language. Web
browsers coordinate the various web resource
elements for the written web page, such as style
sheets, scripts, and images, to present the web page.
How browser retrieve the web
document
 a web browser can retrieve a web page from a remote
web server. On a higher level, the web server may
restrict access to only a private network such as a
corporate intranet or it provides access to the World
Wide Web. On a lower level, the web browser uses
the Hypertext Transfer Protocol (HTTP) to make
such requests.
What is Web page?
 A web page (US spelling webpage or Web page) is
a document that is suitable for the World Wide Web
and web browsers
The Uses of Web Document in
Designing
 An Webpage is best thought as a set of VIRTUAL
ELEMENTS (paragraphs,titles,tables,list,images).
 There are so many languages are used to create a
web designing like as html, css, javascript, php etc
What is HTML
 HTML is the standard markup language for creating
Web pages.
 HTML stands for Hyper Text Markup Language
 HTML describes the structure of Web pages using
markup
 HTML elements are the building blocks of HTML
pages
Html Example :
 <html>
 <head>
 <title>This is a title</title>
 </head>
 <body>
 <p>Hello world!</p>
 </body>
 </html>
Html Output
What is CSS:
 CSS is a language that describes the style
of an HTML document.
 CSS describes how HTML elements should
be displayed
Css Example
Css Output
TYPES OF WEBPAGE
 THERE HAVE TWO TYPES OF WEB PAGE:
 1.STATIC WEB PAGE
 2.DYNAMIC WEB PAGE
ZANNATUL NAIM
Static Web Page
 Static Web pages display the exact same
information whenever anyone visits it.
 Static Web pages do not have to be simple plain
text.
Static Web Page
Static Page Output
Static Web Page
Why do we Need a Style Sheet?
Separates content from format
Consistent appearance over a site
Allows to easily change style
 In one page
 In a whole site
Increases the ability to handle style features
Static Web Page
 Static web pages are suitable for the contents that
never or rarely need to be updated.
 However, maintaining large numbers of static pages
as files can be impractical without automated tools.
 Any personalization or interactivity has to run client-
side, which is restricting
Static web page is delivered to the
user exactly as stored
Advantages of static websites
 Quick to develop
 Cheap to develop
 Cheap to host
Disadvantages of static websites
 Requires web development expertise to update site
 Site not as useful for the user
 Content can get stagnant
MD. NOOR MOHAMMAD
Dynamic Web Page
A dynamic website contains information that
changes, depending on the viewer, the time of the day,
the time zone, the viewers native language, and other
factors.
Types of Dynamic Web page
 Server-side dynamic web page
 Client-side dynamic web page
 Client-side dynamic web page
 It is processed using client side scripting such as
JavaScript. And then passed in
 Server-side dynamic web page
 It is created by using server-side scripting. There are
server-side scripting parameters that determine how
to assemble a new web page which also include
setting up of more client-side processing.
Types of Dynamic Web page
How Client side Web page works?
Client-side scripting refers to the programs that are
executed on client-side. Client-side scripts contains the
instruction for the browser to be executed in response to
certain user’s action.
Client Side Example
Server side Web page works?
 Sever-side scripting acts as an interface
for the client and also limit the user access
the resources on web server. It can also
collects the user’s characteristics in order
to customize response.
Server-side Example
Conclusion
 If you have further questions about the Web
browser or Web document, this document is a
repository of questions and answers about the
procedures and programs.
Thank You!

More Related Content

PPTX
Introduction to Web Development
PPTX
Approaches to CSS Layout
PPTX
Web servers
PPT
Web development | Derin Dolen
PPTX
Web Design Trends: 2018 Edition
PPT
Web server
PPTX
Server Side Programming
PPTX
Demand paging
Introduction to Web Development
Approaches to CSS Layout
Web servers
Web development | Derin Dolen
Web Design Trends: 2018 Edition
Web server
Server Side Programming
Demand paging

What's hot (20)

PPTX
Client side scripting and server side scripting
PPTX
Web server and web-hosting
PDF
Introduction to web development
PPTX
Html table
PPTX
INTERNET TECHNOLOGY
PPT
Scripting languages
PPTX
Internet basics
PPSX
Web browser(pp ts)
PPT
Server Controls of ASP.Net
PDF
Artificial Intelligence Lecture 2
PPT
Node.js Express Framework
PPTX
PPTX
Networking in Java
PPT
PPT
Html presentation
PPTX
Nodejs buffers
PPT
Extranets.ppt
ODP
web server
PPTX
Web development
PPTX
Web Designing
Client side scripting and server side scripting
Web server and web-hosting
Introduction to web development
Html table
INTERNET TECHNOLOGY
Scripting languages
Internet basics
Web browser(pp ts)
Server Controls of ASP.Net
Artificial Intelligence Lecture 2
Node.js Express Framework
Networking in Java
Html presentation
Nodejs buffers
Extranets.ppt
web server
Web development
Web Designing
Ad

Similar to Web browsers and web document (20)

PPTX
Web Pages
PPTX
Lecture 1 - Introduction.pptx
PPTX
Unit 5 World_Wide_Web.pptx
PPTX
1 Intro of web technology and sciences .pptx
PPTX
PPTX
Web Application Programming with HTML 5 part 2
PPTX
Web Design Basics and HTML
PPTX
INTERNET PART1.pptx
PPTX
Web Technology Introduction framework.pptx
PPT
Web technology today
PPTX
Introduction to web development
PPTX
Web Browsers.pptx
PPTX
web_dev_first_session.pptx
PPTX
NME WPI UNIt 3.pptx
PDF
1a.pdf
PPTX
Day 1 - Web Development (HTML intro).pptx
PPTX
Website/Web Applications / Static vs Dynamic Website / Web Browser /
PPTX
9 10 july2020
PDF
Fundamental Internet Programming.pdf
Web Pages
Lecture 1 - Introduction.pptx
Unit 5 World_Wide_Web.pptx
1 Intro of web technology and sciences .pptx
Web Application Programming with HTML 5 part 2
Web Design Basics and HTML
INTERNET PART1.pptx
Web Technology Introduction framework.pptx
Web technology today
Introduction to web development
Web Browsers.pptx
web_dev_first_session.pptx
NME WPI UNIt 3.pptx
1a.pdf
Day 1 - Web Development (HTML intro).pptx
Website/Web Applications / Static vs Dynamic Website / Web Browser /
9 10 july2020
Fundamental Internet Programming.pdf
Ad

More from Mohammad Kamrul Hasan (8)

PPTX
Distinguishing Performance of 60-GHz Micro strip Patch Antenna for Different ...
PPTX
Truth management system
PPTX
What should or not be programmed on the web
PPTX
Tasks suitable for programming on the web
PPTX
Static dynamic and active web pages
PPT
Programming paradigm and web programming
PPT
Object oriented vs. object based programming
PPTX
Choice of programming language for web developing.
Distinguishing Performance of 60-GHz Micro strip Patch Antenna for Different ...
Truth management system
What should or not be programmed on the web
Tasks suitable for programming on the web
Static dynamic and active web pages
Programming paradigm and web programming
Object oriented vs. object based programming
Choice of programming language for web developing.

Recently uploaded (20)

PPTX
GDM (1) (1).pptx small presentation for students
PDF
Basic Mud Logging Guide for educational purpose
PDF
VCE English Exam - Section C Student Revision Booklet
PDF
Microbial disease of the cardiovascular and lymphatic systems
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PPTX
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PDF
Anesthesia in Laparoscopic Surgery in India
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PPTX
Cell Structure & Organelles in detailed.
PDF
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
PPTX
Institutional Correction lecture only . . .
PPTX
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
PPTX
PPH.pptx obstetrics and gynecology in nursing
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PPTX
Renaissance Architecture: A Journey from Faith to Humanism
PDF
Computing-Curriculum for Schools in Ghana
PDF
01-Introduction-to-Information-Management.pdf
GDM (1) (1).pptx small presentation for students
Basic Mud Logging Guide for educational purpose
VCE English Exam - Section C Student Revision Booklet
Microbial disease of the cardiovascular and lymphatic systems
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
STATICS OF THE RIGID BODIES Hibbelers.pdf
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
Supply Chain Operations Speaking Notes -ICLT Program
Anesthesia in Laparoscopic Surgery in India
FourierSeries-QuestionsWithAnswers(Part-A).pdf
Cell Structure & Organelles in detailed.
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
Institutional Correction lecture only . . .
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
PPH.pptx obstetrics and gynecology in nursing
Abdominal Access Techniques with Prof. Dr. R K Mishra
Renaissance Architecture: A Journey from Faith to Humanism
Computing-Curriculum for Schools in Ghana
01-Introduction-to-Information-Management.pdf

Web browsers and web document

  • 1. Welcome Special thanks to our honorable teacher MD. SHARIF HOSSEN Lecturer of ICT Dept. Comilla University
  • 2. Web Browsers and Web Document
  • 3. GROUP MEMBERS:  MD. NAZIR ALAM-1109001  ENAMUL HAQ-1109005  MARUFUR RAHMAN-1109006  ZANNATUL NAIM-1109008  NOORMOHAMMED-1109009
  • 4. Overview  What is Web Browser?  Popular web browsers  History and Milestones  The relationship between web document and web browser  How browser retrieve from the web document?  The relationship between web page and web browser  What is web document?  How does Web document integrate with the web browser?  Static Web Page.  Dynamic Web Page.  Types of Dynamic Web page  How client and server side works?  An example to retrieve data with the web page from the server  Conclusion
  • 6.  A Web browser is a application that interprets the coding language of the Web in graphic form  This allows anyone to “browse the Web” by simple point and click navigation 1 What is Web Browsers?
  • 7. Popular web browsers:  Mozilla Firefox (or simply Firefox) is a free and open-source web browser developed by the Mozilla Foundation and its subsidiary, the Mozilla Corporation. Firefox is available for Windows, macOS and Linux operating systems  Google Chrome is a freeware web browser developed by Google. It was first released in 2008, for Microsoft Windows, and was later ported to Linux, OS X, iOS and Android.
  • 9. History and Milestones ・ WorldWideWeb. Tim Berners-Lee Christmas day, 1990. ・ libwww. Berners-Lee and a student at CERN named Jean-Francois Groff 1991 /1992,. ・ Line-mode. Nicola Pellow,1991 ・ Erwise. After a visit from Robert Cailliau, a group of students at Helsinki University of Technology joined together to write a web browser. April, 1992.
  • 10. History and Milestones  Opera. In 1994, the Opera browser was developed by a team of researchers at a telecommunication company called Telenor in Oslo, Norway.  Internet in a box. January, 1994, O'Reilly and Associates  ・ Mozilla. In October, 1994, Netscape released the the first beta version of their browser, Mozilla 0.96b, over the Internet.  ・ Internet Explorer. On August 23rd, 1995, Microsoft released their Windows 95 operating system, including a Web browser called Internet Explorer.
  • 12. The relationship between web document and web browser  A web browser displays a web page on a monitor or mobile device. The web page is what displays, but the term also refers to a computer file, usually written in HTML or comparable markup language. Web browsers coordinate the various web resource elements for the written web page, such as style sheets, scripts, and images, to present the web page.
  • 13. How browser retrieve the web document  a web browser can retrieve a web page from a remote web server. On a higher level, the web server may restrict access to only a private network such as a corporate intranet or it provides access to the World Wide Web. On a lower level, the web browser uses the Hypertext Transfer Protocol (HTTP) to make such requests.
  • 14. What is Web page?  A web page (US spelling webpage or Web page) is a document that is suitable for the World Wide Web and web browsers
  • 15. The Uses of Web Document in Designing  An Webpage is best thought as a set of VIRTUAL ELEMENTS (paragraphs,titles,tables,list,images).  There are so many languages are used to create a web designing like as html, css, javascript, php etc
  • 16. What is HTML  HTML is the standard markup language for creating Web pages.  HTML stands for Hyper Text Markup Language  HTML describes the structure of Web pages using markup  HTML elements are the building blocks of HTML pages
  • 17. Html Example :  <html>  <head>  <title>This is a title</title>  </head>  <body>  <p>Hello world!</p>  </body>  </html>
  • 19. What is CSS:  CSS is a language that describes the style of an HTML document.  CSS describes how HTML elements should be displayed
  • 22. TYPES OF WEBPAGE  THERE HAVE TWO TYPES OF WEB PAGE:  1.STATIC WEB PAGE  2.DYNAMIC WEB PAGE
  • 24. Static Web Page  Static Web pages display the exact same information whenever anyone visits it.  Static Web pages do not have to be simple plain text.
  • 27. Static Web Page Why do we Need a Style Sheet? Separates content from format Consistent appearance over a site Allows to easily change style  In one page  In a whole site Increases the ability to handle style features
  • 28. Static Web Page  Static web pages are suitable for the contents that never or rarely need to be updated.  However, maintaining large numbers of static pages as files can be impractical without automated tools.  Any personalization or interactivity has to run client- side, which is restricting
  • 29. Static web page is delivered to the user exactly as stored
  • 30. Advantages of static websites  Quick to develop  Cheap to develop  Cheap to host
  • 31. Disadvantages of static websites  Requires web development expertise to update site  Site not as useful for the user  Content can get stagnant
  • 33. Dynamic Web Page A dynamic website contains information that changes, depending on the viewer, the time of the day, the time zone, the viewers native language, and other factors.
  • 34. Types of Dynamic Web page  Server-side dynamic web page  Client-side dynamic web page
  • 35.  Client-side dynamic web page  It is processed using client side scripting such as JavaScript. And then passed in  Server-side dynamic web page  It is created by using server-side scripting. There are server-side scripting parameters that determine how to assemble a new web page which also include setting up of more client-side processing. Types of Dynamic Web page
  • 36. How Client side Web page works? Client-side scripting refers to the programs that are executed on client-side. Client-side scripts contains the instruction for the browser to be executed in response to certain user’s action.
  • 38. Server side Web page works?  Sever-side scripting acts as an interface for the client and also limit the user access the resources on web server. It can also collects the user’s characteristics in order to customize response.
  • 40. Conclusion  If you have further questions about the Web browser or Web document, this document is a repository of questions and answers about the procedures and programs.