Web Design Class - Notes to Students
copyright 1998, 2001 by Tracy Marks
781-641-3371 Arlington, MA
windweaver@windweaver.com
Windweaver http://www.windweaver.com/
Webwinds at http://www.webwinds.com/
Note: http://geocities.datacellar.net/~webwinds
and http://geocities.datacellar.net/tmartiac
is the geocities address for the Webwinds domain: http://www.webwinds.com/
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
http://www.srv.net/applied/hch/
Or go to Maximized Software
http://www.maximized.com/shareware/colorbrowser/
HTML EDITORS
Cnet recently posted a new article reviewing the top HTML
editors:
http://www.cnet.com/Content/Reviews/Compare/Htmleditors/?dd
Their favorite is WebEdit Pro - the review is at:
http://www.cnet.com/Content/Reviews/Compare/Htmleditors/ss06.html
The WedEdit Pro site is at http://www.luckman.com/
They DID not even review my favorite of the small standalone
editors,
which is FlexEd at http://www.infoflex.com.au/
or http://nt.infoflex.com.au/flexed/flexed.htm
Screen shot at http://nt.infoflex.com.au/flexed/images/screen.gif
FlexEd gets top reviews at Tucows and Strouds, but is not widely
recognized, perhaps because it is developed by a small Australian
company that is not widely recognized. Both 16 bit and 32 bit pc
versions available, but not Mac version..
BTW (By the way), if you have Front Page, Front Page's editor is
excellent. You can also do very well with Netscape's editor available
with Netscape Navigator Gold (go to http://www.netscape.com
to
download) and Notepad or Simpletext ( Mac) - except for the problem
Netscape has with relative urls. And pc users, I highly recommend
downloading the free Notespad replacement....See below.
HTML EDITORS: IMPROVING NOTEPAD
Another suggestion for Windows users....replace Notepad with Notespad,
which allows you to work on eight text documents. You'll love it. Go
to my Windows 95 tips page http://www.windweaver.com/w95tips2.htm
or http://www.windweaver.com/w95index.htm
and look for the Notespad
tip. Download information is there. Or go directly to:
http://members.nbci.com/newbienet2/NotesPad/index.html
I've also heard that Notepad Plus
is also good for html: http://lelystad.flnet.nl/~0meurs01/notepad.html
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
DOWNLOAD TIMES
Date: Thu, 17 Jul 1997 15:02:47 -0400 From: Walt Howe
<walthowe@delphi.com>
http://www.delphi.com/pubweb/gg2.html
Based on the estimate that you lose 20% of your web page viewers
for every 10 seconds it takes to load, this article shows you how
many viewers are left, once your page is loaded. It includes
tables
for download times at different speeds and different page sizes.
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/.
You can get a free (fairly ugly) text-based web page which you can
create in about 10 minutes at http://www.hotwired.com/members/
On this page, you can use an image that appears elsewhere on the Web.
Windweaver Web and Windows 95 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 to Webwinds.
last update December 30, 2000
