September 7, 2010 -
Exercise 1 is due on September 13
-
Final Projects due on December 6, 2010
Resources
Click on a link below to jump down to that link section.
Guides & Tutorials
- A Beginner's Guide to HTML
http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimerAll.html - HTML: An Interactive Tutorial for Beginners
http://www.davesite.com/webstation/html/ - Yale Web Style Guide
http://info.med.yale.edu/caim/manual/index.html - Teach Yourself HTML: An Introduction
http://www.chepd.mq.edu.au/boomerang/teaching.www/index.htm - HTML Goodies
http://www.htmlgoodies.com/
[Top]
HTML Tag References
- Rex Swain's HTML Sampler
http://www.pcnet.com/~rhswain/sampler.html - Learn HTML
http://www.computerhope.com/learnhtm.htm#all - HTML 4.01 Specification (from W3C)
http://www.w3.org/TR/REC-html40/ - HTML 3.2 Reference Specification (from W3C)
http://www.w3.org/TR/REC-html32 - Reference: Special Characters
http://hotwired.lycos.com/webmonkey/reference/special_characters/ - Reference: HTML Cheatsheet
http://hotwired.lycos.com/webmonkey/reference/html_cheatsheet/ - NetMechanic's HTML Toolbox (online validator and more)
http://www.netmechanic.com/cobrands/zd_dev/
[Top]
File Transfer Protocol (FTP)
- FTPing with Fetch (for Macintosh)
http://hotwired.lycos.com/webmonkey/98/41/index4a.html - How to Use FTP (WS_FTP for Windows)
http://www.d-na.com/tryftp.htm
[Top]
Tables
- Netscape table sampler (tables by example)
http://home.netscape.com/assist/net_sites/table_sample.html - HTML Table Tutorial
http://www.charm.net/~lejeune/tables.html - So, You Want A Table, Huh? (HTML Goodies)
http://htmlgoodies.earthweb.com/tutors/table.html - W3C: Tables in HTML documents (HTML 4.0)
http://www.w3.org/TR/REC-html40/struct/tables.html
[Top]
Images & Alignment
- The GIF Format
http://www.theimage.com/web/graphic/gifvsgif/gif1A.html - The JPEG Format
http://www.theimage.com/web/graphic/jpgvsjpg/gif2A.html - GIF vs. JPEG
http://www.theimage.com/web/graphic/gifvsjpeg/gif3A.html - GIF and JPEG Further Points of Interest
http://www.theimage.com/web/graphic/gifvsjpeg2/gifinfo2.html - HTML: Images - Alignment (shapes example)
http://interweb.uml.edu/HTutor/Topics/HTML/images/align.html - Image Alignment on HTML Pages (bear example)
http://www.nmacmillan.com/images.htm - Single Pixel GIF Trick
http://www.killersites.com/1-design/single_pixel.html - Image Alignment Using Tables
http://www.killersites.com/tutorial/alignment.html - Linking with Images
http://www.chepd.mq.edu.au/boomerang/teaching.www/images/links.htm
[Top]
Color & Backgrounds
- Color Scheme Designer 3
http://colorschemedesigner.com/ - Meyerweb Color Blender
http://meyerweb.com/eric/tools/color-blend/ - Color Schemer Online
http://www.colorschemer.com/online.html - Victor Engel's Browser Safe Palette has good explainations about limited
colors and dithering as well as a clickable color palette.
http://the-light.com/netcol.html - Which Color Palette? Optimizing Web Graphics
http://webreference.com/dev/graphics/palette.html - The Browser-Safe Color Palette
http://www.lynda.com/hex.html - The Browser-Safe Colors by Hue
http://www.lynda.com/hexh.html - The Browser-Safe Colors by Value
http://www.lynda.com/hexv.html - Death of the Websafe Color Palette?
http://hotwired.lycos.com/webmonkey/00/37/index2a.html - Vischeck is a way of showing you what things look like to someone who is color blind.
http://www.vischeck.com/vischeck/
[Top]
Other Image Stuff
- GIFbot (online image optimizer for GIFs and JPEGs)
http://www.netmechanic.com/cobrands/zd_dev/accelerate.htm - Creating High-Impact Documents
http://home.netscape.com/assist/net_sites/impact_docs/index.html - How Anti-Aliasing Works
http://www.mackido.com/Dojo/AntiAliasing.html - Resolution Demystified
http://www.wpdfd.com/editorial/wpd0899.htm#comment - A Downloadable Invisible Single Pixel GIF
http://www.teacherjohn.com/cleardot/ - Free custom graphics online
http://www.cooltext.com/ and/or
http://www.flamingtext.com/
[Top]
GIF Animation
- Optimizing Animated GIFs
http://www.webreference.com/dev/gifanim/ - Making Animated GIFs (Windows)
http://www.htmlgoodies.com/tutors/animate.html - Maryann Sterling's Art (free animated GIFs)
http://maryannsart.com/animate.html - Webular Wasteland (free animated GIFs)
http://www.aceent.com/w2/ - GIFBuilder (Macintosh freeware)
http://homepage.mac.com/piguet/gif.html - GIF Construction Set (Windows shareware)
http://www.mindworkshop.com/alchemy/gifcon.html
[Top]
Imagemaps
- John's Step-by-Step MapEdit Directions (for Mac and Windows)
http://www.teacherjohn.com/cabrillo/dm160/mapedit.html - Imagemap Authoring Guide and Tutorial Sites
http://www.cris.com/~automata/tutorial.shtml - Mapedit for the Macintosh (Macintosh shareware)
http://www.boutell.com/mapedit/mac.html - Mapedit Home Page (Windows shareware)
http://www.boutell.com/mapedit/index.html
[Top]
Frames
- Jonny's Crash Course in Frames
http://www.webhelp.org/frames.htm - So, You Want Some Frames, Huh? (HTML Goodies)
http://htmlgoodies.earthweb.com/tutors/frame1.html - Frames: an introduction (Netscape's help site)
http://home.netscape.com/assist/net_sites/frames.html - Frames in HTML documents (from w3c HTML 4.0 specs)
http://www.w3.org/TR/REC-html40/present/frames.html
[Top]
Browser Issues
- Reference: Browser Chart
http://hotwired.lycos.com/webmonkey/reference/browser_chart/ - Sizing Up the Browsers
http://hotwired.lycos.com/webmonkey/99/41/index3a.html - Sizing Up Text on the Next Browsers
http://hotwired.lycos.com/webmonkey/00/16/index2a.html
[Top]
Cascading Style Sheets
- Fonts by Platform
- Combined font survey results at code style
http://www.codestyle.org/css/font-family/sampler-CombinedResults.shtml - Web Style Guide - Typefaces
http://www.webstyleguide.com/type/face.html - Browser News - Resources > Fonts http://www.upsdell.com/BrowserNews/res_fonts.htm
- Fonts Installed by Windows
http://www.kayskreations.net/fonts/fonttb.html - TypeTester
http://www.typetester.org/
- Combined font survey results at code style
- Box Model Links
- Redmelon Interactive CSS Box Demo
http://www.redmelon.net/tstme/box_model/ - w3c.org Box Model
http://www.w3.org/TR/REC-CSS2/box.html#box-dimensions - Brainjar CSS Postioning
http://www.brainjar.com/css/positioning/default.asp - Pixelmech - Undoing Browser Default Styles
http://www.pixelmech.com/index.php?id=P54
- Redmelon Interactive CSS Box Demo
- House of Style
http://www.westciv.com/style_master/house/ - Working with CSS
http://developer.apple.com/internet/css.html - CNET - Getting Started With Cascading Style Sheets
http://www.builder.com/Authoring/CSS/ss01.html - Guide to Cascading Style Sheets (from Web Design Group)
http://www.htmlhelp.com/reference/css/ - Mulder's Stylesheets Tutorial (from Webmonkey)
http://hotwired.lycos.com/webmonkey/98/15/index0a.html?tw=stylesheets - Introduction to Style Sheets
http://www.jalfrezi.com/fstyles.htm - ZDNET: developer | CSS
http://www.zdnet.com/devhead/filters/0,,2133212,00.html - Web Developers Virtual Library - Cascading Style Sheets
http://wdvl.com/Authoring/Style/Sheets/ - W3C CSS Validation Service
http://jigsaw.w3.org/css-validator/validator.html.en - CSS Check (from Web Design Group)
http://www.htmlhelp.com/tools/csscheck/ - Master Compatibility Chart
http://www.webreview.com/style/css1/charts/mastergrid.shtml
[Top]
JavaScript
- JavaScript Basics
http://www.acoustic.org/dm164/js/index.html - JavaScript for the World Wide Web: Visual QuickStart Guide, 3rd Editions
http://www.chalcedony.com/javascript2e/
[Top]
Server Side Includes (SSI)
- Server Side Includes
http://www.acoustic.org/dm164/script/ssi.shtml - SSI Tutorial
http://www.useforesite.com/tut_ssi.shtml - The ECHO Directive: Displaying the Environment in Server Side Includes!
http://bignosebird.com/sdocs/echo.shtml - Ada's Introduction to SSI
http://adashimar.hypermart.net/ssi.htm - Server Side Includes
http://mkruse.netexpress.net/info/ssi/ - Server Side Includes
http://www.carleton.ca/~dmcfet/html/ssi3.html - Server Side Includes
http://www.stars.com/Authoring/SSI/Intro/ - How to Save Hours with SSIs
http://www.webmasterbase.com/article.php/27 - Time/Date Formats
http://www.stars.com/Authoring/SSI/Intro/time_date.html
[Top]
Common Gateway Interface
- Common Gateway Interface (CGI)
http://www.acoustic.org/dm164/script/index.html - Ada's Introduction to CGI
http://adashimar.hypermart.net/ - Intro to CGI
http://www.mattkruse.com/info/cgi/ - How To Install A CGI Script
http://www.fujicreations.com/articles/web_design/cgi_script.shtml
- How to Use Your CGI-BIN
http://www.execpc.com/~keithp/bdlogcgi.htm - The CGI Resource Index (Free CGI Scripts)
http://cgi.resourceindex.com/Programs_and_Scripts/Perl/
Much of this list courtesy of John Govsky
Top | Back | Home | Schedule | Exercises | Tutorials | Resources
This page, http://art.wallyzone.com/dm60a/details/resources.shtml, was last modified on Friday, April 09, 2010.
©1999-2010 Wally Parham (Contact Here) (About this site) (Print Friendly Version)
|
