The Secrets to Successfully Learning Basic HTML

If you'd like to create/maintain a website, having some HTML knowledge is necessary in order to create a standard page on the web. Learning the HTML basics is easy and should take less than an hour.

First you'll need some type of software/editor to create your html pages. Here's a few to try out (or not) and see which you feel most comfortable with.

Editors for Hand Coding:

(http://www.notepad.org) Notepad - This easy-to-use HTML editor is FREE (for Windows version 2.0 and above). If you are interested in learning how to code by hand then this editor is highly recommended. It is not cluttered with tons of features and is handy for all scripting languages, html, perl, php, etc.

Advanced Source Code Editors:

These editors are similar to Notepad by allowing you to create your webpage via hand coding, but they help to speed up the process of coding by hand with features such as syntax highlighting, spell checking, global find/replace, code libraries, code snippets, file explorers, page previews, and much more. Ideal for all scripting languages.

(http://www.alleycode.com) AlleyCode - This award winning HTML editor is fast and comes with many great features. You can view your progress in real time using it's Synchro View feature. Another great editor if you want to learn to code by hand, comes with handy code snippets. Supports all scripting languages. Alleycode is FREE!

(http://www.evrsoft.com/download.shtml) 1stPage - This html editor comes packed with many features you won't even find in the high-priced editors, and it's free. This editor is perfect for everyone, from novice to expert. Some of it's features include, 400+ javascripts, 15 dhtml scripts, 17 perl scripts, 6 html scripts, 2 cgi scripts.

(http://www.macromedia.com/software/homesite) Macromedia HomeSite - $99 (Free 30-day trial). HomeSite provides a lean, code-only editor for web development. Advanced coding features enable you to instantly create and modify HTML, CFML, JSP, and XHTML tags, while enhanced productivity tools allow you to validate, reuse, navigate, and format code more easily.

WYSIWYG: (What You See Is What You Get) I do not personally recommend using these. Reason being that the code can be messy, unnecessary tags can get put in, and most importantly, the code will NOT be valid. Valid code is important for a properly functioning, SEO-friendly webpage. Once you learn how to hand code you can use these editors to save time and just go over the source code and clean it up to be sure it's valid.

WYSIWYG is a type of editor/software which allows the user to see the web page as it's being created. In other words, you can drag and drop images exactly where you want them, place text where you want it and not really have to deal with the code side of creating a web page.

(http://www.macromedia.com/software/dreamweaver) DreamWeaver 8 - Free to try; $399 to buy. Generally known as the best of the WYSIWYG editors. Comes with an easy to use interface, expanded CSS support, background FTP.

(http://office.microsoft.com/en-us/FX010858021033.aspx) FrontPage 2003 - 30 Day Free Trial, $199 to buy. While being a popular choice and commonly used, FrontPage is also known to produce bloated, messy, invalid code, you're best not to use this program. Features include the ability to upload your web site without requiring an FTP program, hit counters, feedback forms, and more.

(http://www.adobe.com/products/golive/main.html) GoLive - $399. Adobe® GoLive® CS2 software lets you unlock the power of CSS with intuitive visual tools such as prebuilt CSS objects that you can drag and drop to build sophisticated sites. Jump-start your designs by easily converting Adobe InDesign® layouts into Web pages. Or, design Web and mobile content in an advanced, standards-based coding environment.

To learn HTML it's best to make use of the tutorials offered at such sites as (http://www.w3schools.com/html/default.asp) W3Schools and (http://webmonkey.wired.com/webmonkey/authoring/html_basics) WebMonkey. That's how I learned. Also be sure to check out these excellent HTML resources, (http://www.websitetips.com/html) Website Tips and (http://www.htmlgoodies.com) HTML Goodies. To do the HTML tutorials I would advise using Notepad or one of the advanced source code editors listed above.

Colleen Chard is a professional web designer based in the greater Toronto, Ontario Canada area. She has been designing websites since 2001 and runs her own online business Kalina Web Designs, http://www.kalinawebdesigns.com. Colleen is also the webmaster of many other web sites including Directory Source, http://www.directorysource.info, and Apex Templates, http://www.apextemplates.com.

---

Got Web Traffic but Still Low Sales? Ten Ways to Selling Success - Part 1

Have you put a lot of effort, time, and money... Read More

How to Create A Homepage That Works

Want to know what the worst thing to say on... Read More

Top Ten Ways to Increase Web Sales - Part 2

You have only 10 seconds to impress your potential buyer.... Read More

Website Creativity: Why It Matters Now More than Ever

If one more business owner tells me their website sucks... Read More

Simplify Your Web Site for Clarity and Ease of Use

There are plenty of web sites out there in which... Read More

Web Designers Beware!

As a web designer, I have a personal interest in... Read More

How To Create A Professional Website In Less Than A Week

Here's a really simple way... any novice can create a... Read More

Web Crimes: how to avoid common website design mistakes

Thinking about designing your own website? Think again about adding... Read More

Power of Squeeze Pages for Realtors

Squeeze pages are a very hot topic in the internet... Read More

The Ultimate Web Site Marketing Strategies That You Should Know

Most of us know that we need to advertise our... Read More

Imitation, The Smartest Form Of Flattery

Unless you are an inventor, most likely you are selling... Read More

Great E-Cover Creation in 5 Steps

There are several graphic software packages available to help you... Read More

Appropriate Key Words Choice

What do the key words represent?Key words - these are... Read More

Graphic Design Using Color

Color is everywhere and conveys a message even if we... Read More

When You Create A Web Site, Dont Make A Splash!

Don't make a splash!Are you thinking about using a splash... Read More

Why Your Site Should be Developed with CSS and Semantic Markup

Why your site should be developed with CSS and semantic... Read More

Successful Flash Tips

Ever browse across a website that took ten million years... Read More

How To Rescue Your Graphic Design Project When All Else Fails

Whether you're giving a critical sales presentation to a client,... Read More

Web Design - 7 Key Things to Avoid

A search for "web design" on Google returns more than... Read More

What Does Your Website Say About Your Business?

QUESTION: My business is very small, just me and... Read More

You Too Can Have an Amazing Website

It is a well-known fact that a successful business depends... Read More

Web Copy - What You Should Know First

Just what is web copy? Some people think that web... Read More

Creating Personal Web Sites (Part 2)

This is the second part of a two-part article about... Read More

The Contrast And Similarities Between A Web Designer And Web Programmer

The concept of web designing based on the nature and... Read More

The Secrets to Successfully Learning Basic HTML

If you'd like to create/maintain a website, having some HTML... Read More

The Secret To A Profitable Website

Whether you are planning on having a website built for... Read More

Is Your Site Too Slow? Why Image Optimization Is Critical

Graphics are fun, but if you put in too many... Read More

How to Hire a Web Designer/Programmer for Your Website

Hire a designer or a programmer for your website is... Read More

Why Use Professional Web Site Designers For Your Next Web Development Project?

Probably you know someone who has created a web site... Read More

How To Write An Effective FAQ Page

Websites that have multiple pages usually have a Frequently Asked... Read More

Do You Want To Save Time With Your Web Design?

It starts off simply; a few HTML pages, a few... Read More

Top Six Ways To Make Your Visitors To Hate YOU!

We will take a look at why your visitors may... Read More

Double Ad-Trackers Its Not as Crazy as It Sounds Here Are 7 Reasons Why?

A Double Ad Tracker is an Ad-Tracker that points to... Read More