Web authoring system: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
mNo edit summary
Line 3: Line 3:
== Definition ==
== Definition ==


A '''web authoring system''' is software to produce webcontents. They range from simple HTML editors to fairly sophisticated integrated development environments.
A '''web authoring system''' is software to produce web contents. They range from simple HTML editors to fairly sophisticated integrated development environments. Today, a lot of web contents are not produced with web authoring systems, but with [[portalware]] of various kinds (and that include [[learning management system]]s. In other words, you don't necessarily need a web authoring tool for producing web contents.
 
Today, a lot of web contents are not produced with web authoring systems, but with [[portalware]] of various kinds (and that include [[learning management system]]s


See also: [[Text editor]] (for more technically minded people)
See also: [[Text editor]] (for more technically minded people)
Line 28: Line 26:
* [http://software.visicommedia.com/en/products/acehtmlfreeware/ AceHTML] (HTML only)
* [http://software.visicommedia.com/en/products/acehtmlfreeware/ AceHTML] (HTML only)


[User:Daniel K. Schneider|Daniel K. Schneider]] can recommend these systems, i.e. they do a job, but prefers to use a programming editor, e.g. (X)Emacs.
[[User:Daniel K. Schneider|Daniel K. Schneider]] can recommend these systems, i.e. they do a job, but prefers to use a programming editor, e.g. (X)Emacs.


=== Cheap structure editors ===
=== Cheap structure editors ===
Line 37: Line 35:


=== Programmer's editors with HTML support ===
=== Programmer's editors with HTML support ===
Programming editors also offer support to a wide ranger of other languages. Other than that, they should be no different to structure editors.


There are lots of [[text editor]]s with HTML support, e.g.
There are lots of [[text editor]]s with HTML support, e.g.
Line 74: Line 74:
=== Other editing software ===
=== Other editing software ===


* Some word processors like [[Adobe FrameMaker]] can be configure for single source HTML/XML/PDF production.
* Some word processors like [[Adobe FrameMaker]] can be configured for single source HTML/XML/PDF production.
* (future?) versions of Office XP.
* Word can export HTML (although the code is pretty non-standard and may require cleanup)
* Open Office
* Open Office
* [[Presentation software]] can export to HTMLweb authoring
* [[Presentation software]] can export to HTMLweb authoring


See also [[document standard]], since one can produce HTML from any reasonbly well defined document format.
See also [[document standard]], since one can produce HTML from any reasonably well defined document format.


== Useful browser extensions and browser tools ==
== Useful browser extensions and browser tools ==
Line 98: Line 98:
; Commercial
; Commercial


* Adobe Dreamweaver (with the free [[CourseBuilder]] extension)
* Adobe Dreamweaver (with the free [[CourseBuilder]] extension, iff still available)


; Free stand-alone
; Free stand-alone

Revision as of 12:47, 5 December 2011

Draft

Definition

A web authoring system is software to produce web contents. They range from simple HTML editors to fairly sophisticated integrated development environments. Today, a lot of web contents are not produced with web authoring systems, but with portalware of various kinds (and that include learning management systems. In other words, you don't necessarily need a web authoring tool for producing web contents.

See also: Text editor (for more technically minded people)

List of editing software

Specific tools for web programming are not included here.

Free structure editors

There are dozens of available systems. They usually offer support for editing HTML and CSS. Some also support scripting languages. We don't have time to evaluate these. You should look out for features like:

  • Syntax high-lighting
  • Code formatting
  • Code completion
  • Validation

See also XML editors to edit XHTML, SVG etc.

Windows:

Daniel K. Schneider can recommend these systems, i.e. they do a job, but prefers to use a programming editor, e.g. (X)Emacs.

Cheap structure editors

For the Mac:

Programmer's editors with HTML support

Programming editors also offer support to a wide ranger of other languages. Other than that, they should be no different to structure editors.

There are lots of text editors with HTML support, e.g.

  • Notepad++ (Windows)
    • Lightweight and easy to use, does good syntax highlightning but no indentation
    • Has a rather large library of plugins.
  • PSPad (Windows).
    • Lightweight and easy to use, does syntax highlighting, but no indentation (too bad !)
    • Only thing you need to know is: "CTRL-space" will open a popup for contextual code completion
  • (X)Emacs (Most systems, that's what I prefer, but young people have trouble with this.)
  • JEdit (Most systems)
    • This is a more complex editor than PSPad or similar, ok for programmers.
  • BBEdit (commercial) is popular with Mac users. The free TextWrangler has some HTML support.
  • Aptana (Mac)

See the text editor article for more information about text editors.

Free HTML WYSIWYG Web Editors

  • Kompozer (formerly NVU). A fairly nice editor. Good for beginners.
  • Mozilla SeaMonkey Suite (a followup from the earlier Mozilla browser that includes a navigator, a composer and an email client).
  • Amaya, The W3C sponsored test browser and editor.

Wikipedia has a list of some Free HTML editors

Through the web editors

See JavaScript links. These systems usually are installed on some web page with a server-side connection (e.g. in a CMS. But nothing prohibits someone to use them client side only (and copy/paste the HTML code)

Commercial Mid or High End tools

  • Microsoft FrontPage
  • GoLive is a dead product since April 2008. See Dreamweaver.
  • Dreamweaver (Adobe's flagship web authoring tool, students can get substantial discounts).
  • Espresso by MacRabbit. A lean but yet powerful tool.

Other editing software

  • Some word processors like Adobe FrameMaker can be configured for single source HTML/XML/PDF production.
  • Word can export HTML (although the code is pretty non-standard and may require cleanup)
  • Open Office
  • Presentation software can export to HTMLweb authoring

See also document standard, since one can produce HTML from any reasonably well defined document format.

Useful browser extensions and browser tools

Many authoring tools don't provide you with enough information about what you are doing.

(1) Browser extensions, in particular for Firefox, can help. E.g. if you develop web page, Web Developer is a must have.

(2) Most modern browser also include built-in development tools. For the moment, read:

Software of particular interest to education

These systems offer additional functionality, e.g. can export to IMS Content Packaging.

Commercial
  • Adobe Dreamweaver (with the free CourseBuilder extension, iff still available)
Free stand-alone
Free server-based
  • Docendo (a free server-based solution to produce SCORM 1.2 packs or HTML zip files, needs a JAVA servlet engine such as Tomcat)

Links

Editors
Browser tools