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


 



Ross Communications image.
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
Graphics should be used in moderation and they should have a file size no bigger than 10K That's because graphics slow down the loading of a webpage.

Lesson 6: Alignment
Aligning Text With Graphics
If you tried to align a paragraph with a picture you know how frustrating it can be. After the first line the text jumps right down and underneath the picture. To stop that from happening use the ALIGN attribute in the IMG SRC tag:

<IMG SRC="graphicname.gif" ALIGN="left">

This makes the text flow down the side of the picture. Example:

<IMG ALIGN="left" SRC="pups.jpg"> <I> See how the text here is going down the picture?<BR>The align attribute makes this possible.</I>

Result:

See how the text here is going down the picture?
The align attribute makes this possible.


Did you notice the <I> </I> tag I put in? Use the tags you learned, otherwise you'll forget.

To start your sentence or paragraph a little further down the picture use a couple of <BR> tags before you begin typing your text:

<IMG SRC="pups.jpg" ALIGN="left"> <BR> <BR> <BR> <I>See how the text here is starting a little further down the picture?<BR> The break tags make this possible.</I>

Result:




See how the text here is stating a little further down the picture?
The break tags make this possible.

To avoid using a bunch of <BR> tags you can also put <P>&nbsp;</P> before you begin typing your text. Remember this from the previous lesson? &nbsp; is a space on your web page, enclosing it in the <P> </P> tags will make your text skip down several lines.

If your paragraph ended before it reached the bottom of the picture and you want to start a new line of text below the picture, use the CLEAR="all" attribute in the <BR> tag:

<BR CLEAR="all">

It goes right after the text that's aligned with the picture:

<IMG ALIGN="left" SRC="pups.jpg"> <P>&nbsp;</P> <I> See how far down the text here starts?<BR>The space in the P tags make it happen. <BR CLEAR="all"> See how this line of text starts below the picture? The CLEAR attribute did it. </I>

Result:

 

See how far down the text here starts?
The space in the P tags make it happen.
See how this line of text starts below the picture? The CLEAR attribute did it.

Experiment a little with the tags, see what kind of results you can get and then find out how to put links on your page in



 

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.