skip to content
.
logo picture logo text

Tutorial Links

Sometimes you just want some quick links to tutorials about how to do something specific. Some of these linked tutorials and/or help files were originally created for The Studio group on Eons. Some were created specificaly for this site. Some are links to other sites. However, all the linked pages will open in a new window (if I didn't forget to include that code, LOL). Don't want you to lose your way back here!

Graphics

Creating a Logo or Banner


Using Pixlr.com - http://pixlr.com/editor/ - This help file, Combining Images at Pixlr, gives step-by-step instructions and includes screenshots. It tells how to make a transparent banner with text and also shows how to add separate images.
Youtube Video - Creating a Banner at pixlr http://www.youtube.com/watch?v=OGWq283jiuU This video tutorial is very wel done and useful!
Youtube Video - Make Header Graphics in Just 5 Minutes Using Pixlr Editor https://www.youtube.com/watch?v=ACiRYWh_sE8 - This video tutorial shows how to use the text tool. You don't need to download a font unless you really want. You can use what you already have on your computer.

Web Building

Basic HTML

An Introduction to HTML - This tutorial explains the different parts of an HTML page and some of the basic HTML tags. (Originally, a help file for The Studio group on Eons.)
Website "A" This tutorial gives step-by-step instructions to hand code a very simple website with an external CSS file.

Basic CSS

Methods of Incorporating CSS - This help file explains the differences of using an external CSS file, internal CSS in the head of an HTML document and/or Inline CSS styles used in body of an HTML file. (Originally, a help file for The Studio group on Eons.)
Inline CSS Styles - This help file gives examples of inline css that can be used in private messages and group posts on Eons.com (Originally, a help file for The Studio group on Eons.)

HTML Editors

Kompozer
Introduction to Kompozer - This tutorial with screenshots might help you get started in using the free WYSIWYG HTML editor, Kompozer. (Originally, a help file for The Studio group on Eons.)
Adding an Image Using Kompozer - This is a continuation of the tutorial above. (Originally, a help file for The Studio group on Eons.)
SeaMonkey
Introduction to SeaMonkey Composer - This tutorial with screenshots might help you get started in using the free WYSIWYG HTML editor of the SeaMonkey browser/composer. (Originally, a help file for The Studio group on Eons.)

Learning how to use a Free Css Template

Pomodoro Template Exercise - Using different images without making changes to the code in the external css file. (Originally, a help file for The Studio group on Eons.)
Connection Template Exercise - Making a few changes in the css file to change color and change the image used for the background logo. (Originally, a help file for The Studio group on Eons.)