ScoilNet Web Publishing Centre
Glossary
Writing for the Web
Using a Web Editor
Web Graphics
1 Details
2 Examples
3 Resources
4 Step-by-Step
HTML Basics
Web Site Interaction
Web Publishing Tools
Uploading a Web Site

  1  2  3  4  5  6  7  8  9  10  11  12  13  14

Web Graphics - Step-by-Step

Inserting a Graphic:

This page describes how to include an image in your web page:

Saving graphic files:

The free clipart pages on the Internet are a good source of images. The following page shows you how to copy an image from a web page:

Making your own graphics:

The creative web designer may eventually tire of using other people’s graphics. Creating your own graphics allows you to be more creative, helps to "brand" the site, and overcomes many copyright issues! The following provide some routes to creating your own images:

Common Editing Tasks:

There are a number of software applications you can use to edit your images [Click here for graphic software resources]. The following group of tutorials introduce you to some of the more common operations you may need when developing your graphics. For the sake of consistency, we will focus on one piece of software, Paint Shop Pro. This is because it is widely available, reasonably priced and offers a trial-period demo.

  1. Resizing a photo
  2. Cropping an image
  3. Saving a JPG as a GIF and vice versa
  4. Brightening or adding contrast to a photo
  5. Adding a drop-shadow
  6. Make the image background transparent