コーディングする >> Webオーサリングソフト

Webオーサリングツールとは、いわゆるウェブページ作成ソフトのことで、ウェブページを構成するHTML、CSSなどのファイルを編集するデザインツールである。インターネットの黎明期から存在し、フリーウェアも多い。HTMLエディタのようにソースコードを編集するのではなく、ワープロソフトあるいはグラフィックソフトウェアのような感覚で、視覚的に編集するツールを指す場合がほとんどである。

WEBクリエーターのために

    HTMLエディタ

    HTMLはマークアップ言語であり、プログラミング言語のような構造を持っている。そのような特質に対応したテキストエディタを特にHTMLエディタと呼ぶ。

    特徴としてはタグ(要素)名など予約語やリテラル文字列(ダブルクォート記号で囲まれた固定文字列)を色分け表示するシンタックスハイライト、文法チェックや自動インデント表示など整形機能がある。インターネットの黎明期においては、もっぱらこのようなテキストエディタでHTMLファイルが作成された。現在入手できるWindows用のフリーウェアでは「TeraPad」、「Crescent Eve」、シェアウェアでは「EmEditor」(フリーウェア版もある)、「秀丸エディタ」がHTML編集に対応した機能を備えている。また、Mac OS Xのフリーウェアではmi、シェアウェアではJedit XやskEdit、LinuxのようなUnix系オペレーティングシステムではKWriteやKateがHTML編集に適した機能を持っている。

    テキストエディタには基本的にプレビュー画面は用意されておらず、ブラウザで表示を確認しながら編集作業を進めるのが通常のスタイルである。しかし最近は「HTMLエディタ」と銘打ち、プレビュー機能を備えたエディタであるalphaEDITやEspressoのようなソフトも登場している(プレビューにはInternet ExplorerのレンダリングエンジンTridentを用いつケースが多い)。

    歴史的にHTMLエディタの機能を強化したのが、現在のWebオーサリングツールであるともいえる。HTMLエディタで作成するシンプルなコードはSEO(検索エンジン最適化)にも効果的であることから、一部のウェブデザイナーには見直されつつあり、CodaのようにHTMLおよびCSSの直接編集とCMSの機能を組み合わせたWeb構築ソフトも現れている。ただし入れ子になったテーブルやスタイルシートを多用したサイトを、最初からテキストエディタでコーディングするのは煩雑であるため、デザイン重視のサイトの構築には、なおWebオーサリングツールを併用するのが一般的である。

    Webオーサリングツール一覧

    A

    • Adobe Contribute
    • Adobe Dreamweaver
    • Adobe Flash
    • Adobe GoLive
    • Adobe Shockwave
    • AlphaEDIT
    • Aptana

    B

    • BiND for WebLiFE
    • BlognPlus

    C

    • ColdFusion

    D

    • Drupal

    E

    • EVAアニメータ

    F

    • FCKeditor

    I

    • IWeb

    M

    • Macromedia Studio
    • Microsoft Expression Blend
    • Microsoft Expression Web
    • Microsoft FrontPage

    Q

    • Quanta Plus

    S

    • Serene Bach

    T

    • TinyMCE

    U

    • Umbraco

    W

    • WampServer
    • WordPress

    • Adobe BrowserLab
    • Amaya

    • Nvu

    • OpenOffice.org

    • かんたんWebアニメーション

    • KompoZer

    • ジオクリエイター

    • Nucleus CMS

    • BlueGriffon

    • ホームページZERO
    • ホームページ・ビルダー

    WEBニュース

    • Movable Type

    • Mozilla Composer

    関連情報