<HTML>
<HEADER>
<title>Circuit Traces Interactive/Build Your Own Web Site</title>
</HEADER>
<BODY bgcolor="#ffffff" text="#000000" link="#00009c" vlink="#a15ea8">
<CENTER>

<TABLE WIDTH=568 CELLSPACING=0 CELLPADDING=0 BORDER=0>

<TR><TD VALIGN=TOP><IMG SRC="../images/interactive/ctinavbar.jpg" ALT="Navigation Bar"  BORDER=0 USEMAP="#ctimap" ISMAP></td><td><IMG SRC="../images/interactive/howto.jpg" ALT="Navigation Bar" BORDER=0 USEMAP="#webmap" ISMAP><P></TD></TR></Table><Table width= 568 cellpadding=0 cellspacing=0 border=0><TR>

<TD WIDTH=50></TD><TD WIDTH=470><IMG  Align=Top SRC="../images/interactive/howto2.jpg" alt="Build  Your Own"><BR><BR></TD></tr> </Table><table width=568><TR>
<TD WIDTH=50></TD>
<TD WIDTH=470><IMG  Align=Right SRC="../images/interactive/tools.jpg"><BR>Much as we'd like to design your web site for you, we're all in favor of people doing it on their own. It's fun, it's creative, and it gives you a chance to show your stuff to the world. So here are a few sites where you can   download tools to help you make your own web site.    <P><BR><P>


<FONT SIZE=+1 Color="#00009c" face="helvetica"> HTML Resources</FONT><P>

Visit the following sites for information about HTML and how to use it.  <P><UL><LI><a href= "http://www.netscapeworld.com"><B>Netscape World</B></a>  <BR> <LI><a href= "http://web.canlink.com/webdesign/nl.htm#TABLES"><B>The Web Designer</B></a>  <BR>

<LI><a href= "http://www.nashville.net/~carl/htmlguide/index.html#3"><B>How Do They Do That With HTML?</B><BR>

<LI><a href= "http://www.cam.org/~intsci/dochtml1.html#SECT2"><B>HTML Documentation/Utilities</B></a><P><BR>
</UL><FONT SIZE=+1 Color="#00009c" face="helvetica"> Inspiration and Advice</FONT><P>
For sheer inspiration, nothing beats David Seigel's book, <I>Creating Killer Websites</I>. For years, Seigel has been  imposing his good taste on the web, developing all sorts of workarounds to overcome the design limitations of HTML and making it possible for Web designers to have almost as much flexibility as they would in print. The universally recognized "dot_clear.gif", for instance, is a Seigel innovation. Visit <A HREF = "http://www.killersites.com/">Creating Killer Websites Online</A> to pick up a few tips. <P><A HREF = "http://www.killersites.com/"><IMG  Align=Top SRC="../images/killer/banner2.gif" border=0></A><BR>
<P>

