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

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

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

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)

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.

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: www.ou.ac.lk www.google.com www.msn.com www.facebook.com

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

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

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 - www.manutd.com Actors - www.travolta.com etc.

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: www.ebay.com www.paypal.com etc

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: http://www.islandcricket.lk/blog http://blogs.ifsworld.com/

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

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: www.facebook.com www.linkedin.com and many more

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.

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://www.pcwebopedia.com/stuff.exe http://www.pcwebopedia.com/index.html

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

Sample URL’s (or Internet Addresses) Internet Address or URL Global Domains http://www.angelfire.com commercial site http://www.msstate.edu educational inst. http://www.intop.net network organiz. http://www.navy.mil military http://www.____.org non profit organizations. http://www.____.gov gov. agency,dept.

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

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

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 = http://www.google.com> Spot’s Page </A> </BODY> </HTML>

Thank you