3: Some Hints and Suggestions
One of the drawbacks of HTML is that the web browser is compiler and display program in one. You may want to find a debugger to make sure your source code is correct. In practice, however, it helps if you test your web site on a broad range of web browsers (IE, Firefox, Opera, Safari, Lynx, cell phone). One of the most rigid browsers to test it on is the old Netscape Communicator 4.5, which should be available on the web. If it displays there, it will display anywhere (though CSS formatting may not work completely there).
To create your graphics, it is usually enough to use PowerPoint as a vector graphics program (yes, it can do much more than slide shows), then produce a screenshot of the graphic (using the "Print Screen" key) and copy the thusly created contents of the Clipboard into Adobe Photoshop Elements, where you can edit it further. This may sound like an awkward detour, but it is actually rather comfortable. Almost all of the graphics on this very web site here have been created this way.
Photoshop (both Elements and the "real" thing) contain a tool to save images for web use. This greatly reduces the file size and helps your web pages to load quicker. Use gif graphics for anything containing text or thin lines, and jpg for photographs and the like.
December 6th, 2009