Guide to HTML Editors and Web-authoring Packages.

tutorials4u.com

Home HTML Tutorial

Tutorials

T171 News. Tips

1 Required Programs

2. First Web Page

3 Page Appearance

4 Colour RGB System

4a Colour Names

5 Tables

6 Graphics

7 Linking.

8 Lists

9 Meta tags

10 Frames

11 Uploading

12 CSS

13 Scripts

14 Site Promotion

15 Site Design

16 Forms

99 Web Glossary

Information

Recommended Books

Editors and Authoring

Hosting

Link to us

Search engines

Useful Links

Software

Webmaster

Tools

HTML Editors and Web Authoring Packages

	Page Contents
	Introduction
	WYSIWYG
	Which Editor Decision Time
	List of Web-Authoring Packages and HTML Editors
	Macromedia Student Studio 8	The Student discount package.
	Windows Notepad	Free with Windows. Hard work hand coding
	Note tab Lite	Free Download. Hand coding made easier with tag insertion features.
	HTMLGate Premium 9.0
	Front Page	Not recommended for T170 and T171
	Word	Not recommended for T170 and T171
	Arachnophilia	Free.
	Namo Web Editor	WYSIWYG Editor

Introduction

HTML code that you write to produce a web page is only a text file and can be written in the simplest of text editors such as Notepad, which comes as part of Microsoft Windows.

In text editors such as notepad all the code must be entered either by hand or copied from tutorials such as this and pasted into the text editor. This is called hand coding and an excellent way of learning how to write the HTML code.

Life can be made easier for the programmer by using better editors or Web-authoring Packages, which will automatically insert HTML code for you, this is often achieved by selecting an icon in the editor. Students using these better editors or web authoring packages should ensure that they look and learn the code produced automatically by the program.

In theory it is possible to create an excellent web page or site using these packages, without understanding any HTML code. In practice, from time to time, things do go wrong and you are required to go into the raw source code to rectify the problem.

Up to 80% off for Students from Adobe. Plus FREE Shipping Offer

Search this site for a word or phrase. Place phrases inside "double quotes"

WYSIWYG

WYSIWYG pronounced Whissy Wig. This stands for What You See Is What You Get

This means that you are working with a representation of the finished page as it should appear in a browser. Browser tend to render Web Pages slightly differently so finished web pages you create shold be checked in different browsers.

Representation

I say representation because additional information is often included on the WYSIWYG screen such as dotted lines for tables without a border.

Should Appear

You will soon learn that each browser displays a lot of the code slightly differently. Some browsers will not recognise code that is specific for another browser. Because of this your page may work in one browser and be a total mess in another. The most popular browser is IE versions later than 5.5 followed by Netscape later than 4. You should at least check your page(s) in both these browsers.

Which Editor Decision Time

Before choosing an editor you may like to consider the future and answer the following.

I want an editor just to do a course such as the Open universities course T183 - Then all you need is a free or reasonably priced Editor such as KompoZer that the OU uses for it's course
I wish to produce web pages/sites for other people or gain knowledge in the use of one of the top products. - Then you need one of the top authoring packages. I recommend Dreamweaver for this. Ife you are a student and at this stage not producing commercial sites look into the student licence for Adobe Dreamweaver
If you are going to do an Open University course requiring web pages to be submitted then you should be aware that Word and Front page create problems with the Open University ETMA system. There are work around's if you really know what you are doing, but I recommend that you follow the OU's recommendation and don't use these products.

List of Web-Authoring Packages and HTML Editors, and useful information on them

Dreamweaver

Dreamweaver is the best Web Site Editor & authoring tool

You can purchase Dreamweaver as a Stand alone program or included in a choice of 3 different Suites of programs

Full detaile are available on our Adobe Page

KompoZer

A free web WYSIWYG Editor. Download from Kompozer

Windows Notepad

Simple Text Editor. Included with Microsoft Windows

Note tab Lite

Good award winning Text Editor with HTML tag insertion. The lite version is Free

Extracted from there site: The ultimate free Notepad replacement and a handy HTML editor. Handle a heap of files with a tabbed interface. Search files, strip HTML tags and format text quickly

http://www.notetab.com/

HTML- Kit

A great HTML editor free download of earlier version from:

http://www.chami.com/html-kit/

HTMLGate Premium 9.0

Price Approximately£9

http://www.mps.uoe.org

Front Page

Front Page is available as an individual program or as part of the Microsoft Office premium package. Microsoft Office premium is also available with a student licence discount

The code produced by FrontPage is not standard and not all hosting services are able to host these pages. If you use FrontPage then ensure your host allows FrontPage extensions

This program is NOT recommended for students studying course T183

Microsoft Word

Microsoft Word can also save documents as a web page. Unfortunately the code produced is very verbose and would probably confuse you. For this reason I can not recommended this program for producing Web pages. Can also cause problems for students on course T183 Some of the better Web authoring packages 'Clean up Word HTML' facilities.

Arachnophilia

Highly praised FREE HTML editor

http://www.arachnoid.com/arachnophilia/

HTML kit

Very good reports on this

Non WYSIWYG Editor

Has a good preview mode. Pick the browser to preview in.

http://www.chami.com/html-kit/features/

Namo Web Editor

WYSIWYG Editor

The Namo Web Editor has appeared on several magazine cover disks. The Editor has a WYSIWYG interface, allowing you to see each web page as you build it, making it easy to create web pages. Just type in text as you would like it to appear, and use the built in tools to improve the appearance with graphics and design features.

www.namo.com

HTML-Kit

FREE, lots of facilities. Highly recommended

http://www.chami.com/html-kit/

Top of Page

Leisure Time - book your holiday or flights with our UK sponsors

Book a Thomson holiday	easyJet Holidays	Book a Monarch Holiday
Fly Thomas Cook flights	Jet2 Cheap flights	Monarch Flights