Web Page Editors

Knowing about the types of web page editors that are available to you and choosing one to use is one of the first decisions you'll make as you begin to create your own website. Web page editing tools generally fall into three categories: text-based editors, split window editors, and WYSIWYG (What You See is What You Get) editors. This tutorial will explain the difference between the types of web page editing tools.

Note that web page editors are often called HTML editors. All web page editors can create great XHTML code.

Text-Based Web Page Editors

For XHTML purists and those who know the rules for XHTML editing, text-based editors are the tool of choice. These are only slightly different than raw text editors like BB-Edit or Notepad. The difference between a text editor like Notepad and an text-based XHTML editor is convenience. Text-based editors usually include tools that let you quickly insert common XHTML code snippets or element combinations. They also have one-button clicks to open your XHTML page in a browser to check it where regular text editors don't. This save lots of time in saving an XHTML file and then opening it in a browser window to check the results of your work.

Essentially, text-based XHTML editors are regular text editors with some extra Web-editing features added to them.

Split Window Web Page Editors

Split Window web page editors are basically text-based editors with an attached preview screen that displays the results of your work as you are editing your code. You get a live preview of your page as you're creating it. This saves a lot of time in saving your file and then opening it in a browser to view it. Other than that, they are very similar to the text-based editors above.

WYSIWYG Web Page Editors

WYSIWYG web page editors are some of the more sophisticated web editing tools and work very much like a word processor. What you type in the editor is what you get on our web page. You type in text and format it just like you might do in Microsoft Word. Inserting images is about the same.

In WYSIWYG editors, XHTML markup is generated automatically behind the scenes as you're typing in the word processor-like interface. That means you don't need to write your own XHTML tags. The editor does it for you.

Choosing the Right Web Page Editor

Any web page editing tool will produce excellent web pages and a tool like one of those listed above will be much easier to use than a simple text editing tool. The type of tool you choose will depend on how many features you want and how much money you want to spend. Although there are some very good tools that won't cost you anything.

Some of the most sophisticated and powerful web page editing tools combine many of the features of text-based editors, split window editors, and WYSIWYG web page editors. Adobe's Dreamweaver is an example of this type of very powerful web editing tool.

No matter what tool you choose, you'll still need to understand some basics about XHTML to get the results you want. The WYSIWYG tool will be much easier and faster to use, but even with that, you'll want to fine tune the code that it produces and in order to do that, you'll need to understand XHTML.

I've been creating web pages for a dozen or more years and I've used everything from Notepad, Coffee-Cup, FrontPage, Hot Dog Pro, Claris Works, BB-Edit, DreamWeaver and more. Even MS Word promotes itself as a tool that generates web pages, but it's been my experience that you're much better off getting a tool that is a dedicated web page editor, not one that doubles as a word processor or desk top publishing program that also makes web page. These tools usually add tons of extraneous code in order to make them work. That boats the code on your web page making it a larger file than it needs to be and also slower to download.

If you're serious about creating quality web page, I recommend that you invest in a professional tool. If you don't know a lot about XHTML tags and code, then get a WYSIWYG editor that writes the code for you. As you learn more about XHTML you can shift to more hand coding if you prefer, but I'm guessing that once you get used to using a WYSIWYG editor, you won't go back to a text-based editor.

The best tool that I've used and the web page editor that I recommend is Adobe's (formerly Macromedia) Dreamweaver. This is a powerful professional WYSIWYG editor. It's also good if you're going to be building dynamic database driven web pages where your web page interacts with a database through a programming language known as middle ware. You'll hear more about that on another page.

If you liked this article, you might also like some of these:

• Web Design
• Website Design Principles
• Web Page Editors
• Tips for Perfect Web Design
• Put Video on Your Website

Enjoy this website?

To link to this page from your website, simply cut and paste the following code to your web page.

<a href="http://www.create-a-great-website.com/web-page-editors.html" target="_top">Web Page Editors</a>

It will appear on your page as:

Web Page Editors

 

Share this Webpage

 

More Create a Great Website Articles

Build a Website | Create a Great Website! Build a Website is an online website tutorial and guide for showing anyone how to create a web site that draws significant traffic. The site also explains how to make money from your website.

Keyword | Create a Great Website! Create a Website is an online website tutorial and guide for showing anyone how to create a web site draw significant traffic. The site also explains how to make money from your website.

Website Host | Create a Great Website! Website host - Getting Space on the Web. This tutorial will teach you what you need to know about selecting a Website host.

Infolinks In-Text Advertising | Create a Great Website! This article explains how website publishers and bloggers can make money from their websites by using Infolinks In-text advertising links.

Website Niche | Create a Great Website! Choosing your website niche is one of the most important decisions you'll make and it will have a huge impact on your ability to make money with your website.

Online Courses Online courses from Create-a-great-website!

Create a Great Website Blog Create a Great Website Blog

E-Commerce Website | Create a Great Website! Information and resource for creating an e-commerce website.

Web Design | Create a Great Website! Tutorials and tips and resources for web design.

Domain Names | Create a Great Website! Domain Names - What you need to now about website domain names, choosing one, parking a domain, registering a domain name.

Planning a Website | Create a Great Website! An overview of everything you'll need to know in planning a website.

Create a Great Website Blog The Create a Website Blog - listing of recent articles published on Create a Great Website.

CSS Tutorial | Create a Great Website! An introduction to CSS tutorial.

Dreamweaver CS4 Tutorial | Create a Great Website! This Dreamweaver CS4 Tutorial covers everythong you need to know about creating a website with Dreamweaver.

WordPress as a Website | Create a Great Website! What you need to know about using WordPress as a website.

Affiliate Marketing | Create a Great Website! Affiliate marketing is a great way to make money online. This article provides tips on how to do it.

Site Built-It! for Making Money Online | Create a Great Website! Why I chose Site Build It! for Making Money Online.

Ebooks, Tutorials, and E-Googs | Create a Great Website! Learn how you can make money with your own Ebooks and E-goods.

Search Engine Optimization | Create a Great Website! What you need to know about search engine optimization and why it's so important for your website success.

How to Make a Website | Create a Great Website! The basic steps for how to make a website. Making your own website can be fun and profitable activity. Let the information tutorials and resources on Create a Great Website show you how.

XHTML Tutorial | Create a Great Website! XHTML Tutorial from Create a Great Website. Learn about XHTML tags and how to use them in your web pages.

Dreamweaver CS5 Tutorial | Create a Great Website! This Dreamweaver CS5 Tutorial covers everything you need to know about creating a website with Dreamweaver CS5.

Web Tutorials Create a Great Website! Web tutorials for beginners through experts for creating a website. Includes topics on Dremweaver, CSS, and others.

Buy Dreamweaver CS5 | Create a Great Website! Buy Dreamweaver CS5: Here are several retail outlets and online vendors where you can Dreamweaver CS5.

Link Building | Create a Great Website! What you need to know about link building for your website and strategies to build more links to your website.

Small Business Website - Getting Started | Create a Great Website! Everything you need to know about setting up a small business website.

Contact Us | Create a Great Website! Contact Us.

 

This site proudly build with Site Build It!