OTTER SITES OF INTEREST

HTML, GRAPHICS AND WEB DESIGN
~ TUTORIALS ~

THREE LEAVES


"OTTER'S PLACE FOR FAQS"

This web site was created as an "Index to Answers" of the most "frequently asked questions" from the Virtual University HTML classes. These Tutorials were created by the instructors and students to answer questions regarding basic HTML, graphics and programs that will make web page design and creation easier. As more questions are asked, more links will be added. Bookmark this site and come back often!


~ ~ ~


"HOW BACKGROUND AND BORDER GRAPHICS TILE"

Backgrounds are made up of either .gif or .jpg images that are placed in the opening <BODY> tag using the attribute BACKGROUND="image.gif". The key is to get the image to "tile" without seams showing so that it looks like one continuous background wallpaper. This Tutorial explains how they work and how to create Border Backgrounds.


~ ~ ~


"WEB PAGE DESIGN WITH AOL"

AOL users apparently face their own unique set of problems with web page creation. Because of this situation, a special "AOL Support Team" was formed for the Winter 1998 Virtual University HTML and Web Page Design class. We hope that these resources will be beneficial to other web designers that may be having similar problems with AOL.


~ ~ ~


"HOW TO USE A BORDER BACKGROUND"

"Border Backgrounds" are backgrounds that have either a solid color strip or graphics that usually run down the left side of the browser window. The "trick" is to get your text and other graphics to fit on the right hand side of the screen without running into the border! Sometimes you might want to use a solid color border to hold your navigational menu, graphics or links to other sites. There are a few different ways to set your HTML code for borders -- this Tutorial demonstrates a very simple one.


~ ~ ~


"LEFT SIDE vs RIGHT SIDE" BORDER BACKGROUNDS

Borders can be placed on the left side of your web page or on the right side. This web page Tutorial demonstrates the difference in a left side border image and a new similar image used for a right side border. The HTML TABLE Code for using both border effects are listed.


~ ~ ~


"THE MYSTERY OF ANIMATED GRAPHICS"

What is an animated graphic? How do they work? Why do they take so long to load? How can I make my graphic bigger or smaller? What type of software program do I need to create animations?

I have received a lot of questions related to animated graphics and decided to create this web site to try to clarify some of them in an illustrated and easy manner.


~ ~ ~


"MAKING A THUMBNAIL IMAGE"

A common mistake among web page designers (new and experienced) is not "reducing the bytes" and actually "resizing" an original large image into a "thumbnail picture". This tutorial demonstrates how to make and use a thumbnail image as a hyperlink to allow for quicker download time of your web page.


~ ~ ~


"IMAGE 'BULLETS' AND LISTS (USING ICONS)"

There are a number of ways to create lists using "images" (icons) instead of "bullets" or "numbers". These lists can be used as links to other web pages. This tutorial gives some examples and the HTML code used to create these effects.


~ ~ ~


"IRC ACRONYMS"

Acronyms are abbreviations often used in IRC and E-mail to express a feeling or thought and save time typing an entire phrase. Those funny little "symbols" that often appear in E-mail and on IRC are "Emoticons". These "expressions" are used because you can't see the person who is sending you a message and you may be uncertain whether they are serious or joking with you. This is a list of a few of the more popular ones you may see.


~ ~ ~


"VIRTUAL UNIVERSITY HTML STUDENT PAGES"

A listing of former HTML student pages from Virtual University HTML, Graphics and Web Design classes. This site includes class projects from the past eight years and special "Tutorial" and "Resource" pages created by the students.


~ ~ ~



Tutorials section of this site designed or created by Otter Sites Web Design mirrored and maintained at VU
Copyright is claimed by Otter Sites Web Design to the entire body of this collection, as an entity, and to the HTML code which presents it as a collection. Otter Sites has received expressed permission for use of public domain and other privately owned works on this web site.
The content of this site, in part or in full, may not be reproduced, published, transmitted, uploaded, modified or distributed in any manner without Otter Sites prior written permission. Otter Sites Web Design is not responsible for material presented on third party linked sites.

Copyright © 1997-2005 Otter Sites for Virtual University. All Rights Reserved.