1. ADVANCED COMPUTERS S.Y.B.M.M. LECTURE SERIES - PART 1 - KANISHKA KHATRI kanishka.vkhatri@gmail.co m

2. 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’.

3. 1 st 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.

4. How does a web surfer find a web site?

5. 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

6. 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 1 st 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!www.google.comwww.google.ru www.google.fr

7. 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, Vasai https://sites.google.com/site/vartakcollege org/ Let me show you how easy it is to create a free personal website within 2 minutes! [Even before your maggi is ready! ]

8. I have used wordpress.com to demonstrate

9. Almost done in 4 simple steps!

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

11. 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. Click here to visit L. S. Raheja College online! http://www.lsraheja.org/ A relative link specifies the name of the file to be linked to only as it is related to the current document. E.g. Details of BMM course! http://www.lsraheja.org/DeptBMM.aspx/

12. 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.

13. Process of creating a website 1.Define the purpose 2.Diagram the structure 3.Write out the text 4.Choose a basic layout 5.Choose the basic color scheme & fonts 6.Build the website 7.Choose a domain name 8.Register your domain name 9.Check its availability 10.Find a hosting company 11.Cost effectiveness 12.Upload your website to the hosting company’s server

14. That’s all folks! Any query?