This tutorial explains
some of the basic concepts associated with publishing images to
the Internet. You will learn how to create transparent .GIFs,
image maps, and backgrounds, and how to save your image as a .GIF
or .JPG.
Select a topic:
Learning the basic concepts of Internet publishing
Creating an image map and saving your image as a .GIF or a .JPG
Select a topic:
Learning about Hypertext Markup Language (HTML)
Learning about Uniform Resource Locators (URLs)
Learning about different file formats
To publish documents on the Internet, you need a server that stores
the HTML documents and relays information
to browsers that make requests for your documents. When someone
points their browser to your Web document, the browser talks to
your server to get that document and then display it.
To create a document that Web browsers can read and display, you
need to create an HTML document. To do this, you can type the
HTML codes manually in any text editor, use a Web authoring tool
such as Corel Web.DESIGNER, or use software such as CorelDRAW
that has filters to automatically insert HTML codes when you save
your file in a certain format.
An HTML document is a text file that contains special tags that
explain how the text in the document is to be displayed, where
graphics go, and where links to other documents (such as graphics
files) occur.
For example, the tag you assign to a title looks like this:
<TITLE>My Web Page </TITLE>
The tag is made up of an open angle bracket (<), characters
that describe the tag's action, and a closing angle bracket (>).
Most tags occur in pairs. In the previous example, the beginning
tag, <TITLE>, turns the property on, and the ending tag,
</TITLE>, turns the property off.
http://www.corel.com/news/index.htm
A URL is also associated with image maps. An image map is a graphic
with a hyperlink. When a user clicks your
image map, they are linked to the document that the URL points
to.
Generally, .GIF format is considered the
best choice for line drawings and graphics with few colors or
sharp edges. The .GIF format also offers transparency, interlacing,
and animation capabilities.
The .JPG format is the preferred choice
when saving images with broad tonal ranges, such as photographs
or scanned images. JPGs also tend to use more disk space than
.GIFs.
The .PNG file format is relatively new and was developed as an
alternative to .GIF and .JPG files. Your Web browser may require
that you install a plug-in filter in order to support this format.
Click here to learn more about publishing images to the Internet.
Click here to open a sample image.
Select a topic:
Finding out more about .GIF images and transparency.
Creating an image with areas that will become transparent when viewed in a Web browser.
The image you have currently loaded shows an airplane against
a white background. You can make the white background transparent
when viewed on a Web page.
The color palette includes only those colors that are found in
the image.
Only the Index color you choose will be transparent. Therefore,
if the background is multicolored or of a non-continuous color,
you may not achieve the desired effect.
Click here to learn more about publishing images to the Internet.
You can also create your own image map using
a sample image and an object.
Click here to open a sample image.
Select a topic:
Click on the following to learn about the different parts of a
URL address:
Select a topic:
Converting your image to 8-bit (256 colors) in order to save it as a .GIF.
Converting your image to image to 24-bit RGB (true color).
To verify the image's color mode, click the Image Information button
on the Standard toolbar, or click File menu, Document Info.
Click the following for more information on the Tag WWW URL dialog
box controls:
Click here if your image is a .GIF
Click here if your image is a JPEG
Click here to find out about File Header Options.
If you chose the Client-Side image map type, an .HTM file is created;
the .MAP file is embedded within the .HTM file.
If you chose the Client-Server NCSA or the Client-Server CERN
image map type, both an .HTM and a .MAP file are created.
If you chose the Server-Side NCSA or the Server-Side CERN image
map type, a .MAP file is created.
You have now learned how to create a clickable image map.
For all image map types (except for Client-Side) you must give
the .MAP file to your Internet Service Provider.
Click here to learn more about publishing images to the Internet.
To do this, you will use a program called Corel TEXTURE.
This program is available as a Custom setup option when you install
your CorelDRAW 8 software. If you have not installed Corel TEXTURE,
run the Setup program before continuing.
The Texture Wizard will guide you through a series of steps to
produce a unique tile that will be used to create the tileable
background texture.
<BODY BACKGROUND="file name.file extension">
Example: <BODY BACKGROUND="tile.jpg">
Note
Tip
Tagging is the process
of assigning URL addresses to objects in
your image. When the final image map is clicked, these addresses
point browsers to destinations on the Internet.
The second stage involves
saving the tagged image in a Web-friendly file format, e.g., .GIF file format,
or .JPG file format.
Tip
Click Image menu, Convert
to, RGB Color (24-bit). If this command is grayed out, your image
is already in RGB color mode, and you can skip this step.
Use the arrow keys to
scroll through the list of objects. As you do, the objects will
appear as thumbnails to the right.
Note
Note