CLD 10202 : COMPUTING

Chapter 3 : World Wide Web & Homepage

Chapter 2 Objectives
Identify the components of aaWeb address Identify the components of Web address

Explain the purpose of aaWeb browser Explain the purpose of Web browser

Search for information on the Web Search for information on the Web

Describe the types of Web sites Describe the types of Web sites Recognize how Web pages Recognize how Web pages use graphics, animation, audio, use graphics, animation, audio, video, virtual reality, and plug-ins video, virtual reality, and plug-ins Identify the steps required for Web publishing Identify the steps required for Web publishing

Next

Introduction to Website
Identifies an organization or an individual Consists related Web pages Link together to form hypertext / hypermedia Users click on the links to navigate Very popular today:
Can reach people all over the world Inexpensive

Introduction to Website cont

A well-design website can benefit an individual or organization Business can market their products and services (globally and inexpensively). Governments can work together and shared information on common issues such as environment and trade. Universities and colleges can exchange information and undertake joint research projects.

Introduction to Website - cont

Students can get information on courses offered in the various universities around the world. Students can obtain up-to-date information for their research projects. People can find other people who have similar interest. Religious institutions can make moral teachings available to many people.

The World Wide Web

What is a Web browser?
Program that allows you to view Web pages
Microsoft Internet Explorer Netscape

Mozilla

Firefox

Opera

Safari

p. 75

Next

The World Wide Web

How does a Web browser display a home page?
Step 2.
Web browser looks up the home page setting

The World Wide Web

What is a home page?
The first page that a Web site presents Often provides connections to other Web pages

Step 3. Step 1.
Click the Web browser program name The Web browser communicates with the ISPs server to retrieve the IP address. The IP address is sent to your computer.

Step 4.
The home page displays in the Web browser
p. 75 Fig. 2-6

Next

p. 76 Fig.2-1a

Next

The World Wide Web

How do handheld computers and cellular telephones access the Web?
Use a microbrowser that displays Web pages that contain mostly text Must be Internetenabled

The World Wide Web

What is downloading?
The process of a computer receiving information Depending upon connection speed, downloading can take from a few seconds to several minutes

p. 76 Fig. 2-7

Next

p. 76

Next

The World Wide Web

What is a URL?
Unique address for a Web page
A web server delivers the Web page to your computer

ER TLD SERV b server + me e the w b server na e the w

RESO a re URCE NA sourc e a ME file comp uter migh t be a n HT movie ML , grap hic fil , sound, es or etc.

http://www.micet.edu.my/result/sem1/sectionZ.xls
PROT OCO L how a co m puter conne e a set ction with stablish anoth o f co n er vectio one a n with n teleco other in m enviro municatio n nmen t

Click to view Web Link, click Chapter 2, Click Web Link from left navigation, then click Web Addresses below Chapter 2 p. 76 Fig. 2-8
Next

nt cume PATH n of the do io locat server lder in the g the subfo din Inclu

The World Wide Web

What is a link?
Built-in connection to another related Web page location
Item found elsewhere on same Web page Different Web page at same Web site Web page at a different Web site

The World Wide Web

How can you recognize links?
Pointer changes to a small hand when you point to a link A link can be text or an image Text links are usually underlined and in a different color

p. 77

Next

p. 77 Fig. 2-9

Next

The World Wide Web

What is a subject directory?
Search tool with organized set of topics and subtopics Lets you find information by clicking links rather than entering keywords

The World Wide Web

What is a search engine?
Program used to find Web sites and Web pages by entering words or phrases called search text
Also called a keyword

p. 78 79 Fig. 2-11

Next

p. 78 80 Fig. 2-10

Next

The World Wide Web

What is a hit?
Any Web site name that is listed as the result of a search
Step 2.
Select type of search you want to run

The World Wide Web

What are the eleven basic types of Web sites?
Portal News Informational Business/Marketing Educational Entertainment Advocacy Blog Wiki Content Aggregator Personal
p. 82 84 Fig. 2-14
Next

Step 1. Go to search engine Step 3. View hits

Step 4.
Click link to view Web site

p. 80 Fig. 2-12

Next

The World Wide Web

What is a portal?
A Web site that offers a variety of services from one, convenient location, usually for free
Searching, sports, e-mail, news, weather, auctions, Web communities (Web sites that join people with similar interests)

The World Wide Web

What is a news Web site?
Contains newsworthy material Stories and articles relating to current events, life, money, sports, and the weather

p. 82 Fig. 2-14a

Next

p. 82 Fig. 2-14b

Next

The World Wide Web

What is an informational Web site?
Contains factual information Created by organizations and government agencies

The World Wide Web

What is a business/marketing Web site?
Contains content that promotes products or services Allows you to purchase products or services online

p. 82 Fig. 2-14c

Next

p. 82 Fig. 2-14d

Next

The World Wide Web

What is an educational Web site?
Offers avenues for formal and informal teaching and learning
Some companies offer online training for employees Some colleges offer online classes and degrees

The World Wide Web

What is an entertainment Web site?
Offers an interactive and engaging environment featuring music, video, sports, games, and more

p. 82 Fig. 2-14e

Next

p. 84 Fig. 2-14f

Next

The World Wide Web

What is an advocacy Web site?
Contains content that describes a cause, opinion, or idea

The World Wide Web

What is a blog?
Uses a regularly updated journal format to reflect the interests, opinions, and personalities of the author and sometimes site visitors

p. 84 Fig. 2-14g

