Class Three: Hands On Style

Colors

  • Colors
  • Hexidecimal
  • Websafe Palette and Color charts
  • Tools color pick for win colorpicker Pro for mac

    Cascading Style Sheets (CSS)

  • What are Style Sheets? faqs
  • The Journey to use them
  • An example of a site down with style
  • Where and why
  • Cross browser problems
  • Netscape & Internet Explorer browser battle fallout
  • <STYLE> in head
  • Style format - {background:blue; font:arial}
  • HEAD has style for whole document
  • Lots of attributes (memorize?)
  • official attributes
  • microsoft attributes
  • list site
  • <STYLE> in line (with Span or Div)
  • <STYLE> in tag
  • <STYLE> linked as external
  • Pseudo styles
  • Classes
  • Layers and Borders a good example

    Creating Forms

  • <FORM>
  • method: post vs. get
  • action
  • form elements
  • <INPUT>
  • name, value
  • text
  • size, maxlength
  • password
  • size, maxlength
  • radio
  • checkbox
  • button
  • hidden
  • submit
  • reset
  • <TEXTAREA></TEXTAREA>
  • rows, cols, wrap
  • <SELECT>
  • size, multiple
  • <OPTION>
  • a good form lesson

    Sending Data

  • post vs. get again
  • linking to script
  • what does a script look like?
  • where to get scripts
  • cgi-resources.com
  • Matt's Script Archive
  • Matt Himself
  • scriptsearch.com
  • sitegadgets.com - remote host
  • using the mailto trick

    What is scripting?

  • server side vs client side
  • compiled vs scripted
  • different languages
  • Perl, ASP, PHP, Cold Fusion, JSP

    Manipulating Data

  • sent as query string, sent as URL
  • a query string
  • added to flat file the script - a flat file
  • added to database
  • Structured Query Language (SQL)
  • custom web page

    Javascript

  • Simple but powerful
  • Based on Java
  • Object Oriented
  • Browser Object Model
  • <SCRIPT language="Javascript">
  • Inserting Javascript into a document
  • example 1 - the browser object model
  • example 2 - calling an object and event handler
  • OnChange, OnClick, OnSubmit, OnError
  • example 3 - creating a function
  • example 4 - a useful function
  • Checking form input with OnSubmit
  • Javascript vs. VBScript
  • Scripting with Java/ActiveX
  • free Javascripts

    Dynamic HTML (DHTML)

  • example
  • Incompatible between browsers (standards now set)
  • Creates fully object-oriented browser
  • Each HTML element a manipulatable object
  • free DHTML scripts