MOOCK LECTURES  back to
SHERIDAN COLLEGE: WEB DESIGN COURSE  

these are the lecture notes for a course i taught at sheridan college in the fall of 1999. they are presented as is, and are not updated to reflect changes in technology or web production techniques.

 >  week 1: introduction to the web
where did the web come from? how does it work? the philosophy of data, and some perspectives on how young the whole thing is.
  • origins of the web
  • how does it work
  • some examples
  • the future
 >  week 2: the "ml"s--html, sgml, and xml
morning: theory--general description of markup languages. practise--hands-on coding of a web page using html basics; researching techniques and solutions to problems. afternoon: more html, plus mounting your site to a server.
  • html, the document format of web pages
  • what's a markup language?
  • your first web page
  • how a tag is structured
  • working with fonts and text layout
  • putting an image on your page
  • finally...your first hypertext link
  • getting help online
 >  week 3: dhtml, web authoring tools, image production
morning: introduction to javascript and dhtml. using an app (dreamweaver) to produce a web page. afternoon: understanding the <table> tag. using an app (photoshop) to create images for web pages.
  • intro to javascript and dhtml
  • intro to dreamweaver (2.0)
  • the dreamweaver workspace
  • making a page in dreamweaver
  • preview your work
  • the table tag
  • creating web images with photoshop
 >  week 4: production practices, and more html
morning: overview of production issues...scoping the project, flowcharting/architecture, file types, directory structures, naming conventions, absolute vs. relative paths. afternoon: using tables for page layout and an intro to frames. please submit your chosen topic for your final assignment this week.
  • a broader perspective: website production
  • brainstorming with the client
  • consider the audience
  • document the project
  • producing a blueprint of the site
  • setting up your working environment
  • creating a site skeleton
  • file naming conventions
  • absolute and relative paths
  • using tables for page layout
  • the famous left-hand navigation layout
  • how to: building a page with left-hand navigation
  • removing column and row walls in a table
  • some other table-layout examples
  • an alternative to tables: frames
  • creating a frames page
  • getting rid of the frame borders
  • linking between frames
  • some caveats to frames usage
 >  week 5: animation/multimedia on the web.
morning: overview of animation technologies (java, quicktime, real player, shockwave, flash, vrml, dhtml), including examples. afternoon: introduction to macromedia flash: stage, timeline, layers, symbols, tools. please have ready to hand in this week: a project scope, a technical spec, and if appropriate, a site blueprint.
  • java, plug-ins, and flash
  • java
  • plug-ins
  • built-in animation
  • let's learn flash!
 >  week 6: using flash
flash was taught in class in hands-on demonstrations. students completed the product tutorials found under the help menu. also recommended for outside class learning were michael kay's tutorial on webmonkey. and flash help sites: flashzone and flashkit

 >  final assigment
each week we'll be doing in-class work which will develop the skills needed to complete the final assignment. assignments are due the friday after the last class.

each week will also include:
   1) viewing some example sites for the topic of the week
   3) peer review of in class work
   4) question/answer periods


(copyright colin moock, fall 1999)