Making rollovers the easy way
Article Abstract:
Rollovers have become popular graphic elements for web navigation, allowing graphic images to change when a mouse rolls over them. JavaScript is used most often to create rollover graphics, in large part because the code can be copied and pasted between pages, and it does not require plug-ins or Java functionality. Many web authoring packages generate rollovers without having to code in a scripting language. The replacement rollover is either on or off, and it uses only two images, one of which replaces the other upon rollover. The pointing rollover uses three images: one that never changes, one that is a blank image elsewhere on the page, and one that replaces the blank image. The multiple-events rollover changes the graphic upon rollover and also triggers an action on another part of the page, so it requires four images, one of which serves as a placeholder. Using Adobe Photoshop, Macromedia Dreamweaver and Macromedia Fireworks to create rollovers is described.
Publication Name: Publish
Subject: Publishing industry
ISSN: 0897-6007
Year: 1999
User Contributions:
Comment about this article or add new information about this topic:
Sizing up banner ads
Article Abstract:
Common Web banner ads are generally animated GIF of GIF89a files allowing multiple GIF images to be placed in one file. These images are displayed by the Browser one after the other in flip-book style of animations. The first step in designing banner ads is to decide the number of frames needed as well as banner specifications such as animation length, image size and file size from the advertising guidelines provided by the Web site. The image size can vary from 400x50 to 600x75 pixels with the common size being 468x60 pixels. Animation length determines how long the banner will run. Some sites impose an 8 second limit. Many Web sites limit banner advertisements to 12KB file size. Once these specifications are set other steps in banner design include optimizing the background, creating a new document for each of the frames and exporting the frames.
Publication Name: Publish
Subject: Publishing industry
ISSN: 0897-6007
Year: 1998
User Contributions:
Comment about this article or add new information about this topic:
Using tables
Article Abstract:
Creative use of HTML tables is outlined following the example of the home page for the Davis Group created by the unrelated artist employee Brett Davis. The Web page contains a tapestry of invisible tables that creates an open, uncluttered design that fits perfectly the viewer's screen. Davis uses the basic page design in Photoshop only to divide the page design into rows and columns. The table is divided into three columns using three TD tags. The middle column contains the page contents, while the outer columns serve as page margins. To prevent lines appearing across the page, Davis sets cell-padding, cell-spacing and border attributes to zero. The other steps in creating the home page involved inserting the Davis Groups' logo, a nested table below th logo, another nested table and finally a traditional table.
Publication Name: Publish
Subject: Publishing industry
ISSN: 0897-6007
Year: 1998
User Contributions:
Comment about this article or add new information about this topic:
- Abstracts: VRML does the two-step. Data based pages. Make me a map
- Abstracts: Arabian Horse World sets the pace. That shifty baseline. Makeover: Bravo! Dramatic design!
- Abstracts: Shedding light o'er the globe. Ingo Maurer: the universal language of light. The British are coming! The British are coming!
- Abstracts: The essential impact of the arts. Ron Arad: bending all the rules. Houmayoun Mahmoudi: he knows his limits
- Abstracts: Apple's new core. Poser 3. MBed Interactor 1.1