DOTTIE'S VIRTUAL NOTEBOOK - VU HTML1 - SUMMER 2006WEB RESOURCES General Resources Special Characters and Entities Color Resources Background Resources Font Resources Graphics Resources Image Resources More Graphics Resources General ResourcesOtter's Place For FAQs Anne's World and Web Page Resources
HTML Bits & Pieces
Debs Place
Free GeoCities Website Tutorial for HTML 1
VU 2006 HTML 1 Class Page
Links to other VU HTML Student Pages and Resources
WDG's Wilbur - HTML 3.2
Back to the TopResources for Special Characters and EntitiesHTML Standard Character Entities http://www.htmlref.com/Reference/AppC/standard.htm A list of Special Characters and Entities you might wish to look over Writing HTML Lesson 10 http://www.mcli.dist.maricopa.edu/tut/tut10.html Another good reference on special characters Special Character Codes for HTML http://home.comcast.net/~bluebirdsong/vu/notebook/spchar2.htm Shirley_c, often found around the VU halls, created these lovely to look at easy-to-use charts. Back to the TopColor ResourcesVisiBone Webmaster's Color Lab http://www.visibone.com/colorlab/ Probably the best "color picker" on the web. This JavaScript based application allows you to choose color swatches from the 216-Color Webmaster's Palette (browser safe) and put together a set of coordinated colors for your website. If you don't like what you've selected, simply start over! Be prepared to spend time investigating the information as VisiBone http://www.visibone.com/ has compiled a nice variety of webmaster and color resources too. Chart with all swatches and color codeshttp://html-color-codes.com/ A Quick Color Explanation http://htmlgoodies.com/tutors/colorexp.html BrowserSafeColors - dotParagon http://www.dotparagon.com/resources/color.html Best chart for easy to see choices with large blocks of color arranged by Blues, Purples, Reds and Pinks, Greens, Yellows, Grays and Everything Else. RGB Color Charts http://homepage.mac.com/jakesan/DHP/page0/page0.html Another site with color examples by Doug. Non-Dithering Colors in Browsers http://www.lynda.com/hex.html Browser safe for Mac and PC 216 color palette with swatches and codes organized by hue or value. Lynda Weinman also discusses the "WebSafe Color Dilemma". Color Codes for Web Pages http://home.comcast.net/~bluebirdsong/vu/notebook/colorcodes2.htm Another Web Tool from Shirley_c. Chart with more color choices. Some are not supported in all browsers. Do NOT use the color names, use the hex code with the # ColorMaker http://www.bagism.com/colormaker/colormaker-original.html Interactively change the color for any or all the items in the body tag. Excellent for seeing how the colors look together. Computer Color Matters http://www.colormatters.com/comput.html Details on why color may look different on another computer. A LOT of info to absorb and kind of technical, but extremely good to know or be aware of. HTML Hex Color Code Conversion http://vuweb.net/htmlzone/hex-conv.html Nice explanation on how to convert to Binary RGB (red green blue) formats for use in your Paint programs using Windows calculator. Color Wheel Pro: Visual versus Mixing Color Wheel http://www.color-wheel-pro.com/color-wheel-types.html Interesting color theory articles as well as a software tool Color Wheel Pro: Color Meaning http://www.color-wheel-pro.com/color-meaning.html RGB-2-Hex Tool http://www.univox.com/home/support/rgb2hex.html Univox's online conversion of RGB color values to hexadecimal triplets. Back to the TopBackground and Border ResourcesBackground Graphics http://vuweb.net/htmlzone/otter/bckgrnds.html A must read tutorial. This also leads to an informative tutorial on how to set up your text with TABLES using "Border Backgrounds" listed in the Tables and Graphics section of a future lesson: How to use border backgrounds http://vuweb.net/htmlzone/otter/borders.html Backgrounds and Borders http://webclipart.about.com/od/backgrounds/ Many graphics collections also have backgrounds. Here are some listed by about.com Back to the TopFont ResourcesMicrosoft's Typography On the Web http://www.microsoft.com/typography/default.mspx Fonts supplied with some Microsoft products http://www.microsoft.com/typography/fonts/default.asp Mac OS fonts http://www.microsoft.com/typography/fonts/mac.htm Common fonts to all versions of Windows & Mac equivalents http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html Useful listing to choose "browser safe fonts" for your web page. What's wrong with the FONT element? http://www.mcsr.olemiss.edu/%7Emudws/font.html Warren Steel presents a different perspective on fonts. All Good Things Typography http://www.redsun.com/type/ Lots of interesting articles. Back to the TopGraphic ResourcesThe Mystery of Animated GIFs http://vuweb.net/htmlzone/otter/animate.html GIFS and JPEGS http://www.widearea.co.uk/designer/compress.html Graphics Formats for the World Wide Web http://www.w3.org/Graphics/ BigNoseBird.Com's Graphics Usage Page http://bignosebird.com/losewait.shtml Graphics http://motzgraphics.com/backgrounds/index.html Back to the TopResources on Image Information and Reduction of SizeThe Mystery of Animated GIFs http://vuweb.net/htmlzone/otter/animate.html Image Size Tips http://www.december.com/html/tech/imgtips.html GIFBot at NetMechanic http://www.netmechanic.com/accelerate.htm Shrink the file size of your images (GIF, animated GIF or JPEG) the easy way, online to save space and have your page download faster. While this tool will not change the display size, GIFBot can change the format of your image to GIF or JPEG. Note: some of the free graphics you find on the web might already be optimized. JPEG Wizard http://www.jpegwizard.com/ Or try this free online tool to optimize and compress .jpg images. It will also convert .bmp and .gif files to .jpg with an option to create your graphic with smaller dimensions for "thumbnail" images. Back to the TopMore Graphics ResourcesPaint Shop Pro http://www.corel.com/ Excellent shareware for creating images and manipulating graphics. (Windows 95/98/NT4/2000/ME/XP) Includes Animation Shop which works with PSP to create animated gifs. Trial download from Corel (previously from Jasc), search the web for pricing or buy it at a discount through VU's Bookstore Corel Paint Shop Pro 9 - latest version is X. Use Rollie's Installing PSP9 tutorial and sign-up for VU PSP classes created by Eagle and Rollie. IrfanView http://www.irfanview.com/ Free image viewer and converter for Windows. Tool for digital camera users who want to manipulate and share their photos. Can also create online slide shows. Graphic and Image Tools - Group 42, Inc. http://www.group42.com/ Has a number of graphic software programs that are shareware, easy to use and inexpensive to buy if you like them. Picasa 2 http://picasa.google.com/ Free automated Image organizer from Google. Edit, crop, enhance, create slideshows. Works with digital photo files on your PC. Resizes images for printing and when send by email. Recommended. 20/20 2.2 http://tucows.mundofree.com/win2k/preview/37418.html Tucows download here. Has a free version, ad supported. Image viewer, screen capture and annotation application. Also capable of creating slide shows, generating thumbnails, and creating muted backgrounds for web pages and stationery. Free Stuff - CoffeeCup Software http://www.coffeecup.com/freestuff/ Check the faqs for free CoffeeCup Image Viewer. Other software has a thirty-day trial. Graphic Workshop for Windows http://www.mindworkshop.com/alchemy/gww.html LAJ Design Quickie Web Albums. http://www.lajdesignsw.com/quickie.html Good for making online photo albums. Easily editable code. Versions available for Mac OS-X, MacOS Classic and Windows. Free 45 day demo. Full version $23. Gif Construction Set http://www.mindworkshop.com/alchemy/gifcon.html Create your own animated GIFs for the PC. Digital Darkroom Software Center http://www.shortcourses.com/software/ Annotated listing of graphics programs all in one place with download information. Back to the TopBack to Dottie's VU PageTo HTML1 Notes - Page OneTo HTML1 Notes - Page TwoTo HTML1 Notes - Page ThreeTo HTML1 Notes - Page Four |