Another great book is <A HREF = "http://www.hayden.com/"><I>Designing Multimedia Web Sites</I></A> by Stella Gassaway, Gary Davis, and Catherine Gregory. To see some of their work live, just drop by <A HREF = "http://www.vizbyte.com/">vizbyte.com</A>. Other books worth checking out are both of <a href= "http://www.lne.com:80/Web/Books/"><B>Laura LeMay's Books</B></a> -- <I>Teach Yourself Web Publishing with HTML in a Week"</I> and <I>Teach Yourself More Web Publishing with HTML in a Week</I>.<P><BR>
<FONT SIZE=+1 Color="#00009c" face="helvetica"> HTML Editors</FONT><P> To create Web pages, we mostly use <a href= "http://www.adobe.com/"><IMG SRC="../images/interactive/pagemill.gif" align=right border=0 vspace=5 hspace=5>   Adobe <I>Pagemill 2.0</I></a>.   It features an easy-to-use WYSIWYG interface that allows you to quickly create HTML documents. You can drag and drop graphics, make frames and tables, adjust background and text colors -- all as easily as with a typical page layout program like Pagemaker. For raw HTML coding (Pagemill doesn't recognize some of the latest features), we use HTML Web Weaver.<P>If you want to get a little interactive with the visitors to your site, you might want to include some forms. You can find out how to do this by visiting <a href= "http://www.q-d.com/wf.htm"><B>Web Forms.</B></a><P><BR>
<FONT SIZE=+1 Color="#00009c" face="helvetica">Graphics</FONT><P>
For hotshot, professional graphics, nothing stands up to software like Adobe's <I>Photoshop</I> and<I> Illustrator</I> or Corel's <I>Draw.</I> However, if you don't want to spend a lot of money on software, there are same pretty good programs out there for under a hundred bucks that will give you a lot of the same capabilities. One useful tool that you can get for free is <A HREF = "http://iawww.epfl.ch/Staff/Yves.Piguet/clip2gif-home/GifBuilder.html">GifBuilder</A>, a scriptable utility to create animated GIF files on the
Macintosh. It can be used manually to collect PICT, GIF, TIFF or Photoshop images or to convert QuickTime movies,
FilmStrip or PICS files, or via AppleScript with other scriptable applications like clip2gif. <P>
If creating your own graphics seems like too much work, don't sweat it. There are plenty of places on the Web where you can download icons, buttons, images, and animated gifs free of charge. Here are just a few.
<P>
<P><dl>
<P><dt><a href="http://www.caboodles.com/animated/"><strong>Caboodles of Free Animated Gifs</strong></a><br><P><dt><a href="http://thepage.simplenet.com/gifs-en.htm"><strong>Simplenet: Free Animated GIFs</strong></a><dd>FREE animated GIFs. All originals. World Flying Flags, Animals, People, Buttons, and Icons.<br<P><P>
<dt><a href="http://www.erinet.com/cunning1/dmaag003.htm"><strong>Deema's Free Animated GIFs #3</strong></a><br>
<P><dt><a href="http://www.cyberspace-asia.com/animate/"><strong>Cyberspace Asia Ltd: Free animated GIFS</strong></a>
<BR><p><dt><a href="http://www.liberty.com/home/wagontrain/animtest.htm"><strong>The Wagontrain's Free Animated GIFs</strong></a><dt><br>
<P><a href=" http://www.netigs.com/freebies.htm"><strong>Free Animation & .gifs from IGS!</strong></a><dd><br>
<P><BR>
<P><BR>


<CENTER><font size=2><IMG  Align=Top SRC="../images/dot_clear.gif" hspace=5><a href= "index.html">Home</a><IMG  Align=Top SRC="../images/dot_clear.gif" hspace=5><a href= "tips.html"><B>Design Tips</a><IMG  Align=Top SRC="../images/dot_clear.gif" hspace=5><a href= "ctawards.html">Our Awards</a><IMG  Align=Top SRC="../images/dot_clear.gif" hspace=5><a href= "register.html">Register Your Site</a><IMG  Align=Top SRC="../images/dot_clear.gif" hspace=5><a href= "guest.html">Guestbook</a><BR><a href= "mail.html">Mailroom</a><IMG  Align=Top SRC="../images/dot_clear.gif" hspace=5><a href= "cticlients.html">Client List</a><IMG  Align=Top SRC="../images/dot_clear.gif" hspace=5><a href= "aboutus.html">About Us</a><IMG  Align=Top SRC="../images/dot_clear.gif" hspace=5><A HREF="MAILTO:webmaster@ctraces.com">Webmaster</a></B></font><BR><BR><hr noshade align="center" size="-2" width="300"><br><B></B><CENTER><B><FONT SIZE=-2>Copyright © 1997 <A HREF = "../index.html">Circuit Traces Communications</A>.  All rights reserved.</FONT></B> </CENTER></TD>
<TD WIDTH=50></CENTER>
</TD></TR></TABLE><map name="ctimap"><area coords="2,4 139,56" href="index.html" onMouseOver="window.status='Our home page'; return true"><area coords=" 13,56 55,74" href="index.html" onMouseOver="window.status='Our home page'; return true"><area coords=" 61,59 103,73" href="aboutus.html" onMouseOver="window.status='Design Solutions for the Information Age.'; return true">
<area coords="109,59 142,75" href="tips.html" onMouseOver="window.status='A few tips on creating effective web sites.'; return true">
<area coords="147,57 198,74" href="howto.html" onMouseOver="window.status='Graphics and HTML resources.'; return true">
<area coords= "206,58 256,74" href="ctawards.html" onMouseOver="window.status='We have been named one of the best on the Web by NetGuide and more!'; return true">
<area coords="266,58 335,75"  href="guest.html" onMouseOver="window.status='Sign our guestbook.'; return true"><area coords="338,58 372,73"  href="mail.html" onMouseOver="window.status='Contact Information.'; return true"><area  coords="377,56 426,74"  href="cticlients.html" onMouseOver="window.status='Tour our Client Gallery.'; return true"><area  coords="420,55, 470,70"  href="register.html" onMouseOver="window.status='Get worldwide exposure by registering your site with these directories.'; return true">


</map><map name="webmap"><area coords="0,55 30,70" href="register.html" onMouseOver="window.status='Get worldwide exposure by registering your site with these directories.'; return true"><area coords="39,55 117,75" href="mailto:webmaster@ctraces.com" onMouseOver="window.status='Send us your comments.'; return true">

</map></BODY>
</HTML>
