Web Design / Resources / Web Design General

Table of Contents | General | Course Site

Web Design General


  • PixArt Tutorials
    Provides online tutorials to Photoshop, Painter, Corel, Illustrator, Freehand, and Pre-Press applications.
  • Buttons for webpages
    A step by step tutorial explaining one way to make buttons in Photoshop.
  • Web Developer's Virtual Library
    Offers tutorials on Photoshop and Paint Shop Pro.
  • Webmonkey's Crash Course on Photoshop
    This tutorial, developed by Jim Frew, creative director of the Humboldt Institute for Technological Studies, is delivered in six lessons: 1) Cropping, changing mode, resizing, file formats; 2) Selection tools, filters; 3) Text tool, layers, the rule of 51; 4) Merging graphics, the path tool; 5) Faking images - think lights and shadows; 6) Making illustrations (May 1998).
  • Webmonkey's Image Editing 101
    Jim Frew on how to create the best possible picture with the smallest possible file size (October 1996).
  • Webmonkey's Web Design 101
    Jim Frew on the basics of web design (July 1997).
  • CNET Help's How-Tos for Photoshop
    Provides links to tutorials from around the Web, including Webmonkey's crash course listed above. Other tutorials include creating a transparent image for the Web, managing color, and making an animated GIF.


Reference on the Web

  • The Design Studio
    Companion site for Web by Design by Molly E. Holzschlag (Sybex, 1998).
  • HTML Goodies
    Contains primers and tutorials on HTML and other related topics, icnluding style sheets, JavaScripting, Java Applets, CGI Scripting, and DHTML.
  • Site Inspector
    This useful page will "inspect" your site for link validation, HTML validity, browser compatibility, spelling, and more. Probably the most useful feature for our purposes will be the link validation.
  • Whatis.com
    Don't know what DHTML, CSS, HTTP or DNS stand for? Unsure what JavaScript is all about? This is the best online reference for basic information on any technology or terminology related to computers. Includes links to sites with more detailed information.
  • Wired's Webmonkey (A How-to Guide for Web Developers)
    Provides lots of useful tutorials and tips for HTML, DHTML, CSS, JavaScript, Photoshop, and much more. Not a bad place to pick up a foundation and greater understanding of these web technologies. Many tutorials are appropriate for novices.
  • CNET Builder.com ("The site for site builders")
    Links to Basics, Design, Development, Resources, Tips and How-tos, among others.
  • Web Review (Cross-Training for Web Teams)
    Published by Songline Studios.


Interface Design and Usability


Web-Safe Color

  • Victor Engel's No Dither Netscape Color Palette, The Browser Safe Palette
    Describes how to design your web graphics for computers that use only 256 colors.
  • Web-safe color palette
    Shows all web-safe colors and corresponding color codes. Using only these colors guarantees that colors will look nice in all browsers on all platforms (that support color). Other colors are not supported in all situations and will look bad in some environments if used. Includes downloadable color look-up tables that can be imported into Photoshop to have the pallettes readily available.


Clip Art

  • Angels Web Graphics very cute clip arts (free for personal use. must create a link back to the site.)
  • A-Plus Art
    Basic bullets in different colors - very useful (none of the images on this site are copyrighted)
  • ArtToday Online Image & Font Archive
    (Subscription service)
    Access to 750,000 images.
  • NARA (National Archives and Records Administration) Archival Information Locator lots of historic photos are available (free for use without permission)
  • Pixart Gallery
  • huge collection of clip art, tons of icons
    by category (icons are public domain and free of charge for anyone to use)
  • watercolor style clip art and backgrounds - cute (images are not public domain, they are free to use on your own personal or commercial web pages.)


Art Masterpieces




  • Educause 
    The leading national organization dealing with issues of computerization and higher education (including computerization and the classroom).
  • Communications of the ACM
    The Association for Computing Machinery is the leading computer science organization. The ACM HCI group (human-computer interaction) deals with user interface issues which might be useful in website design.
  • Web Techniques
    Billed as providing solutions for Internet and web developers.
  • CMC Magazine
    Focusing on computer-mediated communications issues.

Reports by SIMS Designers

 This is a project of the School of Information Management and Systems at UC Berkeley

Last updated 9/20/99