How to Use the Web Diner Web Alphabets and Graphics

How to Use the Web Diner Alphabets and Graphics

We have a gorgeous variety of web page graphics and alphabets here at the Web Diner, that you can easily use to jazz up your own web page.

Unzipping the Graphics

Browse through our collections of graphics until you find one you like. Then, download the graphic collection to your computer. The file will be a zip file, so you'll need an unzipping program to open it. WinZip is available for Windows. Mac users will want to use Zipit to unzip these files. A zipped file is a compressed archive of files. Once you unzip it, you should end up with a collection of graphics in GIF or JPG format.

Adding the Graphics to Your Web Page

You'll want to create a basic web page, and add the graphics somewhere between the

<BODY> and the
</BODY> tag. For instance, let's say you want to put the word "hi" on your web page using some of our 3D alphabets. If the letters are named h2.gif and i2.gif, the HTML you would add would look like this:

<HTML>
<HEAD>
<TITLE>
My Alphabet Web Page
</TITLE>
<BODY>
<IMG SRC="h2.gif"> <IMG SRC="i2.gif">
<P>
Welcome to my web page!
</BODY>
</HTML>

You can view this example.

We do ask that you keep a link to the Web Diner if you use the graphics.

Uploading the Graphics and HTML

We do have a complete tutorial on how to upload, or post your files on the web. The important things to remember are:

Upload the files to the same names, including the file extension (.htm, .gif, .jpg)
Graphics files are not embedded in the HTML - they're linked from the HTML file, so you need to upload all of the graphics files and the HTML file.
File names are case sensitive. Keep your file names short, lower cased, and do not include symbols or spaces in your file names.
Upload the files to the same folder/directory on the web server.

All content copyright of Web Diner Inc., 2000. Do not redistribute or repost this content. Tutorials | Home | Glossary