Introduction

The Internet

The Internet (net)

Global network connecting millions of computers Within the global network, a user has

permission at any one computer can access and obtain information from any other computer within one network

Network-a group of computers and associated devices that are connected by communications and facilities

Network cont

Can span a global area and involve permanent connections-cables (school network)

Temporary connections-telephone or other communications links (dial-up connection)

Within a global network are:

Local Regional National International 1960’s by the U.S. Department of Defense

(DOD) Today, the Internet is a public, cooperative,

and self-sustaining facility that is accessible to hundreds of millions of people worldwide

World Wide Web (www.)

Is the most popular service on the internet The web consists of a system of global

network services that supports specially formatted documents and provides a means for sharing these resources with many people at the same time

Host computer

Network server

Clients

Your computer from where you access it (network)

HTTP

Hypertext Transfer Protocol (HTTP) Protocol that enables the transfer of data

from the host computer to the client

Accessing the web

Web Page- How users access the internet, web

resources, such as text, graphics, sound, video, and multimedia, through a web page

URL- A unique address or Uniform Resource

Location (URL) identifies every web page. The URL provides the global address of the location of the web page

Cont

Web browser- Is a software program that requests a web

page, interprets the code contained within the page and then displays the contents of the web page on your computer display device

Components

Title bar-blue bar Menu bar-consists File, Tools, etc Standard Buttons Toolbar-back, forward,

refresh, close Document window-viewing your web page

Cont

Common elements you find on most web pages are headings or titles, pictures, or images, background enhancements and hyperlinks.

Hyperlink-can link to another place in the same web page or to an entirely different one

Web site

A group of web pages Home page (index page)-typically provides

information about the web sites purpose and content

Internet Service Provider (ISP)

Is a business that has a permanent Internet connection and provides temporary connections to individuals, companies, or other organizations

Ex. Verizon, aol, comcast

Online Service Provider (OSP)

Is similar to ISP, but provides additional member-only services, such as financial data and travel information

Ex. Aol, yahoo, msn

Types of Web Sites

Portal News Informational Business/Marketing Educational Entertainment Advocacy Personal Blog

Portal

Provides a variety of Internet services from a single, convenient location (google)

News

Contains news articles relating to current events (cnbc)

Informational

Contains factual information, such as research and statistics (United States Senate site)

Business/marketing

Contains content that promotes or sells products or services (eBay)

Educational

Provides exciting, challenging avenues for formal and informal teaching and learning (recipes)

Entertainment

Offers an interactive and engaging environment and contains music, video, sports, games and other similar features (you tube)

Advocacy

You will find content that describes a cause, opinion, question or idea (humane society)

Personal

Is published by an individual or family and generally is not associated with any organization (family website)

Blog

Short for web log Uses regularly updated journal format to

reflect the interests, opinions, and personality of the author (you)

Planning a web site

Purpose-determine the purpose or goal of your website Purpose statement-intention of your website

Planning a website

Target audience-who visits your website Do you want to attract people with similar

interests? Gender Education Age range Income

Planning a website

New Web Technologies Access to high speed broadband or baseband Broadband-transmits multiple signals

simultaneously and includes media and hardware such as T1 lines, DSL (digital subscriber lines), ISDN (Integrated services digital network), fiber optics, and cable modems

Baseband-28k to 56k modems Multimedia-websites containing videos and

animations usually need broadband

Planning a website

Content Value Added Content

What topics do you want to cover? How much information will you present about

each topic? What will attract your target audience to your

web site? What will make them return? What changes will you have to make to keep

your site updated?

Content

Text Be brief and incorporate lists whenever

possible Use common words or simple language Check spelling and grammar

Content

Images Will you have a common logo and/or theme on

all web pages? Are these images readily available? What images will you have to locate? What images will you have to create? How many images per page will you have?

Content

Colors Can enhance or detract from your message or

goal Color can support your goal

Do your selected colors work well with your goal? Are your colors part of the universal 216 browser-

safe color palette? Did you limit the number of colors to a selected

few?

Content

Multimedia Determine whether the visitor will require plug-

ins Plug-in- extends the capability of a web

browser (Multimedia Flash)

Content

Web Site Navigation Navigation-pathway through your site, must

be obvious and intuitive Design Basics-

Navigation Map-outlines the structure of the entire web site, showing all the pages within the site and connections from one page to others

Provides structure

Different web site structures

Linear Hierarchical-most common Web (random) Grid Hybrid

Developing a web site

Development basics Typography-appearance and arrangement of

the characters that make up your text Font-consists of all the characters available in

a particular style and weight for a specific design

Should be easy for them to read

Developing a web site

Determine your fonts purpose Is it to be used for a title? For onscreen reading? Is it likely to be

printed? Will the font fit in with the theme?

Developing a web site

Web-site fonts are the more popular font and the ones that most visitors are likely to have installed on their computers Times New Roman Arial Courier

Developing a web site

Images Attract visitors Enhance Motivate visitors return Leave the website if images do not work; no

return Without images your website would be very

boring

Developing a web site

Page Layout Suitable design Consistent and logical

Template-special type of HTML document that can help with these challenges Only include one topic per page Control the vertical and horizontal size of the

page

Template cont

Start text on the left to accommodate the majority of individuals, who read from left to right

Use concise statements Bulleted points

Reviewing and Testing a web site

During developmental and testing stages Identify and correct any problems Group Test-which you have asked other

individuals to test your web site and provide feedback

Publishing a web site

Obtain a domain name IP address

A number that identifies each computer or device connected to the internet

Text version of the IP address DNS-domain name system-internet service that transmits domain names into their corresponding IP address

URL (Uniform Resource Locator)

Web address Domain name must be registered to the

accredited registrar directory provides a listing of internet corporation for assigned names and numbers (ICANN) Find a name not already registered $15-$35 a domain name

Domain name

Easy to pronounce, spell, and remember Name that relates to the content and

suggests the nature of your product or service

Use a business name (the business name) Free and clear of trademark issues Purchase variations and the .org and .net

versions of your domain name

Upload

The process of transmitting all the files that comprise your web site from your computer to the selected server or host computer Videos Music Images Animation Files (PDF documents) Web pages

Maintaining a web site

Improve it Updated Change documents Check for broken links Adding new links Removing old stuff Check contact email

Methods and Tools used to create web pages

Text editor HTML editor Software editor WYSIWYG text editor

Text editor

Simple program that allow users to edit, save, enter and print text (Microsoft Notepad)

HTML

More sophisticated version of a text editor, more advanced features like syntax highlighting, color-coding, and spell-checking

Software

Microsoft suite Provides a save as web page command on

the file menu; the feature converts the application document into an HTML file

WYSIWYG

What you see is what you get Dreamweaver FrontPage These programs provide an integrated text

editor with a graphical user interface that allows the user to view both the code and the document as it is being created

HTML

Authorizing language that defines the structure and layout of a document to that it displays as a web page in a web browser

Web pages are written in plain text and saved in the American Standard Code for Information Interchange Format

ASCII

Format is widely used coding system to represent data

This program makes web pages universally readable by different web browsers

Source Code

Which contains tags or program instructions

Tag

Within the source code control the appearance of the document content

Document content

Text and images that the browser displays