| Cuyamaca resources for students and teachers | |
| Internet Basics & Reference Sites, Shopping | |
| General Sites for Web Authors, Web Courses, Career Information, Professional Organizations | |
| Information Architecture, Cuyamaca Student work | |
| General Style Guides, Screen Design, Content Design, Color Design, Fonts | |
| Web Authoring (HTML, CSS, etc.), Dreamweaver, FrontPage | |
| General Information, Fireworks, Photoshop, Scanning, Clip Art, Digital Photography | |
| Animation, Sound, Video, Streaming Media | |
| General Information, CGI Script Libraries, JavaScript, ASP. PERL, Database Integration | |
| Web Hosting, Marketing, shopping carts | |
| Site Evaluation and optimization, usability, site redesign, browser differences, statistics |
Cuyamaca Resources
for students
for teachers
Background
Internet Basics & Reference Sites
- simple video introductions to wikis, RSS, blogs, social networking, and zombies
- Web101 Glossary
- whatis.com
- How Web servers and the Internet Work
- TechWeb Tech Encyclopedia
- Bandwidth Meter
- Data Powers of Ten
Spam & spyware
- Ad-Aware - free utility
- Spybot Search and Destroy - free utility
- AVG Anti-Virus - Free edition
Shopping: Books and Software
- Gradware
- JourneyEd
- CampusTech
- San Diego Technical Books
- Amazon
- Campusbooks
- BookPool
- CNET
- Computershopper
General
Sites for Web Authors
- Web Developer's Handbook
- Sitepoint Articles
- A List Apart
- CSS Zen Garden
- GenerateIt - generate CSS layouts, buttons, color schemes, etc.
- WebForumz
- webmonkey
- BUILDER.COM
- HTML Goodies
- webreference
- Blackstump
- Webmaster Resources
- Internet World
- 123webmaster.com
- Developer.com
- CSS Crib Sheet
- Eric Meyer Web Site
- Project Seven Tutorials
- World Wide Web Consortium
- Web AIM - Web Accessability In Mind
- Page Resource (tutorials)
- Digital Web
Certification, Career Information, Professional Organizations
- San Diego Photoshop User's Group
- Refresh San Diego - open community of web designers, developers, and marketers working to refresh the creative, technical, and professional culture of Internet in the San Diego area
- Brainbench
- Industry trends
- World Organization of Webmasters
- Indeed.com - job search
Analysis
Information Architecture
Design
Resources
- Yale C/AIM Web Style Guide
- Web 2.0 how-to design guide
- Web Page Design for Designers
- Ten Good Deeds in Web Design
- Recipe for a Successful Website
- Design & Publishing Center
- design resources
- Design Principles
- Viget Inspire Design blog
- templates site for idea browsing
Screen Design
- The Golden Grid
- CARP design principles
- even more CARP (ppt)
- How C.R.A.P. is Your Site Design?
- Webmonkey Web Typography Tutorial
- Eyetracking leads to better design for comprehension
Content Design
- Good Documents - tips for writing that will be read on-screen
- Writing for the Web - a concise set of tips
Navigation Design
Color Design
- Color Scheme Generator - shows harmonious colors based on color wheel
- Kuler - Adobe’s color theme creator
- Color Palette Generator - picks colors based on image
- colorcombos.com
- Color Theory
- ColorMatch - generates a 6-color palette based on a color you choose
- MyPantone - tools for creating, managing and sharing user-defined and PANTONE-identified color palettes. See example from former student Ann Tarvin.
- Color Gallery
- Color, Contrast, and Dimension in News Design - Interactive Flash experience that explains color design
- Color Links from websitetips.com
- Graphics and Palettes from Web Page Design for Designers
Logo Design
- Logo Design articles
- 20 Inspirational Resources for Logo Design
- I did it my way (and probably shouldn't have)
- Create your own browser icon (shows in favorites list)
- Gary Dickson reflects on designing logos
- LogoBee Top 10 Logo Design Tips
- How to Create a Logo
Fonts
Authoring
Adobe Dreamweaver
- Official Dreamweaver support page
- Adobe Dreamweaver CS4 Keyboard Shortcuts Cheat Sheet (PC)
- Tom Muck Dreamweaver Extensions
- Dreamweaver tutorials and resources from WebsiteTips
- Adobe Exchange
- Massimo's Corner
- Yaromat's Dreamweaver Extensions
- Dreamweaver FAQ.com
- Using Spry Widgets to make tabbed panels and pop-up menus
- Dreamweaver Tutorials & Videos
- WebThang - tutorials for Guestbook, Online Poll, Login & Redirect, and more! (Advanced -- uses databases
HTML, XHTML
CSS
- CSS Zen Garden
- Listamatic - Samples of list menus with code
- CSS Tricks - includes screencasts
- CSS and links from HTMLsource
- Uberlink list menu tutorial
- W3School CSS Tutorial
- Style Master CSS Tutorial
- CSS / Edge
- CSS Playground
- CSSShark
- Real World Style
- The Layout Reservoir
- A List Apart - CSS topics
- Position is Everything
- CSS Menu Maker
- Blueprint - free CSS framework
Graphics Production
References
Tools
- Dreamweaver extension: phatfusion slideShow (here's an old video that shows how to install extensions)
- CoolText - online tool for creating simple title and button graphics
- Stripe Generator - create background images
- Copy Safe - protects your images
- TinEye - image identification-based web search engine
- RoundPic - round the edges of your images
Fireworks
- Macromedia's Fireworks
- Fireworks video demos by yours truly
Photoshop
- TutorialFX - Photoshop tutorials and Web Design examples
- Adobe Photoshop
- CBT Cafe
- Mark's Photoshop tips
- Photoshop tips from Adobe
- Webmonkey: graphics design
- Free Photoshop Plugins
Clip Art
- Artists That Allow
- Microsoft Clip Gallery
- Realm Graphics
- FreeFoto
- Backgrounds Archive
- GRSites backgrounds, button maker, web graphics
- Animation Factory
- Clip Art Connection
- Barry's Clip Art
- Amazing Picture Machine
- Millanimations
- Squidfingers Background Patterns
- FX Digital
- Dreamstime
- stock.xchng
- iStock
- WilsonInfo
- 25 Places to Find Awesome Stock Photos — Free and Cheap!
- 10 Places to Find Absolutely Free Vector Graphics
Scanning
- A Few Scanning Tips
- Scanning 101 from Webmonkey
Multimedia Production
Animation
Sound
Video
- Movie Files Tutorial from webTeacher (multimedia section)
- Media Converter
- Animoto - turn photos into a slide show video
- Photostory - free Microsoft application turns your photos into a slide show video
Web Programming
General Information
- Webmonkey programming articles
- Server-Side Scripting Shootout compares ASP, ColdFusion, Perl, and PHP
- XML.com
- Wrox Programmer to Programmer
Database Integration
- WebThang tutorials
- Your First Database
- SQL Tutorial
- How Microsoft site was hacked via database
- Introduction to Structured Query Language (SQL)
Script Libraries and Tools
- Dynamic Drive - DHTML scripts
- Atomz free search tool
- JavaScript Source
- Dynamic Drive - DHTML to copy and paste
- Java and CGI Scripts from webTeacher
PHP
JavaScript
- JavaScript Primer
- Beginners JavaScript Tutorial - from Internet.com
- JavaScript Crash Course from Webmonkey
- JavaScript.com
Active Server Pages
Perl
- Good Definition of Perl
- CGI programming 101
- ActivePerl -- free Perl with installer for Windows
- Using Perl with Microsoft Personal Web Server on Windows 95/98
- Learning Perl, by R.L. Schwartz, is published by O'Reilly
- Intro to Perl for CGI from Webmonkey
- Configuring and Testing a PERL Script with Internet Information Server (IIS)
- Tom Christiansen's Perl Language Home Page
- perlWWW
- CGI.pm - library to help handle form input
Search utilities
Chat
Implementation
Website Promotion
- How Does Google Figure out What Pages are More Relevant? and Three Ways to Adversely Impact your Google Pagerank
- How to Attract Visitors to Your Website
- Search Engine Watch - see How Search Engines Work
- Web Statistics - how is the Web growing?
- Market Research on the Web
- Webmonkey's Site Optimization Tutorial
Web Hosting
- Webmonkey tutorial - Choose and Register a Domain Name
- Students have recommended the following hosting services:
- aPlus.net
- Go Daddy
- netfirm
- mediatemple
- 110mb - free hosting, fixed charge for add ons
- a student recommended this searchable guide to free web hosting
- Free Web Server Space
- Tripod, GeoCities, NetFirms, and Bizland offer free Web hosting services
- Domain Name Buyers Guide
- DomainSurfer
Shopping Carts
Evaluation
Site Evaluation and Usability
- WebAIM - practical advice and tools
- Usability Guidelines
- Jakob Nielsen's Usability site -- see Current Issues in Web Usability and e-commerce Usability article
- W3C HTML Validator - enter your URL to find HTML errors
- Web Page Purifier - see how your page looks when viewed by browsers supporting different versions of HTML
- OptiView - evaluates your graphic file compression
- Walk-Through A Usability Experiment
- Usability On The Web Isn't A Luxury
- Guerrilla usability
- Test Your Site in Different Browsers
Site Optimization
- Site Optimization Tutorial
- Anatomy of a Redesign from webmonkey
Browsers
- Browsershots - Proof your work on multiple browsers.
- install multiple versions of Internet Explorer so you can test
- Webmonkey Browser Charts
Statistics
- thecounter.com stats (Browser, color depth, OS, etc.)
- Hitbox
- StatMarket's Browser Stats from websidestory shows what users use (monitors, browsers, etc.)
- Internet News