Web authoring system: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
Line 7: Line 7:
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
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


== Popular systems ==
== List of editing software ==


Tools for web programming are not included here.  
Tools for web programming are not included here.  


; Free HTML structure editors
=== Free HTML structure editors ===


There are dozens of available systems. We don't have time to evaluate these. See also [[XML editor]]s to edit XHTML, SVG etc.
There are dozens of available systems. We don't have time to evaluate these. See also [[XML editor]]s to edit XHTML, SVG etc.
Line 18: Line 18:
[[User:Daniel K. Schneider|Daniel K. Schneider]] can recommend both these systems, but prefers to use a programming editor, e.g. (X)Emacs.
[[User:Daniel K. Schneider|Daniel K. Schneider]] can recommend both these systems, but prefers to use a programming editor, e.g. (X)Emacs.


; Programmer's editors
=== Programmer's editors with HTML support ===


Again, there are lots of editors with HTML support, e.g.
There are lots of editors with HTML support, e.g.
* [http://en.wikipedia.org/wiki/Notepad%2B%2B Notepad++] (Windows)
* [http://en.wikipedia.org/wiki/Notepad%2B%2B Notepad++] (Windows)
* [http://www.pspad.com/ PSPad] (Windows)
* [http://www.pspad.com/ PSPad] (Windows)
Line 28: Line 28:
See [http://en.wikipedia.org/wiki/Category:Free_text_editors Free text editors] (Wikipedia) for a full list and also the [http://en.wikipedia.org/wiki/Comparison_of_text_editors Comparison of text editors].
See [http://en.wikipedia.org/wiki/Category:Free_text_editors Free text editors] (Wikipedia) for a full list and also the [http://en.wikipedia.org/wiki/Comparison_of_text_editors Comparison of text editors].


; Free HTML WYSIWYG Web Editors
=== Free HTML WYSIWYG Web Editors ===


* [http://nvu.com/index.php NVU]. A fairly nice editor. Good for beginners. The more recent Kompozer can also edit XHTML.
* [http://nvu.com/index.php NVU]. A fairly nice editor. Good for beginners. The more recent Kompozer can also edit XHTML.
Line 36: Line 36:
Wikipedia has a list of some [http://en.wikipedia.org/wiki/Category:Free_HTML_editors Free HTML editors]
Wikipedia has a list of some [http://en.wikipedia.org/wiki/Category:Free_HTML_editors Free HTML editors]


; Commercial Mid or High End
=== Commercial Mid or High End tools ===


* Adobe Dreamweaver
* Adobe Dreamweaver
* Microsoft FrontPage
* Microsoft FrontPage


; Other software
=== Other editing software ===


* Some word processors like Framemaker can be configure for single source HTML/XML/PDF production.
* Some word processors like Framemaker can be configure for single source HTML/XML/PDF production.
Line 50: Line 50:
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 reasonbly well defined document format.


=== For education ===
== Useful browser extensions ==
 
Most tools don't provide you with enough information about what you are doing.
Browser extensions, in particular for Firefox, can help.
 
=== Firefox ===
 
* [http://users.skynet.be/mgueury/mozilla/index.html  HTML VALIDATOR] is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of  an icon in the status bar when browsing. The details of the errors are seen when looking the HTML source of the page.
** [https://addons.mozilla.org/en-US/firefox/addon/249 related Firefox (en_US) page]
 
* [http://www.getfirebug.com/ FireBug] integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. There also is a light version based on [[JavaScript]] that you can use with any browser.
** [https://addons.mozilla.org/en-US/firefox/addon/1843 related Firefox (en_US) page].
 
* [https://addons.mozilla.org/en-US/firefox/addon/748 Greasemonkey] A quite spectacular extension that allows you to customize the way a webpage displays using small bits of JavaScript. Hundreds of scripts, for a wide variety of popular sites, are already available at [http://userscripts.org UserScripts.org]
 
=== IE ===
 
=== Opera ===
 
 
== Software of particular interest to education ==


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

Revision as of 15:29, 30 March 2008

Draft

Definition

A web authoring system is software to produce webcontents. 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

List of editing software

Tools for web programming are not included here.

Free HTML structure editors

There are dozens of available systems. We don't have time to evaluate these. See also XML editors to edit XHTML, SVG etc.

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

Programmer's editors with HTML support

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

See Free text editors (Wikipedia) for a full list and also the Comparison of text editors.

Free HTML WYSIWYG Web Editors

  • NVU. A fairly nice editor. Good for beginners. The more recent Kompozer can also edit XHTML.
  • 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

Commercial Mid or High End tools

  • Adobe Dreamweaver
  • Microsoft FrontPage

Other editing software

  • Some word processors like Framemaker can be configure for single source HTML/XML/PDF production.
  • (future?) versions of Office XP.
  • Open Office
  • Presentation software can export to HTML

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

Useful browser extensions

Most tools don't provide you with enough information about what you are doing. Browser extensions, in particular for Firefox, can help.

Firefox

  • HTML VALIDATOR is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing. The details of the errors are seen when looking the HTML source of the page.
  • FireBug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. There also is a light version based on JavaScript that you can use with any browser.
  • Greasemonkey A quite spectacular extension that allows you to customize the way a webpage displays using small bits of JavaScript. Hundreds of scripts, for a wide variety of popular sites, are already available at UserScripts.org

IE

Opera

Software of particular interest to education

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

Commercial
Free

Links

Retrieved from "https://edutechwiki.unige.ch/mediawiki/index.php?title=Web_authoring_system&oldid=17167"