 |
Graphics Tools, Techniques, Examples and Resources
|
Resources, demos and tutorials on the basics of graphics design
and construction, including integrating images into your web
pages.
Graphics add spice and style to web pages, and can help your
visitors visualise what your site is about and how it's
structured.
This page introduces you to the basics of graphics design and
construction, and shows you how to integrate images
into your web pages.
There are many links to other resources
for further detailed study.
|
was introduced to the
web by the
IMG tag,
in NCSA's Mosaic for X, written by Marc Andreessen and Eric Bina.
Graphics add visual interest to a page but can substantially increase
total download time for a page, and can't be understood by search
engines and other spiders, or user agents for the blind.
by
Selena Sol and Kenji Tachibana
A three half day course for the novice to intermediate Photoshop user.
Day one and two cover tools and definitions with the focus changing
from definitions to the actual process by day three.
Instructions are given for creating a 3D logo, shape with shadows,
cast and drop shadow, buttons, relief arrows and beveled frame using
such tools as Layers, Channels, Masks, Filters, Gradients and more.
|
by
Linda Cole
Designed to initiate the newcomer to the program as well as orient
the seasoned Paint Shop Pro user with the new interface and features.
This tutorial follows a similar plan to the Photoshop tutorial.
by
Linda Cole
Downloading an image or file is easy, but if it is done without
permission it is theft. Find out why it's wrong, why people do it, how
to know if it's happening to you, and what you can do about it.
|
| Formats |
The main formats have been
GIF and
JPEG,
while
PNG waits in the wings.
|
| Colo(u)r |
The Web Developer's Virtual Library
tells you about colo(u)r, and the non-dithering
6x6x6 color cube.
|
| Backgrounds |
Spicing up a page with background images.
|
| Graphics Techniques |
Follow the above link for an introduction to some basic graphics
techniques such as transparency and anti-aliasing.
|
| Graphics Tools and Collections |
Here are some of the best tools and graphics collections on the web.
|
|
Images'n'Icons
|
Examples of the various kinds of uses for images on the web.
Selected examples from some of the web's best icon collections.
|
| Graphics Resources |
Here are some further graphics resources.
|
[][][][][][][][][][][][][][][][][][][][][][][][][][]
More Links..
When
authoring
HTML with
style, you might use
cascading style sheets, or
graphics
tools to create
background
images,
icons,
3d graphics.
Multimedia can help to
animate them, e.g. using
GIF animation or
Java
applets.
For interactivity use
forms processed by
JavaScript or
CGI
software.
Use
META tags to help
search
engines find you on the
Internet.
Our
reference
index or the
WWW-VL can help you
locate more.
|  |
|