Wilderness Coast Public Libraries Presents Building Websites with Adobe Dreamweaver - PowerPoint PPT Presentation

Wilderness coast public libraries presents building websites with adobe dreamweaver l.jpg
Download
1 / 22

  • 256 Views
  • Uploaded on
  • Presentation posted in: Internet / Web

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

Wilderness Coast Public Libraries Presents Building Websites with Adobe Dreamweaver

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

ARPA

  • 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

ARPANET

  • Advanced Research Projects Agency Network

  • Connected UCLA with Stanford

  • First hypertext language, GUIs, and network protocols


Tcp ip l.jpg

TCP/IP

  • 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


Dreamweaver l.jpg

DreamWeaver


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

WWW

  • 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

InterWebz

  • 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: 10.0.0.0~, 172.16.0.0~, 192.168.0.0~

  • 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

Browsers

  • 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.


  • Login