Download
wilderness coast public libraries presents building websites with adobe dreamweaver n.
Skip this Video
Loading SlideShow in 5 Seconds..
Wilderness Coast Public Libraries Presents Building Websites with Adobe Dreamweaver PowerPoint Presentation
Download Presentation
Wilderness Coast Public Libraries Presents Building Websites with Adobe Dreamweaver

Wilderness Coast Public Libraries Presents Building Websites with Adobe Dreamweaver

315 Views Download Presentation
Download Presentation

Wilderness Coast Public Libraries Presents Building Websites with Adobe Dreamweaver

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. Wilderness Coast Public LibrariesPresentsBuilding Websites withAdobe Dreamweaver

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

  3. Head First HTMLwith CSS & XHTML By O’Reilly Publishing

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

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

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

  7. ARPANET • Advanced Research Projects Agency Network • Connected UCLA with Stanford • First hypertext language, GUIs, and network protocols

  8. TCP/IP • Transmission Control Protocol and the Internet Protocol • Still in use • Made up of four layers: • Application, Transport, Internet, & Link

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

  10. DreamWeaver

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

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

  13. 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)

  14. I want a website! • So what do you need? • Domain name • Server (or hosting on a shared server)

  15. 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’

  16. 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)

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

  18. Practical Tour • Let’s take a tour of GoDaddy

  19. Browsers • Microsoft Internet Explorer (Trident) • Mozilla Firefox (Gecko) • Google Chrome (Webkit) • Apple Safari (Webkit) • Opera (Presto)

  20. November ’09 Stats • IE8 – 13.3% • IE7 – 13.3% • IE6 – 11.1% • Firefox – 47% • Chrome – 8.5% • Safari – 3.8% • Opera – 2.3%

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