World Wide Web AndDeveloping Web Sites

By : Ms. Kalpani ManatungaGCE (A/L) ICT Training for Teachers

World Wide Web (WWW)

WWW is a set of interlinked hypertext documents accessed via internet.

Awebsiteis a collection of relatedweb pages containingimages, videos or other digital assets. A website is hosted on at least oneweb server and accessible via a network such as the internetor a private LANthrough an Internet address also calledURL. [Wikipedia]

GCE (A/L) ICT Training for Teachers

Web Sites ClassificationInformational sitesnie.lk, sliit.lk Newsnews.lk, cnn.com Commercial sitesebay.com, amazon.comEducational siteswikipedia.org, howstuffworks.comCommunity sites like social networking sitesfacebook.com, linkedln.com, Entertainment sitesyoutube.com

GCE (A/L) ICT Training for Teachers

Web Portal

A web portal, apart from the standardsearch engine feature offers other services such as emails, news, stock prices, information, databases and entertainment. Examples of public web portals areYahoo, MSN, and iGoogle.Sri Lankan government portal is www.news.lk.

GCE (A/L) ICT Training for Teachers

Structure of a Web SiteHome pageFirst page that is being accessed.Link pages

A web site should be attractive, useful, easy to navigate and including appropriate current information in end users perspective.

From developers point of view, a web site should be easily modifiable and scalable.GCE (A/L) ICT Training for Teachers

What is HTML???HTML is HyperText Markup Language which is used to create web pages.Web page is nothing more than a HTML file with the extension of .htm or .htmlHTML is highly used to create fancy looking front ends with properly structured content and visual formatting. HTML is a markup tags based language that uses set of HTML tags to generate web pages.

GCE (A/L) ICT Training for Teachers

Tags are keywords surrounded by angle brackets and most of the times they come in pairs as opening tag and a closing tag.Eg : and

Need an editor like notepad or any fancy html editor like Macromedia Dreamviewer or Microsoft FrontPage to edit the source.Output is visible on a web browser like Mozilla Firefox, Google Chrome, Internet Explorer and etc..

GCE (A/L) ICT Training for Teachers

Example

My Home Page

This is My First Web Page!! It is very exciting!!!

HyperText Markup Language

GCE (A/L) ICT Training for Teachers

Example

Images and Sounds!!

GCE (A/L) ICT Training for Teachers

Images, Sounds and Animations

Insert pictures to a web pageSrc is the source attribute which contains the location of the image (can be a relative path or an absolute location)Width and height attributes are optionalAnimations are also added into a web page using an img tag. GCE (A/L) ICT Training for Teachers

Used to provide a link to a music file in formats like .mp3, .wav, .wmv, etc

Another techniques to insert sound clips in to your web page.The clip will be automatically embedded to the page when it is getting loaded.autostart, loop are some attributes that can be used.GCE (A/L) ICT Training for Teachers

Example Lists.htmlGCE (A/L) ICT Training for Teachers

ListsOrdered Lists Vs. Unordered ListsCan create lists with bullet points (unordered lists) by using Numbered lists (ordered lists) are created using Definition lists Eg: Internet Inter connected networks GCE (A/L) ICT Training for Teachers

Frames No body tagsSampleCodes\Frames.htmGCE (A/L) ICT Training for Teachers

CSSWebstyle sheetsare a form ofseparating presentation and content of a web page. It describes about the visual layout (style).Cascading Style Sheets(CSS) is astyle sheet language used to describe the presentation(the look and formatting) of a document written in HTML.Eg: body{background-color:#b0c4de; }

GCE (A/L) ICT Training for Teachers

CSS SyntaxGCE (A/L) ICT Training for Teachers

body { background: #eeeeee; font-family: Verdana; }

HyperlinksAhyperlink(orlink) is areference to a documentthat the reader can directly follow, or that is followed automatically.The document containing a hyperlink is known as itssourcedocument.The targetof a hyperlink is the document, or location within a document, to which the hyperlink leads.Eg: GCE (A/L) ICT Training for Teachers

Cookies vs. SessionsCookiea piece oftext stored on aclient's computer by their web browserone or more name value pairs

Sessionprocess of keeping track of a user's activityused to store information on the server-side between HTTP requestsGCE (A/L) ICT Training for Teachers

XMLXML - eXtensible Markup Language.XML is designed to transport and store data.XML is important to know, and very easy to learn.XML's design goals emphasize simplicity, generality, and usability over the internet.No predefined set of tags.Tags are case sensitive and must have close tags for any opened tag.

GCE (A/L) ICT Training for Teachers

Tags must be properly nestedFile extension is .xml

Eg: ToveJaniReminderDon't forget me this weekend!

GCE (A/L) ICT Training for Teachers

GCE (A/L) ICT Training for Teachers