Introduction to the Web

What is Multimedia? The integration of elements such as graphics, text, audio, video, animation, and interactivity by means of computer technology. Animation—Movement of text or graphics. Video—Live or recorded moving images. Interactivity—The ability to navigate to different pages, request information, etc..

The integration of elements such as graphics, text, audio, video, animation, and interactivity by means of computer technology.

Animation—Movement of text or graphics.

Video—Live or recorded moving images.

Interactivity—The ability to navigate to different pages, request information, etc..

What makes the web interactive? Hyperlinks (link) Can be graphics, word, or phrases Usually underlined, and possibly in a different color A hand appears when the cursor is held over a link 3 Kinds of Hyperlinks Internal links (links on the same site, different page) External links (links on a different site) Anchor links (links on the same page) Hyperlinks allow use to change thoughts mid-text and return later.

Hyperlinks (link)

Can be graphics, word, or phrases

Usually underlined, and possibly in a different color

A hand appears when the cursor is held over a link

3 Kinds of Hyperlinks

Internal links (links on the same site, different page)

External links (links on a different site)

Anchor links (links on the same page)

Hyperlinks allow use to change thoughts mid-text and return later.

What are the internet and web? They are not the same thing!

What are the internet and web?

They are not the same thing!

The Internet The hardware —lots of hardware—connected together to create a huge worldwide network Physical Components: Computers, cables, wires, high-speed communication lines, etc… A bunch of devices that can “talk” to each other.

The hardware —lots of hardware—connected together to create a huge worldwide network

Physical Components: Computers, cables, wires, high-speed communication lines, etc…

A bunch of devices that can “talk” to each other.

The World Wide Web (Often called: WWW or web) The Software The programs that send information along the internet’s hardware Information is stored in files The files are stored on the Internet on special computers called Web Servers The files are joined together by hyperlinks like a giant spider web—hence “web”

(Often called: WWW or web)

The Software

The programs that send information along the internet’s hardware

Information is stored in files

The files are stored on the Internet on special computers called Web Servers

The files are joined together by hyperlinks like a giant spider web—hence “web”

What is Web 2.0? Web 2.0 is the new way of using the web. Content is user driven. Can you think of websites that are driven by user content? The user controls the input and output of the website.

Web 2.0 is the new way of using the web.

Content is user driven.

Can you think of websites that are driven by user content?

The user controls the input and output of the website.

How does the web work? Web pages are just basic text documents with words, letters, numbers, and other symbols. Web Sites are groups of related web pages that allow you to navigate from one to another. The Home Page is typically the first page a user sees of a site and contains general information about the site

Web pages are just basic text documents with words, letters, numbers, and other symbols.

Web Sites are groups of related web pages that allow you to navigate from one to another.

The Home Page is typically the first page a user sees of a site and contains general information about the site

What is a web browser? A web browser interprets the files stored on the web server to display web pages on your computer screen. Translated text-based Hypertext Markup Language (HTML) into a graphical webpage All browsers work slightly differently. Examples: Internet Explorer (IE), Firefox, Safari, Opera, Netscape, … http://browsers.evolt.org/

A web browser interprets the files stored on the web server to display web pages on your computer screen.

Translated text-based Hypertext Markup Language (HTML) into a graphical webpage

All browsers work slightly differently.

Examples: Internet Explorer (IE), Firefox, Safari, Opera, Netscape, … http://browsers.evolt.org/

So what do you think Web Mastering is?

So what do you think

Web Mastering is?

What is Web Mastering? Web Mastering incorporates: Determining a purpose and goal of a website Designing the look/feel and navigation Generating concise, meaningful content Evaluating and Testing the site Publishing the site Maintaining an up-to-date, accessible, standards compliant website

Web Mastering incorporates:

Determining a purpose and goal of a website

Designing the look/feel and navigation

Generating concise, meaningful content

Evaluating and Testing the site

Publishing the site

Maintaining an up-to-date, accessible, standards compliant website

Web Design Careers

What makes a good website? With a partner, complete the worksheet “What makes a good website?”

With a partner, complete the worksheet “What makes a good website?”

What makes a good website? Has a clear purpose Has a layout which allows the purpose of the website to be reached by the user easily Contains concise, accurate information. Pleasing to the eye of all users in the targeted audience Fresh supply of content - enticing the user to return

Has a clear purpose

Has a layout which allows the purpose of the website to be reached by the user easily

Contains concise, accurate information.

Pleasing to the eye of all users in the targeted audience

Fresh supply of content - enticing the user to return

Different Types of Websites Commercial Sites E-Commerce Sites Corporate Presence Sites Portal Sites Informational Sites News Sites Government Sites Public Interest Sites Educational Sites School and University Sites Tutorials and Distance Learning Museums and Other Institutions Personal Sites

Commercial Sites

E-Commerce Sites

Corporate Presence Sites

Portal Sites

Informational Sites

News Sites

Government Sites

Public Interest Sites

Educational Sites

School and University Sites

Tutorials and Distance Learning

Museums and Other Institutions

Personal Sites

Non-Technical Introduction When you are finished, begin reading YOUR ASSIGNED SECTION http:// www.htmlgoodies.com /introduction/intro/ Group Presentation Complete the worksheet “Introduction to Web Mastering”

When you are finished, begin reading YOUR ASSIGNED SECTION http:// www.htmlgoodies.com /introduction/intro/

Group Presentation

Complete the worksheet “Introduction to Web Mastering”