• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
ARTDM 171, Week 2: A Brief History + Web Basics

ARTDM 171, Week 2: A Brief History + Web Basics






Total Views
Views on SlideShare
Embed Views



2 Embeds 52

http://www.gilbertguerrero.com 49
http://www.slideshare.net 3



Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment
  • "Yet we are trained to ignore another form of governmental intervention that also made the Internet possible. This is the regulation that assured that the platforform upon which the Internet was built would not turn against it." p44, Future of Ideas, Lessig, L. <br /> <br /> Question: What can we interpret from Lessig&#x2019;s final sentence in the reading, &#x201C;Freedom thus enhanced the social value of the controlled&#x2026;&#x201D;? <br /> <br /> Question: How does our understanding of the Language of the Internet, both code and content, affect how we design for it and how we use it? Think about the RFC&#x2019;s (request for comments in the design of the protocol.)
  • Content is at the Core <br /> &#x2022; Code a page with no tags &#x2013; content comes through <br /> &#x2022; Easy to create Web pages <br /> &#x2022; Linear format, top to bottom
  • &#xA0;&#xA0;
  • &#xA0;&#xA0;
  • &#xA0;&#xA0;
  • It&#x2019;s a method of using XHTML, CSS, JavaScript, and DOM (Document Object Model) to add motion and fluid interactivity to your pages.
  • It&#x2019;s a method of using XHTML, CSS, JavaScript, and DOM (Document Object Model) to add motion and fluid interactivity to your pages.
  • &#xA0;&#xA0;
  • &#xA0;&#xA0;
  • Question:&#xA0; <br /> &#xA0; <br /> Based on the reading (by Lessig), how might the Internet&#x2019;s origins affect it&#x2019;s behavior?&#xA0;&#xA0; <br /> &#xA0; <br /> Lessig points out a lot of the benefits from the architecture, but is there anything else there?
  • &#xA0;&#xA0;
  • &#xA0;&#xA0;
  • &#xA0;&#xA0;Not all networks are this way. Consider the telephone network.
  • &#xA0;&#xA0;
  • &#xA0;&#xA0;
  • &#xA0;&#xA0;

ARTDM 171, Week 2: A Brief History + Web Basics ARTDM 171, Week 2: A Brief History + Web Basics Presentation Transcript

  • ARTDM 171, Week 2: A Brief History Gilbert Guerrero gguerrero@dvc.edu gilbertguerrero.com/blog/artdm-171/
  • Homework due today • Read Intro and Ch.1 of the Dreamweaver textbook • Read p.26-48 in The Future of Ideas • Post a comment on the blog
  • “Freedom thus enhanced the social value of the controlled…”  
  • Web Basics
  • General Folder Organization
  • General Folder Organization
  • Letʼs get coding! Open the web page excerpt.html
  • HTML Reference http://www.webmonkey.com
  • Dreamweaver Basics And other survival techniques
  • Dreamweaver first steps • Use the Window menu • Workspaces • Panels • Tabs • Unsaved files * • Save All • Preview in Browser
  • HTML (Hyper Text Markup Language) • HTML is on the Web you see ultimately behind everything • Final product displayed in the browser  PHP, ASP, etc. are processed into HTML  JavaScript becomes and interacts with HTML  HTML pages are text files
  • HTML is designed to do three things • Formatting text into paragraphs, bold, italics, bullets, etc. • Inclusion of images • Hyperlinking
  • HTTP and HTML • Basic protocols of the World Wide Web • Specify how the Web will serve content and how browsers will retrieve content • Web browsers can handle other protocols, or interconnnect
  • WWW is in the Public Domain • Free to use • Decentralized • Accessible • Visible code • Easy to learn (copy + paste + modify)
  • Acronyms of the Web •HTML, XHTML, CSS, JS, PHP, ASP, JSP, DHTML, AJAX, XML,…
  • XHTML stands for Extensible Hyper Text Markup Language.  • Based on HTML, uses rigid structure from XML • Tags are always lower case • Attributes must be contained within quotes • Closing tag • Empty tags must end with / to be closed • Portability • All code in this class will be XHTML valid by default • HTML 5 is in the works… http://www.alistapart.com/ articles/previewofhtml5
  • What is XML? • Allows you to create your own markup tags and attributes • Use it anywhere, possibly as datasource • RSS feeds are based on this • For more about XML, read “Using XML”  by J. David Eisenberg,  http:// www.alistapart.com/articles/usingxml/  
  • CSS – the Designer's answer • Separates presentation from structure • Goes beyond the limits of basic HTML • After markup is done, style it with CSS
  • Web Developer Firefox plugin https://addons.mozilla.org/en-US/ firefox/addon/60 View CSS of the class blog
  • DHTML – XHTML, CSS, JavaScript, and DOM • Not  really another language. • Examples: Pop up windows, flyout menus
  • JavaScript – client side processing • Scripting language that lets you process user interactions within the browser. • Not to be confused with Java • Rollovers, form validation, pop up alert messages, and other interactive responses
  • AJAX - Asynchronous JavaScript and XML • Another use of technology, not really a language • Using DHTML with live data, no page reloads. • Example: Google Maps • More info, read AJAX: A New Approach to Web Applications by Jesse James Garrett, http://www.adaptivepath.com/ ideas/essays/archives/000385.php
  • The Rest • PHP, ASP, JSP, etc. – server side scripts • Plugins – for everything else
  • The Internet and the World Wide Web
  • Infrastructure: Military • In the shadow of Sputnik, Advanced Research Projects Agency (ARPA) was created • In the late 1960s, Department of Defense contracted  Paul Baran at the Rand Corporation. • Their Question: Could a nuclear attack or an accident disable the nation's telecommunications system? 
  • Paul Baran http://www.ibiblio.org/pioneers/ baran.html
  • Wikipedia: Internet: History http://en.wikipedia.org/wiki/ Internet#History
  • Technologies on the Internet • World Wide Web • Email • Peer-to-Peer (BitTorrent) • Chat and Instant Messaging • Online Gaming • VoIP (skype)
  • Principles of the Internet • End-to-end – intelligence at the ends, not hidden within the network • Network is neutral • Not optimized for any existing application • Built for unrestricted growth, not even the designers knew • No assumptions
  • Electronic Frontier Foundation http://www.eff.org
  • Standards
  • Vannevar Bush's Memex • “As we may think”, Atlantic Monthly 1945 • http://www.theatlantic.com/doc/ 194507/bush
  • W3C – WWW Consortium • Tim Berners-Lee, director of W3C • In October 1994, Tim Berners-Lee left CERN and founded the World Wide Web Consortium (W3C) • Created to ensure compatibility and agreement in the adoption of standards.  • http://www.w3c.org  
  • Homework, due Feb 9 • Read Chapter 2: Starting your first site • free accounthosting with Dreamhost or get a Setup Web at http://xtreemhost.com/ • Read Chapter 3: Building your first page  • Create a Web page using Dreamweaver: • Heading • At least two paragraphs   • Link colors other than the default • Font faces and sizes