220 likes | 573 Views
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
E N D
Wilderness Coast Public LibrariesPresentsBuilding Websites withAdobe 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 • Tables, Images, and Positioning
Head First HTMLwith CSS & XHTML By O’Reilly Publishing
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 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.
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 • Advanced Research Projects Agency Network • Connected UCLA with Stanford • First hypertext language, GUIs, and network protocols
TCP/IP • Transmission Control Protocol and the Internet Protocol • Still in use • Made up of four layers: • Application, Transport, Internet, & Link
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
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
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 • 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! • So what do you need? • Domain name • Server (or hosting on a shared server)
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 • 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 • 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 • Let’s take a tour of GoDaddy
Browsers • Microsoft Internet Explorer (Trident) • Mozilla Firefox (Gecko) • Google Chrome (Webkit) • Apple Safari (Webkit) • Opera (Presto)
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 • 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.