Transcript Alphabet Soup – HTML

Topics in
Technology and Marketing
In The Beginning
The Digital Revolution Begins

January 22, 1984…

… Superbowl XVIII…

… Apple introduces the Macintosh…

… “1984” ad airs…
http://www.youtube.com/watch?v=OYecfV3ubP8
Nothing is ever the same again

Children born after 01/22/84 are
“digital natives”


The rest are “digital immigrants”



Came of age in a digital world
Came of age prior to the Millennium
Have lived with analog technology to a greater or
lesser extent
Immigrants are rarely as fluent as
natives
http://www.marcprensky.com/writing/Prensky – Digital Natives, Digital Immigrants - Part1.pdf
Everything Is Amazing Right Now,
and No One is Happy
http://www.youtube.com/watch?v=itn8TwFCO4M
What is the Internet

A network of networks



Linked by a broad array of electronic and optical
networking technologies
Begun by DARPA (Defense Advanced Research
Projects Agency) during the 1960s


Millions of private, public, academic, business, and
government networks
US Military's Cold War Era concerns about
communications networks survivability
Limited to bulletin boards sharing academic
data

Commercial use discouraged!
Surfing the prehistoric-Internet


Before browsers:
the Internet was
limited to the tech
savvy – “geeks”
The first browser:
WorldWideWeb (1991)


Text only
Did not support page
graphics!
Surfing the prehistoric-Internet


First widely
available
browser:
Mosaic 1.0
(1993)
First browser
to support
page graphics
– Mosaic 2.0
(1994)
http://www.boutell.com/newfaq/history/fbrowser.html
Netscape: The Web Is For Everyone

Netscape defined the
modern browser


Netscape 1.0 (1994)



Based on Mosaic, written
by Mosaic developers
Major innovation: text
and graphics appear on
the screen as the web
page downloads
Earlier web browsers
would not display a page
until all graphics loaded
Most important:
Netscape is Open Source
Proprietary vs Open Source
Proprietary






Owned by corporation
Source code closely
guarded secret
Software sold to users
Can't be modified by
others
Can't be freely copied
or shared
Doesn't work with other
companies' products
Open Source






Owned by non-profit
Source code widely
available
Software free to users
Others can modify or
enhance
Can be freely copied or
shared
Works with other
companies' products
The First Browser War



With 90%+ of browser market at its peak,
Netscape eventually lost to Internet Explorer
Netscape still lives on under its original
name: Mozilla
Firefox is a direct descendent of Netscape
http://en.wikipedia.org/wiki/Browser_wars
http://en.wikipedia.org/wiki/Netscape#Mozilla_Firefox-based_releases
Open Source Victorious



Microsoft wins battle,
loses war
The Internet remains an
“open” environment
Enormous implications for:


Growth of Internet
Today's internet/social
media platforms
The Evil Empire Defeated

Defeat of Microsoft's
proprietary standards
enabled:




Any network to communicate
with any other network
Any computer to communicate
with any other computer
Any software platform to
communicate with any other
software platform
Anyone to communicate with
anyone else
Alphabet Soup – TCP/IP

The basic language of the Internet



TCP (Transmission Control Protocol) “packages” the data
IP (Internet Protocol) – addresses and
delivers the “packages”
Created by DARPA
http://searchnetworking.techtarget.com/sDefinition/0,,sid7_gci214173,00.html
Alphabet Soup – FTP

FTP (File Transfer Protocol) – enables
transfer of files between 2 computers
connected to the Internet

Created by DARPA
http://searchenterprisewan.techtarget.com/definition/File-Transfer-Protocol
Alphabet Soup – POP/SMTP

POP/SMTP



POP (Post Office Protocol) – enables receipt
of emails
SMTP (Simple Mail Transfer Protocol) –
enables sending of emails
Created by DARPA
http://searchexchange.techtarget.com/definition/POP3
http://searchexchange.techtarget.com/definition/SMTP
Alphabet Soup – HTML

HTML (Hypertext Markup Language) –
instructs browser how to format and
display web page

Created by Tim Berners-Lee
http://searchsoa.techtarget.com/sDefinition/0,,sid26_gci212286,00.html
Alphabet Soup – HTTP

HTTP (Hypertext Transfer Protocol) –
enables transfer of web pages between
server and browser

Created by Tim Berners-Lee
http://www.birds-eye.net/definition/h/http-hyper_text_transfer_protocol.shtml
Alphabet Soup
Domain Server
Internet Service Provider
TCP
HTTP
Packets (Data)
IP
FTP
Files
HTML
Website Developer
Connectivity
HTML
Alphabet Soup – SSL

SSL (Secure Socket Layer) – encodes data
transmitted across Internet



Encrypted information can only be read by
the computers exchanging data
Absolutely essential to eCommerce and
financial transactions
Created by Netscape
http://www.birds-eye.net/definition/s/ssl-secure_sockets_layer.shtml
Alphabet Soup – Javascript

Javascript – enables dynamic changes to
web page content

Created by Netscape
http://searchsoa.techtarget.com/sDefinition/0,,sid26_gci212418,00.html
Alphabet Soup – CSS

CSS (Cascading Style Sheets) – separates
formatting from HTML page structure,
enabling:



Cleaner, faster-loading page code
Quick and easy formatting changes to entire
website
Created by W3C (World Wide Web Consortium)
http://en.wikipedia.org/wiki/Cascading_Style_Sheets
To Learn More, Go To School


W3 Schools

Tutorials

Examples

References

Certifications

Free!
www.w3schools.com
http://www.w3schools.com/
Questions?