search | site map

Scott Granneman

panorama-111.jpg
  • Writing
    • Books
    • SecurityFocus
    • Linux Magazine
    • Others
    • Swings & Misses
  • Presentations
    • Interviews
    • Ladue Chapel
  • Teaching
    • Current Courses
    • Student Evaluations
    • Washington University
    • Webster University
    • St. Louis Community College
    • Archives
  • Web Development
    • Becoming a Web Developer
    • Coding
    • Programming
    • Editors
    • Web Browsers
    • Domains
    • Hosting
    • Graphics & Multimedia
    • Content
  • Tech Info
    • Background
    • Tools
    • Intellectual Property
    • Security
    • Email
    • Networking
    • Blogs, Podcasts, RSS
    • Search
    • Linux
    • Windows
    • Education
  • Personal
    • Work
    • Movies
    • Music
    • Reading
    • Poetry
    • Prose
    • Photos
    • Journals
    • Commonplace Book
    • Our Home
    • Opinions & Editorials
Home > Teaching > St. Louis Community College > Web Design Certificate > Archives > Spring 2003 Syllabus

Web Design Syllabus, Spring 2003

Topic: Introductions & Beginnings
Dates: Wed., 29 January 2003, & Sat., 1 February 2003
Software: Mozilla
HTML: html, head, body, p, br, hr
In class:

  • Email Listservs
  • Recommended Software
  • Simple Web Page 1

Readings for next class:

  • HTML School ~ http://www.w3schools.com/html/default.asp
  • HTML 4.01 Quick List ~ http://www.w3schools.com/html/html_quick.asp
  • The Complete HTML 4.01 Reference ~ http://www.w3schools.com/html/html_reference.asp
  • HTML 4.01 Entities Reference ~ http://www.w3schools.com/html/html_entitiesref.asp
  • HTML Colors ~ http://www.w3schools.com/html/html_colors.asp
  • HTML Color Values ~ http://www.w3schools.com/html/html_colorsfull.asp
  • HTML Color Names ~ http://www.w3schools.com/html/html_colornames.asp
  • HTML Examples ~ http://www.w3schools.com/html/html_examples.asp

Topic: Hand-coded HTML
Dates: Wed., 5 February 2003, & Sat., 8 February 2003
Software: Mozilla, TextPad
HTML: character entities, ul, ol, li, img, b, i, center, a
In class:

  • Install Mozilla
  • Configure Mozilla
  • Definitions
  • Greeking
  • Simple Web Page 2
  • "Basic HTML"
  • TextPad Configuration

Readings for next class:

  • HTML ~ Lots of links to other HTML resources
  • Block-Level and Inline Elements ~ http://www.ahuka.com/htmllevel1/blocklevel.html
  • 101 things that the Mozilla browser can do that IE cannot ~ http://www.xulplanet.com/ndeakin/arts/reasons.html

Note: No class Wed., 12 February 2003!
No class Wed., 19 February 2003!

Topic: In-class practice with HTML
Dates: Sat., 15 February 2003, & Wed., 26 February 2003
Software: Mozilla, Internet Explorer, TextPad
HTML:
In class:

  • Configuring Windows To Show Extensions

Readings for next class:

  • Why is Dreamweaver the Best WYSIWYG Editor?
  • Macromedia Dreamweaver MX ~ http://www.macromedia.com/software/dreamweaver/ ~ Especially check out the Feature Tour
  • Dreamweaver 4 Overview ~ http://hotwired.lycos.com/webmonkey/01/01/index1a.html ~ It's a bit outdated now that Dreamweaver MX has come out, but it's still worth reading.
  • True Colors ~ http://www.newarchitectmag.com/documents/s=4455/new1013636396/index.html ~ A brief article covering the ideas & problems of "Web-safe colors".
  • Relational Databases ~ http://www.computerworld.com/databasetopics/data/story/0,10801,55918,00.html ~ A brief introduction to relational databases.
  • The Major Leagues ~ http://www.intelligententerprise.com/cgi-bin/printable.cgi?file=../030301/604e_business1_1.shtml ~ A brief overview of the Python programming language, especially for Web development.

Note: No class Sat., 1 March 2003!

