Wilderness coast public libraries presents building websites with adobe dreamweaver
1 / 22

wilderness coast - PowerPoint PPT Presentation

  • Uploaded on

Wilderness Coast Public Libraries Presents Building Websites with Adobe Dreamweaver. Our trip into… cyberspace. History of the Internet & the WWW Client-Server Model & FTP Registrars, Hosting services, and more Browsers and languages Dreamweaver and IDEs HTML and CSS

I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
Download Presentation

PowerPoint Slideshow about 'wilderness coast ' - flora

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.

- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Wilderness coast public libraries presents building websites with adobe dreamweaver l.jpg
Wilderness Coast Public LibrariesPresentsBuilding Websites withAdobe Dreamweaver

Our trip into cyberspace l.jpg
Our trip into… cyberspace

  • History of the Internet & the WWW

  • Client-Server Model & FTP

  • Registrars, Hosting services, and more

  • Browsers and languages

  • Dreamweaver and IDEs

  • HTML and CSS

  • Tables, Images, and Positioning

Head first html with css xhtml l.jpg
Head First HTMLwith CSS & XHTML

By O’Reilly Publishing

The internet l.jpg
The Internet

Partial map of the Internet based on the January 15, 2005 data found on opte.org. Each line is drawn between two nodes, representing two IP addresses. The length of the lines are indicative of the delay between those two nodes. This graph represents less than 30% of the Class C networks reachable by the data collection program in early 2005. Lines are color-coded according to their corresponding RFC 1918 allocation as follows: * Dark blue: net, ca, us * Green: com, org * Red: mil, gov, edu * Yellow: jp, cn, tw, au, de * Magenta: uk, it, pl, fr * Gold: br, kr, nl * White: unknown

Which began with l.jpg
...which began with

The USSR's launch of Sputnik spurred the United States to create the Advanced Research Projects Agency, known as ARPA, in February 1958 to regain a technological lead.[2][3] ARPA created the Information Processing Technology Office (IPTO) to further the research of the Semi Automatic Ground Environment (SAGE) program, which had networked country-wide radar systems together for the first time.

Slide6 l.jpg

  • 1958: Advanced Research Projects Agency

  • 1972: Defense Advanced Research Projects Agency

  • 1993: Advanced Research Projects Agency

  • 1996: Defense Advanced Research Projects Agency

  • Today: 240 personnel, $3.2 Billion, Arlington

Arpanet l.jpg

  • Advanced Research Projects Agency Network

  • Connected UCLA with Stanford

  • First hypertext language, GUIs, and network protocols

Tcp ip l.jpg

  • Transmission Control Protocol and the Internet Protocol

  • Still in use

  • Made up of four layers:

    • Application, Transport, Internet, & Link

Application layer ftp l.jpg
Application Layer: FTP

  • File Transfer Protocol

  • Uses special FTP software

  • Allows one computer to connect to another and manipulate those files

  • Requires hostname, username, & password

Slide12 l.jpg

The Internet in a nutshell

  • Computers connected by a network that exchanges data by TCP/IP

  • Your computer - the Client +

  • FTP Software +

  • The server - which ‘serves’ web pages =

  • The World Wide Web

Slide13 l.jpg

  • Is NOT the Internet

  • Much more recent invention, 1992

  • Created by Tim Berners-Lee

  • Series of interlinked hypertext documents accessed by the Internet through a web browser.

Interwebz l.jpg

  • UrbanDictionary.com: The large network linking computers across the globe, also referred to as the internet and the webernet. Usually used by people who speak in 1337.

  • I am teh 1337 H4xo|2 on t3h Interwebz!!!1pwn!!

  • (I am awesome on the Internet)

I want a website l.jpg
I want a website!

  • So what do you need?

    • Domain name

    • Server (or hosting on a shared server)

Domain names l.jpg
Domain Names

  • A human readable label for a region of the internet.

  • Top-level domains: .com, .net, .org, etc.

  • Country-level domains: .usa, .uk, .su

  • Registrars sell domain names

  • Domains connect to IP addresses through DNS, the Internet’s ‘phone book’

Ip addresses l.jpg
IP Addresses

  • Private networks have three ranges:,,

  • That is the old IPv4 system, which is limited to 4,294,967,296 unique addresses.

  • The new IPv6 system looks like: 2001:db8:1f70::999:de8:7648:6eB

  • Total of 2128 addresses (or 252 for every observable star in the known universe)

Hosting companies l.jpg
Hosting Companies

  • Hosts will provide you with a server and IP address.

  • The domain registrar will allow you to point your DNS settings to your hosting account’s name servers.

  • Some companies provide both services.

Practical tour l.jpg
Practical Tour

  • Let’s take a tour of GoDaddy

Browsers l.jpg

  • Microsoft Internet Explorer (Trident)

  • Mozilla Firefox (Gecko)

  • Google Chrome (Webkit)

  • Apple Safari (Webkit)

  • Opera (Presto)

November 09 stats l.jpg
November ’09 Stats

  • IE8 – 13.3%

  • IE7 – 13.3%

  • IE6 – 11.1%

  • Firefox – 47%

  • Chrome – 8.5%

  • Safari – 3.8%

  • Opera – 2.3%

Your 1st website l.jpg
Your 1st website

  • Let’s create a hypertext document

  • Ends with .html

  • HTML = HyperText Markup Language

  • Open Notepad and type “Hello, World!”

  • Save as helloworld.html.

  • Now open it in Internet Explorer.