ダイナミックHTML
XHTML
HTML エディター
HTML要素
HTMLレンダリングエンジン
W3C
ウェブブラウザ
Webオーサリングツールとは、いわゆるウェブページ作成ソフトのことで、ウェブページを構成するHTML、CSSなどのファイルを編集するデザインツールである。インターネットの黎明期から存在し、フリーウェアも多い。HTMLエディタのようにソースコードを編集するのではなく、ワープロソフトあるいはグラフィックソフトウェアのような感覚で、視覚的に編集するツールを指す場合がほとんどである。
目次
1 概要
2 HTMLエディタ
3 問題点
4 主なWebオーサリングツール
5 関連項目
//
HTMLやCSSの文法がわからなくても手軽に利用できるため、利用者は多い。個々のウェブページを作成するだけでなく、ディレクトリなどサイト全体の構成をまとめて管理できたり、作成したファイルをサーバにアップロードするFTPや、サイトに用いる画像を作成・管理する便利な機能がついているソフトもある。
HTMLコードを目にすることなく、作成者が見ている画面と同じようにページが作られることから、WYSIWYG(What You See Is What You Get.の各単語の頭文字をとったもの)と呼ばれることもあるが、WYSIWYGとは本来画面イメージそのままに印刷できるというアイデアであり、ブラウザによって表示が異なったり、フレーム型ページがうまく印刷できないなど、印刷対応が貧弱なWebオーサリングツールをWYSIWYGなソフトと呼ぶには、まだまだ問題が多い。
最近ではCMSツールであるポータルサイト開発ソフトやブログ作成ソフトの多くで、時系列によらない静的なウェブページを作成・管理することができるようになっており、さらにCMS的な発想でウェブページをデザインできる製品も登場している。これらのツールではほとんどHTMLやCSSを意識することなく、テキストや画像を投稿、あるいはテンプレートにはめ込むという制作スタイルとなる。ページや画像間のリンクはツールが自動的に更新してくれるので、ページごとの手作業で問題となるリンク切れが発生しないという、大きな利点がある。
HTMLはマークアップ言語であり、プログラミング言語のような構造を持っている。そのような特質に対応したテキストエディタを特にHTMLエディタと呼ぶ。特徴としてはタグ(要素)名など予約語やリテラル文字列(ダブルクォート記号で囲まれた固定文字列)を色分け表示し、また文法チェックや自動インデント表示など整形機能が備わっているソフトもある。インターネットの黎明期においては、もっぱらこのようなテキストエディタでHTMLファイルが作成された。現在入手できるWindows用のフリーウェアでは「TeraPad」、シェアウェアでは「EmEditor」(フリーウェア版もある)、「秀丸エディタ」がHTML編集に対応した機能を備えている。また、Mac OS Xのフリーウェアではmi、シェアウェアではskEdit、LinuxのようなUnix系オペレーティングシステムではKWriteやKateがHTML編集に適した機能を持っている。テキストエディタには基本的にプレビュー画面は用意されておらず、ブラウザで表示を確認しながら編集作業を進めるのが通常のスタイルである。しかし最近は「HTMLエディタ」と銘打ち、プレビュー機能を備えた、alphaEDITのような専用ソフトもフリーウェアに登場している。
歴史的にHTMLエディタの機能を強化したのが、現在のWebオーサリングツールであるとも言える。HTMLエディタで作成するシンプルなコードはSEO(検索エンジン最適化)にも効果的であることから、一部のウェブデザイナーには見直されつつある。ただしスタイルシートを多用したサイトを最初からエディタでコーディングするのは煩雑であるため、CSSの記述にはWebオーサリングツールを併用するのが一般的である。
市販のWebオーサリングツールによっては、以下のような問題点があると指摘されている。
HTMLが文法通りに出力されないものがある。
XHTMLに未対応、あるいは対応が不十分である。
オーサリングツール用の独自タグやコメントなどが挿入されることがある。
タグの開始と終了の対応が見にくく、構造的に表示されない。
見栄えに関するものなどに推奨されないタグ、オプションが利用される。
CSSを利用せず、TABLEタグを用いてレイアウトが行なわれることも多い。一般的でないブラウザで表示する場合や、音声出力する場合にはうまく処理されない恐れがある。
マージン(余白)の調節を、CSSでの指定ではなく、1ピクセルの透過GIFファイル(スペーシングイメージと呼ばれる)を利用して行なう。
以上のように余分なものが挿入されがちなので、HTMLファイルのサイズが肥大化してしまう。
特に古いWebオーサリングツールには以上のような問題点が多いため、手作業によるタグ修正が推奨されている。
主なWebオーサリングツール対応OSについて特記がないものはクロスプラットフォームである。
Adobe Dreamweaver(アドビシステムズ)