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.

In The News:


pen paper and inkwell


cat break through


Effective Website Design

In this era of ultra-sophisticated internet marketing and web design,... Read More

Hacked Off with CSS?

For those not familiar with CSS Hacks, they are ways... Read More

Why Web Pages Appear in the Wrong Location after Uploading to my Website?

If your are a new web designer, you may face... Read More

7 Reasons Why Using CSS is a Must

CSS is a new option for website designers that have... Read More

Attention Grabbing Web Design Will Kill Your Sale!

In the of-line marketing world it is all about trying... Read More

Why Long Web Pages are Better than Short Ones

Many Internet sites that try to sell you something have... Read More

Web Design for Ecommerce

Your website is your tool for showing the online community... Read More

How To Use Color Effectively When You Create A Web Site

Colors are powerful, and create strong feelings. They can also... Read More

How To Choose The Right Web Design Company

1. Size does not equate to competencePeople sometimes assume a... Read More

3 Tips For Writing Content That Will Make You Sales

Content is king. Without content your website is an empty... Read More

Keyword Density

We can't emphasize enough the importance of including keyword-rich content... Read More

Choosing A Color Scheme

When you begin the design of your Web site, one... Read More

What Drives Repeat Visitors To Your Site?

There can be zillions of reasons why your visitors return... Read More

Design Matters in our Visual Culture

FIRST IMPRESSIONS. First impressions often leave lasting impressions. Impressions... Read More

Learn the Truth about Your Web Design Company by Its Portfolio

When you start building your online business and search for... Read More

Whats Wrong With My Website?

I ask myself that question about once a month.My website... Read More

How Important is Content to a Successful Website

Content is the most important part of any website.The Internet... Read More

Are You Driving Away Potential Customers?

When a prospect lands on your website will he or... Read More

Web Design: Should You Hire Someone or Do It Yourself?

So you need a website. You are not sure if... Read More

Three Things You Must Do When Designing and Building Your Small Business Website

If you are going to have a web presence for... Read More

Why Not To Use Web Design Templates For Your Website

In today's age of fast food and high-speed Internet, a... Read More

Creating Personal Web Sites (Part 2)

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

4 Things That Make A Web Site Great

First you need original content. Content is the heart beat... Read More

How to Get Your Visitors to Create Content for Your Website

An ongoing challenge for webmasters today is to provide fresh... Read More

The Key to Getting More Magic Shows Booked Online

This article is the result of a conversation I had... Read More

Website Sales: 10 Strategic Tips To Maximize Your Profits

If you've a website but not making a lot of... 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

Browser Compatibility

Internet Explorer, created by microsoft has been the most popular... Read More

When Good Computers Go Bad

Remember the day that you got your new computer (or... Read More

Creating a Basic Web Design Template

A "template" is simply a design format which you can... Read More

Designing Beautiful Artist Websites ? 12 Tips To Showcase Your Art

1. Who needs an artists website?Not everyone! If you are... Read More

So You?re Hiring a Web Designer?You Have the Right to Demand these 7 Perks

Whether you're hiring a designer who has created 10 sites... Read More

What You Should Ask a Web Designer Before You Hire Him

You've thought about it and you're ready to go. You're... Read More