This is a page I've created primarily for selfish reasons. I am currently taking a course on Dreamweaver 3 and have come across many helpful sites. My classmates are also providing sites. This has led to my "favorites" folder becoming unmanageable. What better way to organize these sites and learn web design than by creating a page which contains these items.

Building Web Sites-Information &Tutorials

• 5 Basic Rules of web page design and layout
• About the Human Internet
• Amateur Web Sites -the top 10 signs, by the Web Developer's Journal
• Build Your Own Website
• Corel Web Design Tips -a must read for beginners
• HTML an Interactive Tutorial for Beginners
• HTML Code Tutorial
• PageTutor
• ProjectCool- A network of websites sharing the common belief that anyone can make a great website if given knowledge, guidance and inspiration. There's something for everyone within, from the first time webmaker to the designer with years of experience. NOTE: This page loads slowly for some, but it's worth the wait!
• Sucky to Saavy-Formerly "The Top Ten Ways to Improve your Home Page", "The Top Ten Ways to Improve your Netscape Browsing Experience", & "The Do's and Don'ts of Web Site Design." Very quick site to go through.
• Web Developer's Virtual Library
• Web Page Construction: How-To Guides-excellent collection of resources for Web page design.
• Web Style Guide - by Patrick Lynch

Graphic Optimization

• GifOptimizer-You can use this only on GIF format, but it is a very cool tool. It will allow you to view your art in several-to-many renditions, ever DECREASING the number of colors. Sometimes, you can go very low in the number, without losing much of the actual art. I've even noticed that as the art piece becomes more 'poster-like,' sometimes it becomes an even more interesting piece of art!
• NetMechanic-offers image optimization features (along with an assortment of other utilities, such as link checkers, HTML validators, etc.) If you go to this site, click on Accelerate (or GifBot) to get to the image optimization page. Type in a URL that contains images you want to work on. The resulting summary will contain a list of images on that page with file names and sizes. Click on one of the file size numbers and it will take you to another page that contains mulitple versions of that image, optimized to different degrees. You can see the file size and download time for each. Right click and save the one you want and then swap it with the one you're using. It's definitely worth checking out if you don't own any image optimization software.

Fonts

• Font Compatibility in Web Site or Page Design-Unique fonts are fun to play with but may not be compatible with all browsers. This may cause your beautiful page to appear in a manner that is not only what you did not intend, but very distasteful.
• Ghostscript, Ghostview and GSview-Click here for software to create Printer Defined Files (PDF). Convert your word processing files to pdf.

Colors

• Complete HTML True Color Chart
• Hype's Color Specifier - HTML codes for colors
• Using Color On The Web- Color is an essential element in any website. Color use is free -- no extra printing charges -- and lets you add everything from navigational tips to tone and mood. This page introduces basic color concepts, shows you the different ways to specify color for online display, and provides some design tips to get you thinking about the power of a little blue, a little red, and a little green.
• Visibone - Printed references and free online resources useful in web design adventures, with Color, HTML, Style Sheets, and JavaScript. Excellent color charts.

Browsers

• The List of Web Browsers - Just as all colors are not "web safe", not all web pages will appear the same on all browsers. Not everyone is using the newest browsers. And there's even a difference in how a page will look in Microsoft Explorer versus Netscape Navigator. You will want to test your pages on as many different browser platforms as possible.
• Browser Watch- the leading site for information about browsers, plug-ins and ActiveX controls. We offer breaking news in the browser and plug-ins industry, as well as one of the most complete lists on development of different plug-ins and browsers. A quick check allows you to find the plug-ins or browsers you want quickly and effortlessly.
• Testing Your Site on the Web

Graphics

• Free Clipart
  
• Media Builder 3D Text Maker - Easily create banners. Go to their home page for many other Web development tools.
• BellsNWhistles - Web Site Building Helps, Software Downloads, Java Applets, Web Resources, Web Tools, Javascript, Midi Links, etc. An additional link has Animations, Graphics, Javascripts, resources, Free Software, Information, and more.

Cascading Style Sheets

• Getting Started with Cascading Style Sheets -The new way to control how content appears on Web pages.
• Mulder's Style Sheet Tutorial- Mulder's Stylesheets Tutorial Overview by Steve Mulder Steve Mulder is Chief Information architect at Razorfish (Boston), where he wears as many hats as possible. He speaks regularly at Web design conferences. Cascading stylesheets are a new-ish technology that promises to make the Web a better place by allowing you to control layout like never before, to make smaller, faster pages, and to easily maintain many pages at once. Steve Mulder, author of "Web Designer's Guide to Stylesheets," created this five-day stylesheets tutorial.

Dreamweaver 3 Tutorials and Macromedia Support

• Dreamweaver Depot
• Dreamweaver Help Pages
• Dreamweaver fever
• Dreamweaver 3 FTP Reference Guide
• DreamWeaver Technical Help Forum - Post a question and receive an answer. Helpful to read other posts as well.
• How to Make Accessible Web Content Using Dreamweaver 3.0 and 4.0
• Learning Dreamweaver 3
• Macromedia Dreamweaver 3 Tutorial
• A Macromedia Dreamweaver Tutorial and an additional tutorial
• Mastering Dreamweaver 3: Site Setup

Technology Sites

• Earthweb-EarthWeb is dedicated to delivering the highest quality information for IT professionals.
• Internet.com -leading provider of global real-time news and information resources for Internet industry and Internet technology professionals, Web developers and experienced Internet users.
• GIF Animation on the WWW

Java

• Andy's Introductory JavaScript Tutorials -Very nice tutorial site.
• Cool Java Scripts and Gif Animation -to add to your web page.
• FormMail
• FreewareJava
• Java - many resources
• Java Technology
• The Java Boutique
• Lake Applet Tips & Tutorials

Miscellaneous

• A List A Part-For people who make web sites. Excellent articles from well know developers in the field.
• Bugzilla
• CGi.NET
• Create Short URLs from long ones - designed to shorten URLs included in email addresses Make a Shorter Link and TinyUrl.com
• CNET
• EdOnline Group-Internet references covering a broad range of valuable topics.
• J. K. Bowman's Spider Food-Excellent general resource on web design.
• Jakob Nielsen's Website-a guru of web design, this site is a wonderful resource.
• Projectseven-a must see! Loads of information and the page is gorgeous!
• Web Monkey - Excellent resources for Web design
• Web Review -has tutorials, advice and resource guides in the areas of development, authoring, design, e-commerce and multimedia. The site also has a web tools guide.
• Web Sites That Suck-Where you learn good Web design by looking at bad Web design
• Web Techniques -the online version of the magazine with the same name. This web site covers the entire spectrum of web design from selecting the correct web colors, to XML to Style Sheets to Source Code.

Last Update: October 7, 2006

Web Author: Terry Kotrla, MS, MT(ASCP)BB
Comments: kotrla@austincc.edu