GIMP & HTML 2: CSS, Backgrounds, Image Maps and Buttons

Brian Jackson, Author/Publisher/Educator

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
4 Videos (28m)
    • An Introduction to CSS

      6:30
    • Using Background Images

      6:11
    • Creating GIMP Image Maps

      6:35
    • Creating HTML Button Effects

      9:00

About This Class

GIMP & HTML 2: CSS, Backgrounds, Image Maps and Buttons

Create Free and Inexpensive Web Graphics

In this class I'll teach you how to use the free Gnu Image Manipulation Program (GIMP) to produce stunning web graphics on a PC or a Mac. Learn to produce common web graphics such as bullets, logos, banners, separators, and buttons.

In this class we view a slide presentation explaining Cascading Style Sheets (CSS).

We then learn how to include GIMP images in our HTML pages as background images using the CSS background attributes.

We look at using image maps to map regions of an image to particular actions based on user activity. The sample page show how to display timezone information for a map of the United States.

We see how to use the img tag onmouseover and onmouseout events to swap images on the fly to produce a button rollover effect.

See you in the classroom,

---Brian

60

Students

--

Projects

0

Reviews (0)

Brian Jackson

Author/Publisher/Educator

Born in Los Angeles in the middle of the last century, I have always wanted to be a writer. After twenty-five some odd years spent working in the computer industry in the heart of the Silicon Valley, first for Lockheed as a Systems Programmer and later for Cisco Systems as a test tool developer, I managed to retire early and begin my next career as a self-published author.

Along with writing and publishing my own novels I also publish the works of my wife, Melanie Jackson. During the p...

See full profile