Next

p. 84 Fig. 2-14h

Next

The World Wide Web

What is a wiki?
Collaborative Web site that allows users to add to, modify, or delete the Web site content via their Web browser

The World Wide Web

What is a content aggregator?
Business that gathers and organizes Web content and then distributes, or feeds, the content to subscribers for free or a fee

p. 84 Fig. 2-14i

Next

p. 84 Fig. 2-14j

Next

The World Wide Web

What is a personal Web site?
Web page maintained by private individual Reasons: sharing life experience with the world or job hunting

The World Wide Web

What are the guidelines for evaluating the value of a Web site?

Affiliation

Audience

Authority

Content

Currency

Design

Objectivity

p. 84 Fig. 2-14k

Next

p. 84 Fig. 2-15

Next

The World Wide Web

What is multimedia?
Application integrating text with other media elements
Graphics Animation Audio Video Virtual reality Plug-Ins

The World Wide Web

What graphics formats are used on the Web?

BMP BMP GIF GIF

(pronounced JAY-peg) (pronounced JAY-peg)

JPEG JPEG

(pronounced ping) (pronounced ping)

PNG PNG

(pronounced JIFF) (pronounced JIFF)

TIFF TIFF

p. 85 Fig. 2-16

Next

p. 85 Fig. 2-17

Next

The World Wide Web

What is a thumbnail?
Small version of a larger graphic used to improve Web page display time
c

The World Wide Web

What is animation?
Appearance of motion created by displaying a series of still images in sequence

Usually click on thumbnail to display larger graphic

p. 86 Fig. 2-18

Next

p. 86

Next

The World Wide Web

What is audio?
Music, speech, or any other sound Individual compressed sound files that you download from the Web to your computer
Common Web audio file formats are AA, AAC, AIFF, ASF, MP3, WAV, WMA, RA, and QT

The World Wide Web

What is streaming audio?

The process of transferring audio in a continuous and even flow

Enables you to listen to music as it downloads to your computer

Once downloaded, you can play (listen to) the contents of the files

Click to view Web Link, click Chapter 2, Click Web Link from left navigation, then click Streaming Media below Chapter 2 p. 86 Fig. 2-20
Next

p. 86

Next

The World Wide Web

What is video?
Consists of full-motion images that are played back at various speeds MPEG (Moving Pictures Experts Group) is popular video compression standard

The World Wide Web

What is virtual reality (VR)?
Use of computers to simulate real or imagined environment Appears as a three dimensional (3-D) space
Used for games and many practical applications

p. 88 Fig. 2-21

Next

p. 88 Fig. 2-22

Next

The World Wide Web

What are plug-ins?
Programs that extend the capability of a browser You can download many plug-ins at no cost from various Web sites
Click to view Web Link, click Chapter 2, Click Web Link from left navigation, then click Plug-Ins below Chapter 2 p. 89 Fig. 2-23
Next

Web Publishing
What is Web publishing?
Development and maintenance of Web pages
Step 2. Step 1.
Plan the Web site Analyze and design the Web site

Step 3.
Create the Web site

Step 5.
Maintain the Web site

Step 4.
Deploy the Web site

p. 89 Fig. 2-24

Next

10

Plan
Goals
What is my goal? Is the Web the best place for achieving my goal?

Plan cont
Site Design
How many pages What is considered good design? Bad design? What can I do to make my site different?

Reaching Others
Who is my target audience? What other Web products currently exist that interest my audience?

Coding
Will I write or pay someone else to do it? What software tools will best get the job done?

Testing
How will I test my site before going online? How will I continue to test my site after going online?

Promotion
Which sources will I turn to in order to advertise the existence of my site?

Plan cont
Maintenance
What types of content will keep my site fresh? How often must fresh content be supplied?

Designing your site

Principle of Web design Users like interest, exciting and intuitive sites. To hold and audience, you must keep refreshing your site content with new information.
Interesting site Provides information with value to its target audience Exciting Rewards visitors with stimulating experience Intuitive Pages are easy to use and that the site presents information in a way that makes sense

Other
Do I have permission to use materials I dont own? Will my site in any way offend others?

Would you like to send an e-mail? OR Click here to send e-mail < - - - - BETTER!

11

Designing you site cont

Tips on making Web pages sizzle Jump on the Web for examples Checks out the sites of BIG firms Download Rule of three Your users Avoid scrolling Platforms

Designing your site cont

Flowcharts & storyboards Assist you with the design process Flowcharts Describes how Web pages relate to one another. Note that each box in the flowchart represents a separate Web page, and the lines between boxes show which pages logically relate to others.

Storyboards
- is an ordered series of sketches-done by hand or with the help of software-that show what each page in a Web presentation should look like. - The storyboard also shows the hyperlinks on each page.

Tools for coding Web pages

Software Notepad Netscape Editor Microsoft FrontPage Editor Hypertext language Specify text size / format and flow Integrate in-line pictures Create links Integrate audio and pictures Create interactive forms (e.g., order entry)

12

Testing your pages

Must perform a certain amount of testing Test on the different browsers Netscape Navigator & Microsoft Internet Explorer. Ongoing activity Common mistake validity of hyperlinks Dead links

Promote your site

Advertising Listing it with as many search engines as you can You need to fill a form The description Keywords nouns

Maintain your site

Refresh with interesting and exciting information What type of information needs refreshing? How often? Be warned that maintenance can take considerable time. Are you committed enough to provide? Include some type of form that users can fill

13