16
Introduction Introduction Lecture 1 Lecture 1 CNET204 – Web Design with CNET204 – Web Design with FrontPage FrontPage Winter 2009 Winter 2009 Centennial College Centennial College

Introduction Lecture 1 CNET204 – Web Design with FrontPage Winter 2009 Centennial College

Embed Size (px)

Citation preview

IntroductionIntroductionLecture 1Lecture 1

CNET204 – Web Design with FrontPageCNET204 – Web Design with FrontPage

Winter 2009Winter 2009

Centennial CollegeCentennial College

Lecture 1 OutlineLecture 1 Outline

What is the Internet?What is the Internet? Where did it come from?Where did it come from? What are we going to discuss in What are we going to discuss in

CNET204?CNET204? InternetInternet Physical InfrastructurePhysical Infrastructure

The Ever-changing InternetThe Ever-changing Internet

Different colors based on IP addressDifferent colors based on IP addresshttp://research.lumeta.com/ches/maphttp://research.lumeta.com/ches/map

What is the Internet?What is the Internet?

WWWWWW Video conferencingVideo conferencing ftpftp telnettelnet EmailEmail Instant messagingInstant messaging ……

A communication infrastructureA communication infrastructure

Usefulness is in exchanging informationUsefulness is in exchanging information

“On-line interactive communities... will be

communities not of common location, but of common

interest.... the total number of users...will be large

enough to support extensive general purpose

[computers]. All of these will be interconnected by

telecommunications channels... [to] constitute a labile

network of networks--ever changing in both content

and configuration.”

J. C. R. Licklider

Where Did It Come From?Where Did It Come From? It was invented by Madonna. It was invented by Madonna. JUST KIDDING!JUST KIDDING! Early 1960’s - DARPA (ARPA in 1960’s) project

headed by Licklider Late 1960’s - ARPANET & research on packet

switching by Roberts First node installed by BBN at UCLA in September 1969 1969 - Four host computers (UCLA, SRI, UCSB, University

of Utah)

Get more info at:http://www.isoc.org/internet/history/http://www.packet.cc/internet.html

ARPANET, 1980ARPANET, 1980

http://mappa.mundi.net/maps/maps_001/

History of the InternetHistory of the Internet 1969 - RFCs begun by S. Crocker

(http://rfc.sunsite.dk/) 1972 - Email by Ray Tomlinson & Larry Roberts 1970’s - TCP by Vint Cerf & Bob Kahn

Evolved into TCP/IP, and UDP 1980s – Hardware Explosion (LANs, PCs, and 1980s – Hardware Explosion (LANs, PCs, and

workstations)workstations) 1983 – Ethernet by Metcalfe1983 – Ethernet by Metcalfe

DNS – Distributed and scalable mechanism for DNS – Distributed and scalable mechanism for resolving host names into IP addressesresolving host names into IP addresses

UC Berkeley implements TCP/IP into Unix BSDUC Berkeley implements TCP/IP into Unix BSD 1985 – Internet used by researchers and 1985 – Internet used by researchers and

developersdevelopers

History of the InternetHistory of the Internet

Tim Berners-Lee at CERN in 1989Tim Berners-Lee at CERN in 1989 Proposal for WWW in 1990Proposal for WWW in 1990 First web page on November 13, 1990First web page on November 13, 1990

Hypertext - Text that contains links to other text. Ted Nelson’s Xanadu Vannevar Bush’s Memex

(http://www.theatlantic.com/unbound/flashbks/computer/bushf.htm)

W3C

Get more info at:http://www.isoc.org/internet/history/

What will CNET204 cover?What will CNET204 cover?

Simple to sophisticated web page creationSimple to sophisticated web page creation Use of Adobe CS4Use of Adobe CS4

Dreamweaver HTML and CSS editorDreamweaver HTML and CSS editor PhotoShop for images, pictures and layeringPhotoShop for images, pictures and layering Flash for animationsFlash for animations

TablesTables Layout TablesLayout Tables Cascading Style Sheets (CSS)Cascading Style Sheets (CSS) Web Project done individuallyWeb Project done individually

Course DetailsCourse Details

GradingGrading 30% 4 assignments30% 4 assignments 30% Midterm30% Midterm 40% Final Project40% Final Project All work must be posted to studentweb by the All work must be posted to studentweb by the

due datedue date

Lab AssignmentsLab Assignments

Assignment #1Assignment #1 Home PageHome Page

Assignment #2Assignment #2 Page with Image mapsPage with Image maps

Assignment #3Assignment #3 TablesTables Layout TablesLayout Tables

Assignment #4Assignment #4 FormsForms CSSCSS

Administrative DetailsAdministrative Details

Contacting staffContacting staff [email protected] [email protected] 8230 http://facultyweb.centennialcollege.ca/bwarne http://facultyweb.centennialcollege.ca/bwarne http://elms.centennialcollege.ca http://elms.centennialcollege.ca

Communicate through mycentennialCommunicate through mycentennial Grading/testing onlineGrading/testing online Students Rights and ResponsibiltiesStudents Rights and Responsibilties

Communicating Via the InternetCommunicating Via the Internet

“Internet has made the information of the world as available as information on a LAN” • www.whatismyip.com• www.wc3.org• tracert• ipconfig.exe• www.visualroute.com

Latency – ping commandLatency – ping command How long minimum communication takes in seconds How long minimum communication takes in seconds

(s)(s) Round trip vs. single tripRound trip vs. single trip More difficult to overcome than bandwidthMore difficult to overcome than bandwidth

Bandwidth - http://pcpitstop.com Bandwidth - http://pcpitstop.com Number of bits per time unit usually seconds (bps)Number of bits per time unit usually seconds (bps)

Performance: Latency and Performance: Latency and BandwidthBandwidth

bandwidth

latency

link

EthernetEthernet Bob Metcalfe at Xerox PARC Used for local area networks (LANs)Used for local area networks (LANs)

Physically near one anotherPhysically near one another 200 computers within 100 meters200 computers within 100 meters

Broadcast mediumBroadcast medium Single wire connects all computersSingle wire connects all computers

• Each computer has unique 48-bit MAC addressEach computer has unique 48-bit MAC address All computers constantly listenAll computers constantly listen

““Carrier Sense, Multiple Access with Collision Carrier Sense, Multiple Access with Collision Detect”Detect” Sender waits until wire unused before sendingSender waits until wire unused before sending If hears collision, stops, waits random time, retransmitsIf hears collision, stops, waits random time, retransmits