Web Design Class - Notes to Students
copyright 2002 by Tracy Marks    781-641-3371  Arlington, MA
Contact information  Windweaver   http://www.windweaver.com/
Webwinds at  http://www.webwinds.com/


INDEX OF LINKS ON THESE RESOURCE PAGES:

Links at Windweaver    Web Site Reviews
216 Color Charts      Color Selection Software       Articles on Color
Web  Design Guides    Text/Heading Generators    Linking to Images 
HTML Editors        HTML Editing: Notepad       HTML  Tutorials
          

Recommended Books     Nicenet.Org's Classroom        Site Promotion
Reviews: Cameras, Scanners, Image Editors         What's in a Name
WhoIs Domain Name Search        Web Site Counters,Guestbooks
Browserola Browser Compatibility Software

 


Online class notes GUIDE:
http://www.webwinds.com/classes/guide.htm

Web Design Class Web Site Critique Bookmarks
http://www.webwinds.com/classes/bkmarks2.htm


Internet classes basic BOOKMARKS:
http://www.webwinds.com/classes/bkmarks.htm

Links pertaining to INTERNET PROVIDERS and web hosts:
http://www.webwinds.com/classes/provider.htm

Practice HTML file : http://www.webwinds.com/classes/practice.htm

HTML and Web Graphics Tools Online
http://www.webwinds.com/classes/htmltools.htm

PHOTOSHOP links:  http://www.webwinds.com/classes/photshop.htm
MY PHOTOSHOP EXERCISES as a student in a ZdU class in Pshop for Web Design.
Feel free to learn from them:  http://www.webwinds.com/pshop/pshop2.htm
More pages at pshop3.htm, pshop4a.htm, pshop4b.htm

MY MIDI BOOKMARKS ONLINE: Add music to your site!
http://www.webwinds.com/friends/midi.htm
 



 

Graphics/HTML Links (Windweaver)
You will find the links on your handouts to html resources online at
http://www.windweaver.com/searchpage8.htm#HTML
(Review pages about html editors are listed here, as well as links
to Front Page and FlexEd HTML editor. I've also added a few
links to excellent tutorials)
Graphics resource links including the best color resources are at:
http://www.windweaver.com/searchpage9.htm
Don't miss design links: http://www.windweaver.com/searchpage7.htm
And promotion links: http://www.windweaver.com/searchp10.htm
 
 

216 Color Charts

Your best site for viewing both RGB and Hex codes is:
http://www.lynda.com/hexh.html

These two show hex codes but not rgb:
http://www.phoenix.net/~jacobson/rgb.html
(Avoid colors in right and left columns if using 216 colors)
http//members.xoom.com/serbach/introhtm/colors02.htm
 

The best 216 color GENERATOR ..... Pick your background,
text and link colors from the 216 color palette, view the color
combination  and cut and paste the color tags into your html!
http://www.pagetutor.com/pagetutor/makapage/picker/index.html

And here's another excellent online COLOR GENERATOR:
http://www.stone.com/java/cc/ColorCoordinator.html

Other choices.....
If you use a graphics program and know the rgb color values of a color
you like, you can check out the nearest Hex color and get Hex codes at: http://www.novalink.com/pei/hex/main.html

If you want to choose Netscape colors by name rather than hex code
(which may mean less browser compatibility), check out
http://www.utoronto.ca/webdocs/HTMLdocs/Book/Book-3ed/appf/color2.html
 
 

Articles on Color
If you want to understand Netscape and the 216 color system more
fully, go to Tom Venetianer's Netscape color page at
http://mvassist.pair.com/Articles/NS2colors.html

Useful information about web colors is also at the entertaining
I am Curious Yellow site:
http://www.upenn.edu/computing/group/dmp/technical/colors/curious.html

 

Color Selection Software
Prefer to test out color combinations on your computer when offline?
Windows users can download the shareware HTML Color Helper
Try the Color selector here:
http://www.maximized.com/shareware/colorbrowser/
 
 
 

HTML EDITORS (free and low-cost)
Coffee Cup HTML Editor  http://www.coffeecup.com/html-editor/

Ace HTML http://www.visicommedia.com/acehtml/
HTML Webmaster  http://www.tucows.com/preview/194479.html  OR
    (free activation code here  http://www.html-helper.com/codes.asp?program=webmaster


HTML EDITORS: IMPROVING NOTEPAD
Another suggestion for Windows users....replace Notepad with Notespad
or Notetab light - either which allow you to work with ten or more
text documents.
You'll love it. Look for the Notespad at:
http://www.newbie.net/NotesPad/index.html

or Notetab light at:
http://www.tucows.com/preview/194621.html or
http://www.fookes.com OR
http://www.notetab.com



HTML ONLINE TUTORIALS:
Recommended!

WebMonkey's HTML Teaching Tool
http://www.hotwired.com/webmonkey/teachingtool/

Writing HTML: Maricopa's Tutorial
http://www.mcli.dist.maricopa.edu/tut/index.html

HTML Crash Course for Educators
http://edweb.gsn.org/htmlintro.html

HTML: An Interactive Tutorial
http://www.davesite.com/webstation/html/

The HTML Station
http://www.december.com/html
 
 
 

Tracy


Practice area for LINKING TO IMAGES on the web:


 



To save an image, right click and hold (pc) or left click and hold

(Mac) and choose SAVE AS. To link to an image, determine its url -
right click and hold on the image (pc) or click and hold (mac) and
choose VIEW IMAGE. Use the url that appears atop the image page.

This image is:  http://www.webwinds.com/windwv.gif
I created this banner to put on my HotWired web page
http://www.hotwired.com/members/profile/windweaver/.

 

Windweaver Web and Windows Training Resources
http://www.windweaver.com/    (781) 641-3371
copyright 1997, 2001 by Tracy Marks    Arlington, MA. USA

Since April 3, 1997,  you are visitor  Pergatory_II_Counter to Webwinds.
last update  July 4, 2003