1. Professional Web Designing For Absolute Beginners
Chapter 01 – Introduction to Web Wide Web
Professional Web Designing For Absolute Beginners
Kandy Regional Centre | Pasan Mallawaarachchi

2. History Berners-Lee wrote World Wide Web on a NeXT Computer
The first successful build was completed on December 25, 1990

3. What is World Wide Web
The World Wide Web (or WWW) is one part of the Internet.
The World Wide Web is a hypertext-based system.
Hypertext allows users to click on buttons or highlighted text using a mouse to go to other Web pages containing
Text
Sound
Pictures
Video

4. What is World Wide Web
The World Wide Web is accessed by the use of a web browser
World Wide Web transferred by Hyper Text Transfer Protocol (HTTP) and developed using Hyper Text Markup Language (HTML)

5. Internet & WWW Internet World Wide Web
The Internet is a massive network of networks, a networking infrastructure. It connects millions of computers together globally
World Wide Web
The World Wide Web, or simply Web, is a way of accessing information over the medium of the Internet. It is an information-sharing model that is built on top of the Internet.

6. WWW cond.
Web Sites made with HTML (Hyper Text Markup Language) by Web Developers
Web Sites stored in a common place called
Web Server so that people can access the Web Site
Using the Web URL (Uniform Resource Locator) we can access the web site on our web browser
Eg:

7. Web Browsers Web Browser
A browser is a software application for retrieving & presenting information resources on the World Wide Web
Popular web browsers are,
Mozilla Firefox
Google Chrome
Opera
Internet Explorer
Web Browser

9. What is a Web Site?
A web site is similar to a magazine with articles. It is a collection of web pages
A home page is “the front cover” that tells what is inside
A web page is an individual page that can be found on a web site.
Two types of web sites
Static & Dynamic

11. Types of Web Sites Eg: Sports Clubs - www.manutd.com
Personal Websites:
Personal websites usually provide information about a certain individual or group. A lot of times individuals will create personal websites in order to get information about themselves out to other people.
Eg: Sports Clubs -
Actors -
etc.

12. Types of Web contd. E-Commerce Websites:
When It called E-Commerce, It means On-line Shops, Commercial and Auction Websites. Just about anything you can think of in todays world is sold on the World Wide Web.
Eg:
etc

13. Types of Web contd. Informational Websites
A major informational site is wikipedia.org, the online encyclopedia. And it is unique, because it allows visitors to contribute and edit articles.
Blog/Forum Websites
Blogging is the newest sensation to hit the Internet in the past few years. If you want to voice your opinion and meet people with common views then Blogging is the way to go. 
Eg:

14. Types of Web contd. File Sharing Websites
Enables to share files (images, videos or any other files) among people.
Eg:
Search Engines
These are some of the most popular types of web sites in the world. Search information on WWW and some services like … etc
Eg:

15. Types of Web contd. Social Websites
groups or communities that are online where their members can meet and interact with other people that share a common interest.
Eg:
and many more

16. Web Address http://www.ou.ac.lk is an example of a web address
Also known as a Uniform Resource Locator or URL
Every web page must have an unique web address to be found on the Internet.
Web browser uses the URL to find information located on another computer and to retrieve the corresponding page situated on that server.

17. Web Address protocol :// host / location
URL strings consist of three parts (substrings):
Network Protocol
Hostname or Address
File or Resource location
protocol :// host / location
ftp://

18. http://www.msu.edu/~urquhar5/tour/active.html http://
URL format
identifies type
of transfer
/~urquhar5/tour/active.html
File Location on Remote Computer
Domain Name -
name of remote computer

19. Sample URL’s (or Internet Addresses)
Internet Address or URL Global Domains
commercial site educational inst. network organiz military non profit organizations.
gov. agency,dept.

20. How to make a web page
Define the two basic steps required in making a web page.
Create an HTML File
Upload file to server
Web documents are text files with .html extension
These text files have HTML “tags” in them

21. HTML Essential HTML Tags <HTML> begins HTML document
<BODY> begins body of document
<H1>Here’s a header in big type</H1>
<P>Here’s a paragraph</P>
</BODY> ends body
</HTML> ends HTML document

22. Sample web page
<HTML> <HEAD> <TITLE> PB’s HomePage </TITLE> </HEAD> <BODY> <CENTER><IMG SRC = “bad_picture.gif” ALT = “ “><BR></CENTER> <P><CENTER><H1>UW Computer Science Department</H1></CENTER> Welcome to my goofy HomePage! … <A HREF = Spot’s Page </A> </BODY> </HTML>

23. Thank you