1 / 13

Web Banners

Web Banners. Fundamentals of Web Design. What is a Web Banner?. Also known as a banner ad A form of advertising on the World Wide Web Intended to attract traffic to a website by linking to the site of the advertiser Constructed from an image—usually GIF or Flash

evette
Download Presentation

Web Banners

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web Banners Fundamentals of Web Design

  2. What is a Web Banner? • Also known as a banner ad • A form of advertising on the World Wide Web • Intended to attract traffic to a website by linking to the site of the advertiser • Constructed from an image—usually GIF or Flash • Often employs animation, sound or video to maximize presence

  3. Design • Usually designed in a high-aspect ratio -- tall and skinny Sometimes called a Skyscraper AdHas more impact because it stays on the screen longerCosts more to post(usually 600 x 120) • OR wide and short (usually 728 x 90)Costs less to post, but scrolls off the screen quickly

  4. Typical Sizes

  5. The orange ad in the upper right is 250x250 pixels. Ads this size or larger can be found within the text of articles in some cases. They act like magazine ads that break up the text to get more attention.

  6. On this page you can see a narrow strip for Netscape at the top, a standard banner ad, a square AOL ad mid-page, and four smaller ads along the bottom.

  7. On this page there is a round WSJ button up top along with ads for Casio, Ubid and Radio Shack along the side. At the bottom there are tiny ads for four money sites along with small ads for CareerBuilder.com and WSJ.com (even the advertising is sponsored!).

  8. How to Create • In Fireworks, use the states panel to create multiple images • Use the frame delay to allow the viewer to “read” the image

  9. Example • State 1 • State 2 • State 3

  10. End Result

  11. Beveled Edge Twist and Fade Image Effect Silver Metallic Text Effect Neon Text

More Related