WEB BASICS: WHAT IS THE WEB? The Non-Designer’s Design Book by Robin Williams.

18
WEB BASICS: WHAT IS THE WEB? The Non-Designer’s Design Book by Robin Williams

Transcript of WEB BASICS: WHAT IS THE WEB? The Non-Designer’s Design Book by Robin Williams.

Page 1: WEB BASICS: WHAT IS THE WEB? The Non-Designer’s Design Book by Robin Williams.

WEB BASICS: WHAT IS THE WEB?The Non-Designer’s Design Book by Robin Williams

Page 2: WEB BASICS: WHAT IS THE WEB? The Non-Designer’s Design Book by Robin Williams.

The Internet – History and Stats Early versions were created by the US

Department of Defense 1989 – researchers want to share data

Tim Berners-Lee Technology available to the public domain

in 1993

http://www.internetlivestats.com

Page 3: WEB BASICS: WHAT IS THE WEB? The Non-Designer’s Design Book by Robin Williams.

What’s on the Internet?

Search engines Blogs Wiki’s Podcasts Social Networking Sites

What have you been involved with?

Page 4: WEB BASICS: WHAT IS THE WEB? The Non-Designer’s Design Book by Robin Williams.

Internet Basics

Home Page – Usually the first page of a website that acts like a table of contents for the site. Some sites have Entry Pages

Web Browser – You must have this to view web pages Examples: Internet Explorer, Mozilla Firefox,

Safari NOT ALL WEB BROWSERS SHOW

PAGES THE SAME WAY.

Page 5: WEB BASICS: WHAT IS THE WEB? The Non-Designer’s Design Book by Robin Williams.

Web Browser Usage Stats

Page 6: WEB BASICS: WHAT IS THE WEB? The Non-Designer’s Design Book by Robin Williams.

Web Addresses and URL’s

Web Address – all pages have one, just like our houses have addresses

URL – Uniform Resource Locator: another name for a web address

Page 7: WEB BASICS: WHAT IS THE WEB? The Non-Designer’s Design Book by Robin Williams.

Web Addresses and URL’s

Web Address – all pages have one, just like our houses have addresses

URL – Uniform Resource Locator: another name for a web address

http://www.ratz.com/robin/hats.htmlHyper Text Transfer Protocol – tells you the page your are on is on the

World Wide Web. Can also be ftp:// which allows you to use the Internet to transfer files.

Page 8: WEB BASICS: WHAT IS THE WEB? The Non-Designer’s Design Book by Robin Williams.

Web Addresses and URL’s

Web Address – all pages have one, just like our houses have addresses

URL – Uniform Resource Locator: another name for a web address

http://www.ratz.com/robin/hats.htmlWorld Wide Web

Page 9: WEB BASICS: WHAT IS THE WEB? The Non-Designer’s Design Book by Robin Williams.

Web Addresses and URL’s

Web Address – all pages have one, just like our houses have addresses

URL – Uniform Resource Locator: another name for a web address

http://www.ratz.com/robin/hats.html

Domain Name – Who owns this site? Other examples are yahoo.com,Toyota.com. You buy these!

Page 10: WEB BASICS: WHAT IS THE WEB? The Non-Designer’s Design Book by Robin Williams.

Web Addresses and URL’s

Web Address – all pages have one, just like our houses have addresses

URL – Uniform Resource Locator: another name for a web address

http://www.ratz.com/robin/hats.html

The path that tells the browser where to find your Web page, after finding the domain name.

Page 11: WEB BASICS: WHAT IS THE WEB? The Non-Designer’s Design Book by Robin Williams.

Top Level Domains (e.g.: .com) Shows the nature of the web site Other abbreviations:

.net – network organization .org – usually non-profits .edu – educational (usually post-secondary) .gov – government .mil – military

Country Codes – example: www.bbc.co.uk Jp (Japan), ca (Canada), uk (United Kingdom) Find any country code in the “Root Zone

Database”

Page 12: WEB BASICS: WHAT IS THE WEB? The Non-Designer’s Design Book by Robin Williams.

HTML: The Language of the Web

Page 13: WEB BASICS: WHAT IS THE WEB? The Non-Designer’s Design Book by Robin Williams.

HTML

Hyper Text Markup Language – we will learn this!

Syntax – the rules of the language These have changed over time Current version is 5.0

HTML rules and standards (syntax) was developed by the W3C – World Wide Web Consortium www.w3.org

Page 14: WEB BASICS: WHAT IS THE WEB? The Non-Designer’s Design Book by Robin Williams.

HTML Documents

Consists of 2 things Document Content HTML Tags Save as filename.html or filename.htm

<Tag Name> Document Content </Tag Name> Opening Tag Closing Tag One sided vs. two sided Tags are NOT case sensitive, but standard is

to capitalize

Page 15: WEB BASICS: WHAT IS THE WEB? The Non-Designer’s Design Book by Robin Williams.

Publishing and Hosting

Finding a home for your site

Page 16: WEB BASICS: WHAT IS THE WEB? The Non-Designer’s Design Book by Robin Williams.

Find a host

If you leave your finished files on your computer, no one will ever see your site.

Find a “host” who can store your files on a server.

Usually, you will FTP your files to your host.

The space on the server for your files is usually not free, so expect to spend some money.

Page 17: WEB BASICS: WHAT IS THE WEB? The Non-Designer’s Design Book by Robin Williams.

Find a domain name

Many companies can sell you a domain name Master list is used throughout the world Usually sales are in yearly increments What’s available??

Try searching the web for it now Sometimes name is taken, but not used Have to use the WhoIs database to find out who

has registered for the name you want www.easywhois.com My favorite is: www.NetworkSolutions.com

Page 18: WEB BASICS: WHAT IS THE WEB? The Non-Designer’s Design Book by Robin Williams.

Partner Activity

With a partner, think of a domain name that you want to try to “buy” (school appropriate, please!)

1. Write your domain name. Look on the web and find two places you might try

to use to buy the domain and host the site from.

2. List these two sites.

3. Answer the following questions:a. What does your domain name cost for each place?

b. How much is hosting a small site going to run for each place?

c. Which one would you choose to host your site? Why? Print and hand into the basket. Be sure ALL names

are on the paper!