Topics: Middleware ~ Intro to WYSIWYG & Dreamweaver
Dates: Wed., 5 March 2003, & Sat., 8 March 2003
Software: Dreamweaver
HTML: table, tr, td
In class:

  • Dreamweaver 4 Configuration

Readings for next class:

  • Interaction Design Patterns ~ http://www.welie.com/patterns/index.html ~ A taxonomy of techniques for Web user interfaces.

Topic: Dreamweaver & tables
Dates: Wed., 19 March 2003, & Sat., 22 March 2003
Software: Dreamweaver
HTML: table, tr, td
In class:

Readings for next class:

  • Cascading Style Sheets: Separating Content from Presentation: Chapter 1: Foundation Concepts ~ Note the links at the bottom of the page to A Short History of the Web and Introduction to Cascading Style Sheets.

Topic: Site management with Dreamweaver; Intro to Cascading Style Sheets (CSS)
Dates: Wed., 26 March 2003, & Sat., 29 March 2003
Software: Dreamweaver
In class:

Readings for next class:

  • Center a table with CSS
  • Learning to Design Web Pages with Style ~ http://www.linuxjournal.com/article.php?sid=6618&mode=thread&order=0

Topic: CSS
Dates: Wed., 2 April 2003, & Sat., 5 April 2003
Software: TextPad
Book: Eric Meyer on CSS: Mastering the Language of Web Design
In class:

  • CSS Overview (259 kb OpenOffice.org, 396 kb PDF, or 338 kb Flash) ~ An overview of CSS for Web developers

Topic: In-class practice with CSS
Dates: Wed., 9 April 2003, & Sat., 12 April 2003
Software: TextPad
In class:

Readings for next class:

  • What Is Content Management? ~ An attempt to give a brief overview, and focused on the CMS we'll be using.

Topic: Intro to Content Management Systems (CMS)
Dates: Wed., 23 April 2003, & Sat., 26 April 2003
Software:
In class:

Topic: CMS macros
Dates: Wed., 30 April 2003, & Sat., 3 May 2003
Software:
In class:

  • http://macros.userland.com/basic/ ~ The basic macros you need to create your CMS site.
  • http://manila.bryanconsulting.com/stories/storyReader$16 ~ Some details on the Print This Page macro.
  • http://manila.bryanconsulting.com/stories/storyReader$12 ~ Some details on the Email This Page macro.

Topic: CMS templates
Dates:
Software:
In class:

Topic: In-class practice with CMS
Dates:
Software: TextPad
In class:

Readings for next class:

  • XHTML Basic: Modularization in Action ~ http://www.newarchitectmag.com/documents/s=4598/new1013637074/index.html ~ "By far, the best example of modularization to come out of the W3C is XHTML Basic, which uses modules specifically to create a language geared for wireless design".
  • Semantic obsolescence ~ http://diveintomark.org/archives/2003/01/13.html#semantic_obsolescence ~ Warning: profanity is used. He is mad! Keep in mind he's talking about XHTML 2.0.
  • XHTML 2 and all that ~ http://www.zeldman.com/daily/0103b.shtml#skyfall ~ The antidote to Mark's rant above. Again, keep in mind that he's discussing XHTML 2.0.

Topic: XHTML & XML; Goodbye
Dates: Wed., 7 May 2003, & Sat., 10 May 2003
Software:
In class:

  • XHTML and XML ~ An overview of XML and XHTML for Web developers new to the subjects. (251 kb PDF or 119 kb Flash)
  • PHP links from WebReference.com ~ "PHP is a powerful, free, server-side programming language …"
  • Web Design Class Evaluation

Contact

Email scott@granneman.com
Voice 314-780-0489
Address
39 Summit Place
St. Louis, MO 63119
United States

Work

For work info, see WebSanity.

All content, unless under a Creative Commons license, is © 1997-2011 Scott Granneman.

(Take a look around—a lot of content is licensed under a Creative Commons license, which gives YOU a lot of freedom to reuse my work.)

facebook_32.png Facebook   twitter_32.png Twitter
linkedin_32.png LinkedIn   friendfeed_32.png FriendFeed
flickr_32.png Flickr   lastfm_32.png Last.fm
youtube_32.png YouTube   rss_32.png RSS