Web Authoring Course Outline
with Joel Andrew Glovier
Prerequisite Requirements: An intermediate level understanding of computers and familiarity with the internet.
Textbook for reference: Learning Web Design by Jennifer Robbins
Background of the Internet
- History (what it came from, what it was invented for)
- What the modern web has become
How the Web Works
- Hyper Text Transfer Protocol (HTTP)
- Uniform Resource Locators (URL) or Uniform Resource Identifier (URI)
- Servers
- Browsers
- Source code & markup language (HTML)
Tools
-
Text editor vs GUI software
-
Image Editors
- GIMP (*free, open source)
- Photoshop
- MS Paint (incl w/ windows)
- Seashore (*free, open source, for mac only)
-
FTP Client
-
Browser
-
Debugging Tools
HTML (Hyper Text Markup Language)
- Purpose: to semantically describe content for browsers and search engines
- Marking up text
- Links
- Images
- Other Elements
- Web Standards
CSS - styling content
- separation of style (CSS) from content (HTML)
- syntax
- box model
- rules and selectors
- references and resources
- CSS3, and about versions
- Resources
- http://www.css-101.org/collapsing-margin/01.php
Web graphics
Javascript lite
- ...scripting languages...
- server-side scripting vs client-side scripting
- PHP, mySQL, ASP
- javascript
- adds interactivity, animation, presentation; used for form validation prior to submitting; can add dynamic content to a page
- simple programming language; doesn't require a compiler or an environment to run (ie. PHP & Apache)
- just included on an HTML page, and the browser already knows how to run it
- client side scripting (run by browser instead of server)
- is NOT the same as Java (progamming language)
- can NOT talk to a database or write to files (other than cookies)
- jQuery & scripting libraries
- resources for scripts, and common script purposes
Server Side Languages & Frontends/Backends
Publishing content
- Hosting options
- Setting up a server
- Using an FTP Client
Making your first webpage
(do it all locally for class)
Resources
-
-
*NOTE*: I used to recommend W3C Schools, but have since learned that it can be a very unreliable resource.
-
-
Other
-
Stock Imagery
Wordpress Themes