Ross Communications - HTML and web page editing help for new web site designers

HTML TUTORIALS

What is HTML
Introduction
Lesson1:Tags
Lesson2:Paragraphs
Lesson3:Attributes
Lesson4:Lines
Lesson5:Graphics
Lesson6:Alignment
Lesson7:Links
Lesson8: Tables
Lesson9: Frames
Uploading Webpages

EXTRAS

Quick Reference
Color Chart
Webpage Templates
Free Web Graphics
Graphics Optimizer
Resources
Free Software

Coffee Cup Editor. HTML editing software that is very easy to use and sells for under $50 with lifetime upgrades.

Text Pad HTML editor. Another easy to use html editor. I have used both of these programs a lot, with great results.

Core FTP is a File Transfer Program that is very easy to use and there is no cost to use the free version wich will work very nicely.

FTP Explorer
FTP Explorer is also a FTP (file transfer) program and this is at no cost as well. Very easy to use.

XPlorer is a program that will put 2 windows on your desktop and allow you to transfer files between them. Move files easily on your own desktop, Easy to use.

Same as above, just another version. Both are very good and very easy to use.

Meta Tags. This program will help ypou with Meta Tags on your site. You should really get to know this free program.

Did You Know
All it takes is a teeny little mistake like a missing quotation mark to mess up your webpage big time, so be careful when you write your code.

Lesson 3: Attributes
Telling Tags What To Do
You probably noticed that the text on your web page is pretty small. We are about to change that with a new tag:

 

Inside this tag we are going to put what's called an attribute. Attributes tell tags how or where they are to display the stuff that is between them. To change the size of text we will use the SIZE attribute inside the FONT tag like so:

practice

Result:

practice
Note that the attribute was only required for the beginning tag. Note also the quotation marks around the +3 and the equal sign preceding it. Very important, never forget to put them in when using attributes otherwise it will have no affect on your text. You may use any size from -1 to -6 and from +1 to +6 but remember to put them inside quotation marks.

Color
Another attribute that can be used with the FONT tag is COLOR:

practice

Result:

practice
"#FF0000" is the code for red. Notice the # in front of the code, don't forget to include it inside the quotes. You can use the name of the color instead but it's better to use the code since some older browsers will not understand color names. Click here for a list of color codes and their names.

Style
To change the style of text add the FACE attribute to the FONT tag:

practice
Result: practice
Keep in mind that the style of font the viewers of your web page see depends on the style fonts they have installed on their computer. If they don't have the style you're using for your webpage, they'll get the default setting of their browser.

You can use any combination or all attributes in the font tag like so:

practice

Note: Leave a space between each attribute in a tag.

Result:

practice

Attributes work the same way in other tags. Remember the heading tag <H>? You can have it on the right side of your

web page like this

by using the ALIGN attribute in the beginning heading tag:

<H3 ALIGN="right"> your text </H3>
The stuff between the beginning and end tag will be on the right side of the page. Notice again that the attribute is only required for the beginning tag.You can also put text to the right of the page using the ALIGN attribute in the tag, but this time you will need an end tag:
practice, practice, practice

Result:

practice, practice, practice

Go try some attributes yourself and on with lesson 4.

Here are some links that have helped me

Html Made Easy is now a book! Don't spend money on books you won't understand, The Complete Html Made Easy takes you every step of the way in building a website, and it makes it fun and easy too!
More Info

XARA WEBSTYLE4

An Excellent Web Page Program

EVERYONE can make quality web graphics with Xara Webstyle, whatever your skill level. From banner ads to complete web pages, simply customize the templates.

XARA3D is the Number 1 Tool for creating stunning, professional-quality 3D web graphics. See why for yourself

ALL designers need fonts - get yours for as little as $2 US from

Links to Free Scripts

These Links are to sites that provide scripts and various other offerings to help you spruce up your web pages.

Dynamic Drive DHTML code library
Visit Dynamic Drive for free, original DHTML scripts and components, all of which utilize the latest in DHTML and JavaScript technology!

Links to Tools

These links will take you to sites that provide such things as guestbooks, Polls, Forms and a whole lot more. Scripts and programs you can add to your site to provide your users with information or get information.

BRAVENET.COMProvides many resources for web pages and is worth the visit.

Much information is provided by our State Regulatory Authority. From this link you can registar for the do not call list, or do not fax list. This site will also allow you to lodge your complaints about your local phone company. Check it out.