corner Guide to HTML Editors and Web-authoring Packages.  corner
space design

Design

 

 

corner

HTML Editors and Web Authoring Packages

corner
HTML Tutorial

 

Web Design

Results per page:

Match: any search words all search words

 

Page Contents

 

Introduction  
WYSIWYG  
Which Editor Decision Time  
List of Web-Authoring Packages and HTML Editors  
   
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.

space

 

 


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 should be checked in different browsers.

 

Representation

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

 

Browser displays

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

 

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 available

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

Also massive discounts are available for Students, proof of student status is required.

Full details are available on our Adobe Page

 

Kompozer

A free web WYSIWYG Editor.

Download from Kompozer.

We will be writing hints on using Kompozer throuout the HTML & CSS Tutorials

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 for Windows

Try or purchase the latest version or obtain a free download of an earlier version from:

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

 

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 such as Dreamweaver 'Clean up Word HTML' facilities.

 

Arachnophilia

Highly praised FREE HTML editor

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

Ensure you read & follow the instalation steps which are more involved than usual.

 

HTML kit

Very good reports on this

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/

 

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

corner
Design
Previous Top of Page Next
Design
corner
space

 

 

 

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


Book a Thomson holiday

easyJet Holidays

Book a Monarch Holiday
flythomascook.com
Fly Thomas Cook flights
Jet2
Jet2 Cheap flights

Monarch Flights

More Tutorials

M206
Home page of a tutorial in programming in Smalltalk, a object-oriented programming language. This is an ideal tutorial for anybody learning Smalltalk and of particular interest to students on courses: M206 at the OU Open University, and course CSC517 at NCSU North Carolina State University

C programming tutorial
Home page of a tutorial in programming in C This is an ideal tutorial for anybody learning C programming language, and of particular interest to students on courses: T223 at the OU Open University.

tutorials4u.com
Home page of tutorials4u.com

Leeds my home town

 

Top

AireWeb Web Design
Leeds Web design

Copyright © John McGuinn 2001-03

.