Anatomy of a Webpage 1

From FreekiWiki
Revision as of 03:13, 20 March 2013 by Bsandberg (talk | contribs) (Added Basic Terminology section)
Jump to navigation Jump to search

Basic Terminology

  • HTML = HyperText Markup Language
  • CSS = Cascading Stylesheets
  • JS = JavaScript (no relation to Java)
  • Browser = Software which renders/displays webpages.
  • Client = End-user device, running browser software.
  • Server = Powerful computers running application software and/or providing [HTML] files.

All Web Pages Are Created Equal

First things first. CSS and JavaScript are exciting things, but without HTML they have nothing to do. Peanut butter and jelly, but no bread.

HTML

  • head
  • body
  • a, img
  • divs
  • tables, and why they're deprecated

CSS

  • class and ID
  • selectors
  • media queries (?)
  • LESS (?)

JavaScript

  • The DOM
  • jQuery. 'nuff said.

WebKit Inspector / Firebug

  • Live editing. Ain't it cool?

Documentation

Retrieved from "http://wiki.freegeek.org/index.php?title=Anatomy_of_a_Webpage_1&oldid=66635"