search | site map

Scott Granneman

panorama-005.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 2004 Syllabus

Web Design Syllabus, Spring 2004

Topic: Introductions & Beginnings; HTML
Dates: Mon., 23 February 2004
Software: Mozilla
HTML: html, head, body, p, br, hr
In class:

  • Class Information
    • Email Listservs
    • Recommended Software
  • Software
    • Install Mozilla
    • Configure Mozilla
    • TextPad Configuration
    • Configuring Windows To Show Extensions
  • Samples
    • Simple Web Page 1
  • Basic HTML Structure
    • Choosing a DOCTYPE (see also Fix Your Site With the Right DOCTYPE!)
    • Using Character Encodings (see also Character encodings)
  • Samples, Corrected
    • Simple Web Page 1, Corrected

Readings for next class (unless otherwise stated, you will NOT be quizzed over the contents of these readings):

  • Definitely look through this
    • HTML School ~ http://www.w3schools.com/html/default.asp
  • HTML references: look & bookmark
    • 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
  • Colors
    • 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
  • Examples
    • HTML Examples ~ http://www.w3schools.com/html/html_examples.asp
    • Simple Web Page 2 ~ Look at the source code

Topic: Hand-coded HTML
Dates: Mon., 1 March 2004
Software: Mozilla, TextPad
HTML: character entities, ul, ol, li, img, b, i, center, a
In class:

  • Definitions
  • Greeking
  • Simple Web Page 2
  • "Basic HTML"
  • W3C MarkUp Validation Service
  • Mozilla Sidebars

Readings for next class:

  • HTML
    • HTML ~ Lots of links to other HTML resources
    • Block-Level and Inline Elements ~ http://www.ahuka.com/htmllevel1/blocklevel.html
    • When semantic markup goes bad ~ http://mpt.net.nz/archive/2004/05/02/b-and-i ~ Why and are bad, and why and aren't much better.
  • Mozilla
    • 101 things that the Mozilla browser can do that IE cannot ~ http://www.xulplanet.com/ndeakin/arts/reasons.html
    • Another Look at Mozilla ~ http://hotwired.lycos.com/webmonkey/04/04/index4a.html?tw=authoring
  • Advanced only!
    • The Absolute Minimum Every Software Developer Absolutely, Positively Must Know About Unicode and Character Sets ~ http://www.joelonsoftware.com/articles/Unicode.html ~ A pretty detailed piece about character encodings. Read it if you're feeling hardcore.

Note: No class Mon., 8 March 2004!

Topic: Hand-coded HTML
Dates: Mon, 15 March 2004
Software: Mozilla, Internet Explorer, TextPad
HTML:
In class:

  • W3C MarkUp Validation Service

Readings for next class:

  • True Colors ~ http://www.newarchitectmag.com/documents/s=4455/new1013636396/index.html ~ A brief article covering the ideas & problems of "Web-safe colors".
  • Dreamweaver
    • 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.
  • Middleware
    • 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.
    • PHP links from WebReference.com ~ "PHP is a powerful, free, server-side programming language …"

Topics: Middleware ~ WYSIWYG & Dreamweaver ~ tables
Dates: Mon., 22 March 2004
Software: Dreamweaver
HTML: table, tr, td
In class:

  • Dreamweaver 4 Configuration
  • Connecting the World: A Brief Intro to Concepts of Web and Database Integration (91kb OpenOffice.org, 210 kb PDF, or 140 kb Flash)

Readings for next class:

  • Mulder's Stylesheets Tutorial ~ http://hotwired.lycos.com/webmonkey/98/15/index0a.html?tw=stylesheets ~ A really good tutorial through quite a bit of CSS. Highly recommended. And no, it's notthat Mulder.
  • CSS Tutorial ~ http://www.w3schools.com/css/default.asp ~ An excellent set of tutorials about all aspects of CSS.
  • Linking Style Sheets to HTML ~ http://www.htmlhelp.com/reference/css/style-html.html ~ A clear explanation of the various ways to incorporate CSS into your Web pages. I recommend usually linking to an external style sheet.
  • CSS—Cascading Style Sheets ~ Lots of links to great CSS resources. Dive in and explore.
  • 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: Intro to Cascading Style Sheets (CSS)
Dates: Mon., 29 March 2004
Software:
In class:

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

Readings for next class:

  • Learning to Design Web Pages with Style ~ http://www.linuxjournal.com/article.php?sid=6618&mode=thread&order=0
  • Fonts
    • Combined font survey results ~ http://www.codestyle.org/css/font-family/sampler-CombinedResults.shtml ~ Which fonts are most popular on all computer operating systems?
    • CSS font-family glossary ~ http://www.codestyle.org/css/font-family/Glossary.shtml ~ An excellent overview of terms
    • Anchor Points: Fonts & font foundries ~ http://www.codestyle.org/css/font-family/AnchorPoints.shtml ~ Popular fonts & the companies who make them

Note: No class Mon., 5 April 2004!

Topic: CSS
Dates: Mon., 12 April 2004
Software: TextPad
Book: Eric Meyer on CSS: Mastering the Language of Web Design
In class:

Readings for next class:

  • SimpleQuiz ~ Short quizzes on the best way to format HTML & CSS, followed by the best responses. It will make you think!
  • 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) ~ CMS macros
Dates: Mon., 19 April 2004
Software: TextPad
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.

Readings for next class:

  • Win the SPAM Arms Race ~ http://www.alistapart.com/articles/spam/ ~ How to encode your email address using simple HTML & JavaScript, so spammers can't harvest it from your Web pages.

Topic: CMS templates
Dates: Mon., 26 April 2004
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: Mon., 3 May 2004
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)
  • 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- 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