Web Site Building · Integrating Graphics

What this is about:

There are a number of ways to manage your web page layout including tables, forms, and frames. There are also tools for adding interactivity to your site. One of those tools is Dynamic HTML, or DHTML. It is not something that can easily be described, or separated from other web technologies. It is a group of technologies that, when tied together, enable a developer to bring a page to life. The three main components that make up DHTML are HTML, JavaScript and Cascading Style Sheets (CSS). HTML is used for the basic structure of the document, JavaScript to manipulate the Document Object Model (DOM), and CSS to define the presentation and style of the document.

Graphics Helpware Tips and Samples

Web Graphics Basic Formatting — Imagery on the World Wide Web takes on many shapes, sizes, colors, formats and compressions. File formats are standardized means of organizing and storing images. Image files are composed of either pixel or vector data that are rasterized to pixels when displayed in a vector graphic display. The pixels that compose an image are ordered as a grid in columns and rows; each pixel consists of numbers representing magnitudes of brightness and color. Chief among these digital image formats are the popular JPG, GIF and PNG graphics files. In this tip learn the differences between them, and how to add transparency to your images.

Simple Animation — Another clever gimic built-in to GIF imagery is the ability to combine multiple images into one file producing animation. An animated GIF file comprises a number of images or frames to be displayed successively, each described by its own GCE (Graphic Control Extension), preceded by a header whose content applies to all the frames. After the header the data is stream-oriented instead of being at fixed indices, so the location of the start of a GCE depends on the length of preceding GCEs. Learn how the Internet Brothers created an animated logo for one of our visitors.

Layering Techniques — A guest article from Robyn A. Harton, designer and developer of Robyn A. Harton Creative. Using layers makes it so much easier to edit graphics. Objects on separate layers are simple to move, recolor, select for filtering, and texturing. You can also get a huge number of interesting effects by using transparency and blend modes on a layer. Layered images are sometimes called 2 ½-D computer graphics. They make it possible to mimic traditional drafting and printing techniques based on film and paper, such as cutting and pasting; and allow the user to edit any layer without affecting the others. For these reasons, they are used in most graphics editors. Layered images also allow better anti-aliasing of complex drawings.

Free Holiday Graphics. Spread some cheer. Create a festive mood on your web page with these free seasonal images straight from the Internet Brothers workshop. Just in time for the next holiday, the only requirement is that you be nice to somebody. You can do it.

butterfly1 chrysanthemums purple bloom yellow bloom
white bloom carnations butterfly3 jonquils
more flowers red bloom wild flowers butterfly4

big ornament


spruce ornament pine cone
big spruce


big poinsettia
snowflake present nut
light bow jingle bell
candy hearts cupid arrows roses
heart box   long stem rose