This syllabus is here for historical reasons only.
Topic: Introductions & Beginnings; HTML
Dates: Tu., 21 Sept. 2004
Software: Mozilla
HTML: html, head, body, p, br, hr
In class:
- Class Information
- Software
- Samples
- Basic HTML Structure
- Samples, 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: Tu, 28 Sept. 2004
Software: Mozilla, TextPad
HTML: character entities, ul, ol, li, img, b, i, center, a
In class:
- Definitions
- Greeking (also see The Lorem Ipsum Generator
- 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
- 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.
Topic: Hand-coded HTML
Dates: Th., 5 Oct. 2004
Software: Mozilla, Internet Explorer, TextPad
HTML:
In class:
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 …"
- A Gentle Introduction to SQL ~ http://sqlzoo.net/ ~ Hands-on tutorials for learning SQL, just like w3schools does for HTML & CSS.
Topics: Middleware ~ WYSIWYG & Dreamweaver ~ tables
Dates: Th., 12 Oct. 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: Th., 19 Oct. 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
Topic: CSS
Dates: Th., 26 Oct. 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: CSS
Dates: Th., 2 Nov. 2004
Software: TextPad
In class:
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: Intro to Content Management Systems (CMS)
Dates: Th., 9 Nov. 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:
- 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: Th., 16 Nov. 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