Anne's Stuff For Graphics Class 831

Spectrum Virtual U
Tips
displaying images in tables same way in MSIE and Netscape
The gap you see may be caused by a bug in Netscape that can be worked around by eliminating spaces and new lines within the cell.
<TR>
<TD><IMG ...></TD>
</TR>
This was the response from liam of Html Help by the WDG to Sal's question "I'm having trouble with an image inside a table...it displays properly in MSIE, but in Netscape the right side of the table leaves a gap of about 1/8 inch. Any suggestions?" I found this additional information later at the Netscape site on tables with the example of a return after the the first td and the closing td after image line: "That extra whitespace inside your cell and around your image gets collapsed into single space characters. And it is these spaces (whose baselines by default align with the bottom of the image) which are making your cell look lopsided. Try this instead: " with the same solution suggested by liam. Do not leave a space between text and the code for line break in tables either as the same principal applies.
Lview Pro to make images transparent
From Tina, ... it's so easy to make a graphic transparent. Instructions: First of all it has to be a gif and have a solid background colour. Open the gif up in the program. Click on Retouch on the menu above and choose background colour. Make sure "Mask selection using:" is checked and for light-coloured backgrounds check white and for dark coloured backgrounds check black. Then choose the colour of your background from the colour pallette. Sometimes you just have to keep choosing until you see your graphic turn black but the background shows through as white or black. Then click OK. Then SAVEAS Gif 89A. There are two versions of ways to save gif's, 87 and 89. Make sure you choose 89 because 87 will not make it transparent. See "To Anne's Project Experiments" for examples of how to do this in Lview Pro and PSP.
File size
kilobyte (KB) 2^10 = 1024 bytes. megabyte (MB, colloquially "meg") 2^20 = 1,048,576 bytes = 1024 kilobytes. 1024 megagytes are one gigabyte. (from Computing Dictionary). For optimal loading. limit web page to 30 KB (30,720 bytes) including text and graphics. To keep file size down for web pages, scan photos at 72 dpi as this is the limit for what browsers and monitor resolution can distinguish.
Modifying Graphics
Gamma correction is better than Brightness/Contrast for making adjustments. Gamma between 0 and 1 will darken, 1-4 will lighten. From Shafran's Creating Your Own Web Graphics with Paint Shop Pro p. 85
Homework from Societal Team winter class 825 with graphics, tables, forms, cgi and JavaScript

To Anne's Project Experiments
Seamless frames test and making a graphic transparent, Snoopy with different programs and how to do it. Since I hate getting stuck in frames, I added <BASE TARGET="_top"> at the top of this document. This opens files in a full window in case someone clicks on the links in the main frame in my "frames test" example. When you are in the frames, view the document source to see the code that seems to work for borderless frames in Netscape 3 and 4 and also in MSIE.
more experiments by Anne on making titles.

Resources

Design, Help and Tools

Assigned Reading and Stuff from class
Michael no longer has PSP Help Tips from official study group #PsP_HELP, Mkell, Shawnsy, willy with examples now from ZDU PSP class.
informit.com -- Your Brain is Hungry. InformIT Replaces MacMillan' Personal Bookshelf. Computer Reference books.
Special Edition Using HTML, Second Edition published by QUE was one of the books that you can view online for free when you register at the Personal Bookshelf. Used as text refererence for the class.

IRC class meetings were Thursdays on www.zia.com and MKell mkell@geocities.com took over as instructor 5/14/97

Download Comic Sans Cafe for windows and mac font


Home
To Anne's World: Web Page Resources


Updated 2-18-98. These links have been expanded on my main page.