Webmaster Tutorials - Web Design
Webmaster Resource Directory | Contact Us | Submit Your Site

LEARN

BUILD

PROMOTE

SELL

MANAGE

GET LISTED



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.


More Web Design Articles

How to Build Your Own Website - More Steps
To build a website, there are four methods to choose from:First method: Get a professional designer to build the site for you:It is expensive in creation process, site maintenance and development.Second method: Designing the site with free website hosting:In this case, just sign in the website that offers this service, and start building your own website.

Plugging the Dreaded World Wide Web Black Hole is Just the First Step
You have created your custom error page so now all of that traffic that use to go into the World Wide Web black hole now stays on your web page. But if you don't do the following 15 Minute exercise once or twice a month you are not Maximizing those Lost visitorsCustom error pages are a crucial part of your web page but they are just not enough.

How to Design Website Which Google Likes
Are you going to design or redesign new website or thinking for it, then first read below given points, which google likes in a website, Google Information for Webmasters.There are more than 80 factors of your website that are taken into consideration when determining the ranking of your website, Following these guidelines will help Google find, index, and rank your site.

Why Your Site Should be Developed with CSS and Semantic Markup
Why your site should be developed with CSS and semantic markupOne thing that I have learned in over a decade developing web sites is that the Net is continually changing, and to keep up you need to change with it. One of the more recent developments in web design is the use of CSS and semantic markup.

How to Convince Your Visitors to Return Often
One visit does not make a sale. Be sure to make your Web site attractive to your visitors so that they want to come back.

Effective Website Design
In this era of ultra-sophisticated internet marketing and web design, there is no excuse for an e-business to suffer with an ineffective website. Whether your goal is to present a basic business website that briefly introduces and describes your company and product, or you endeavor to develop a fully-functioning cash-cow storefront, there is a wide array of design choices to cater to all of your needs.

Your Free Guide To Obtain A Cheap Web Design Quote
Website design is a very competitive area and there is no longer any reason why people should pay large amounts for web design services.This article describes and explains where to find very very cheap web design services.

Free Web Design Advice
In this article I will give advice and tips of where to find a low cost website design company and also about the best ways of producing a cool website.How many people or companies are advertising their services for web design?The answer is a great deal.

Why You Should Hire a Professional Website Designer
Your web site should always adhere to standards!A professional web site designer will provide you with a standard compliant web site that is cross-browser supported.What does this mean to you? Why should you care? Any site that isn't standard compliant can "break" in older browsers, or simply not display at all in, say, text-based browsers.

Cool Web Design And Promotion Tips
This article gives free tips on how to find a cheap website designer and free tips on website promotion services.Cheap website design services.




Helpful Tools

NetDownload
freeware and software downloads

Findahost
web hosting directory

FindaTechJob
new computer jobs daily

ManagedHostingPro
Managed Hosting and Colocation



© 2007 webmasteredge.com