Welcome to Art 222 – Applied Imaging and Applications to the World Wide Web II

Class 1: Welcome to class! We have a lot to cover, so let's disucss what this class is all about!

  • Who am I?
  • What is this course all about? And why the mysteriously long name: Applied Imaging and Applications to the World Wide Web II?
  • What is the Web, what is the Internet, and what is a URL?

Review of HTML

  • What is it, what's it look like and how do I begin?
  • Basic Structure: 
    • <!DOCTYPE>
    • <head>
    • <body>
    • The DOM (Document Object Model)

DOM-diagram

    • Basic sytnax and structural tags
      • <p>
      • <div>
      • <span>
      • <li> and <ol>
      • <hr />
      • <div>
      • <span>
      • <form> and associated tags
      • <input>
        • Checkbox, Radio button, Drop-down, etc.
        • <textarea>
        • <button>
        • <select>
        • <option>
        • <optgroup>
        • <fieldset>
        • <label>
    • HTML attributes


URL Structure

What's URL and why they sometimes suck?

  • scheme://domain:port/path?query_string#fragment_id
  • The scheme we're using it HTTP (HyperText Transfer Protocol) or HTTPS (Secure HyperText Transfer Protocol)
  • A domain is something like "art.lehman.edu", the port is always 80, which the browsers assumes. This section could also be an IP address of the host machine.
  • Immediatly following the domain, after the  / is the filepath, similar to filepaths on any other device. This is what the server uses to find the document being referenced.
  • the ?query#fragment_id refers to any variables that are being passed in the URL and an anchor position in the target document


In Class Exercise