Transcript

Fundamentals of Fundamentals of Web DesignWeb Design

History of the Internet and the WWW

What is A Web Site?What is A Web Site?

_________________________________Web Pages can be created in any number

of ways:– HTML– XHTML– Dreamweaver– WordPress– Joomla

The Internet vs. The World The Internet vs. The World Wide WebWide Web

When did the Internet begin?– ________________

Who developed the Internet?– ______________________________________– Originally called ARPA

(Advanced Research Project Agency) Why was it created?

– ____________________________________________________________________________________

What organization used it first?– The National Science Foundation (NSF) introduced it to

_________________________________________

http://history.nasa.gov/sputnik

www.nasa.gov/externalflash/SpaceAge

Internet QuestionsInternet Questions

What is the Internet?– _______________________________________

____________________________________________

– Basically it is ______________________ What year do you think email began?

– __________________________– Before the first web pages were created!

What is WWW?What is WWW?

World Wide WebBegan in _______________Created by _________________________

– He, along with his research team of scientists in Sweden, completed it in 1989.

– ________________________________________________________________________________________

A piece of ___________________that runs on the Internet that allows users to share files.

First HTML PageFirst HTML Page

Before HTMLBefore HTMLInformation was exchange in two ways:

– ASCII Files: __________________________________________________________________________________

shared text only, but with no formatting options except line returns and tabs.

Advantage: _____________________________– Binary Files:

0’s and 1’s______________________________________________

_____________________________________Disadvantage: there used to be over 400 different word

processing software packages available.

HTMLHTMLHyperText Markup Language

– Hyper = ______________________– Text =

____________________________________– Markup =

______________________________________<strong>Hello</strong> ---- bolds textThe greater/less than signs are called _________

– Language = _______________________________ Learn the codes before using any editor software – it will be

well worth your time!

Requests From the ServerRequests From the Server URL

– ______________________________________– The request

1. HTTP://– ______________________________________

Saying you’d like a Web page Domain Name asking you what type of information you’d like

– WWW.MICROSOFT.COM

2. FTP://– __________________________________

Saying you’d like to download something

3. MAILTO://– _______________________________

Saying you’d like to email someone

Domain NamesDomain Names .com = _________________________(microsoft.com) .gov = __________________________(cia.gov) .edu = __________________________(cornell.edu) .mil = ___________________________(army.mil) .net = ___________________________(internic.net) .org =

__________________________________________________________________________________(santafecares.org)

Country Codes:– jp = Japan ca = Canada de = Germany– ru = Russia us = United States au = Australia

http://www.gwinnett.k12.ga.us

Interesting FactsInteresting Facts

1. Web Browser

__________________________________________

2. MOSAICThe Internet exploded into the mainstream with the release of the first popular web browser Mosaic in ____________. 1st browser that allowed for __________________to be viewed on the Web page

Interesting FactsInteresting Facts

3. MOZILLA FIREFOX________________________________________

________4. NETSCAPE

Developed in _________________Huge browser which allows for a large influence on HTML codeIs the only browser that has to be purchased!

Interesting FactsInteresting Facts5. W3C

– ____________________________________– Developed in _____________________– _________________________________________________

____________________– President: Tim Berners-Lee

He never trademarked or copyrighted his Internet invention, he called it “His Gift to the World”. He says it’s the biggest mistake he’s ever made!

– Latest version of HTML is 5 … brand new!

5.08 Compliant – User Accessibility5.08 Compliant – User Accessibility___________________________________

__________________________________________________

A large percentage of users are disabled, visually, motor skills, or other handicaps

Don’t use <b> and <i> tags – voices can’t speak in italics

Use <strong> and <emphasis> insteadKey alternate text (yellow boxes)

Go to http://validator.w3.org/ and check to see if your web site is 5.08 compliant!

http://wave.webaim.org/ … Web Accessibility Evaluation Tool

The First MessageThe First Message

The first message ever to be transmitted was LOG.. why? The user had attempted to type LOGIN, but _____________________________________

EmoticonsEmoticonsThe first emoticon is

commonly credited __________________________ in ___________, as there was a need to identify “sarcasim” in posts :-).

He also created :-( to indicate a serious post … this now means sad or frustrated.

First Web CamFirst Web CamThe first webcam was deployed at

____________________________________________________________– its sole purpose to monitor a particular coffee maker and hence avoid wasted trips to an empty pot.

AmazonAmazon

According to legend, Amazon became the ______________________________________ because in the days before the invention of the search giant Google, ____________________would list the sites in their directory alphabetically

Ad BannersAd BannersThe first ever banner ad invaded the

Internet in ________, and it was just as bad as today.

The ad was part of AT&Ts “you will” campaign, and was placed on the HotWired homepage.

http://www.wired.com/video

YouTubeYouTube

_______________________________________________________________________________________

The first ever YouTube video was uploaded on ________________________________, by Jawed Karim (one of the founders of the site) and was 18 seconds long, entitled “Me at the zoo”.

First YouTube VideoFirst YouTube Video