ADVANCED COMPUTERSS.Y.B.M.M. LECTURE SERIES - PART 1

- KANISHKA KHATRI kanishka.vkhatri@gmail.com

BASIC CONCEPTS OF WEB DESIGNING

• What is the Web ?– The World Wide Web (abbreviated

as WWW or W3, commonly known as the web), is a system of interlinked hypertext documents accessed via the Internet.

Source : Wikipedia

– The computers that make up the web can be connected all the time [24 x 7]. These computers are typically called ‘servers’.

1st Web Server A NeXT Computer was used by Berners-Lee as the world's first web server and also to write the first web browser, WorldWideWeb, in 1990.Servers have special software installed, called server-software, which ‘serves’ web pages and web sites.

How does a web surfer find a web site?

How does a website get an official address?

• Registering Domain Name [ Domain name details in next slide ]– Domain names are official unique

addresses on the web.– Registration costs few bucks (approx. `500

to `3000) each year to ‘own’ the name depending on the QoS [Quality of Service].

• Renting server space to ‘host’ your website– Renting space on a server to ‘serve’ your

website to the World Wide Web is often called ‘hosting’.

Contact

hosting

company

Tell your

Domain

Be ‘live’

on the web

Different Domain Names & their differences

Practically, there is no difference these days as Search Engines (Bing, Google, Yahoo, etc.) don’t discriminate between .COM, .ORG, .NET and all! .COM sounds more familiar as it was the 1st publicly known domain extension & people tend to type it automatically!

Note:- www.google.com is not same as www.google.ru or www.google.fr or any other domain. Search a common topic to notice the language difference!

A Cheaper Option!• Personal [non-commercial] users

generally opt out of buying domains & paying for hosting.

• Such users look out for ‘free’ hosting service that allows to create a ‘sub-domain’ [part of another domain].

• E.g. Website of Vartak College, Vasaihttps://sites.google.com/site/vartakcollegeorg/

Let me show you how easy it is to create a free personal website within 2 minutes! [Even before your maggi is ready! ]

I have used wordpress.com to demonstrate

Almost done in 4 simple steps!

littlevision.wordpress.com is live within 2 minutes . . . & Maggi is still warming up!

A website is just a bunch of webpages connected together through something called links.A link is an absolute link if the URL and file name can be found from anywhere on the Web, not just from a single Web site. E.g. <a href=http://www.lsraheja.org/> Click here to visit L. S. Raheja College online! </a>

A relative link specifies the name of the file to be linked to only as it is related to the current document.E.g. <a http://www.lsraheja.org/DeptBMM.aspx/> Details of BMM course! </a>

Building a Webpage• Use a pre-made template

– Website design templates can be found in various formats like Photoshop and HTML [Hypertext Markup Language].

• Use HTML editor like Frontpage or Dreamweaver– HTML editors make building web pages

feel like (to a certain extent) creating a document in Microsoft Word !

• Hand-code your HTML in a text editor like Notepad– This means you type in the HTML code

yourself. This is the approach we are going to use here as it’s the quickest way to learn how to build webpages.

Process of creating a website1. Define the purpose2. Diagram the structure3. Write out the text4. Choose a basic layout5. Choose the basic color scheme & fonts6. Build the website7. Choose a domain name8. Register your domain name9. Check its availability10.Find a hosting company11.Cost effectiveness12.Upload your website to the hosting

company’s server

That’s all folks!

Any query?