前のページ 1/2 次のページ

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

◆ 概要

HTMLやCSSの文法がわからなくても手軽に利用できるため、利用者は多い。個々のウェブページを作成するだけでなく、ディレクトリなどサイト全体の構成をまとめて管理できたり、作成したファイルをサーバにアップロードするFTPや、サイトに用いる画像を作成・管理する便利な機能がついているソフトもある。

HTMLコードを目にすることなく、作成者が見ている画面と同じようにページが作られることから、WYSIWYG(What You See Is What You Get.の各単語の頭文字をとったもの)と呼ばれることもあるが、WYSIWYGとは本来画面イメージそのままに印刷できるというアイデアであり、ブラウザによって表示が異なったり、フレーム型ページがうまく印刷できないなど、印刷対応が貧弱なWebオーサリングツールをWYSIWYGなソフトと呼ぶには、まだまだ問題が多い。

最近ではCMSツールであるポータルサイト開発ソフトやブログ作成ソフトの多くで、時系列によらない静的なウェブページを作成・管理することができるようになっており、さらにCMS的な発想でウェブページをデザインできる製品も登場している。これらのツールではほとんどHTMLやCSSを意識することなく、テキストや画像を投稿、あるいはテンプレートにはめ込むという制作スタイルとなる。ページや画像間のリンクはツールが自動的に更新してくれるので、ページごとの手作業で問題となるリンク切れが発生しないという、大きな利点がある。ページ数の多いサイトではCMSツールを使ってコンテンツをアップロードするというスタイルが一般化してからは、ページ単位でコンテンツの編集を完結するという、これまでの「ウェブページ作成ソフト」の役割は、補助的なものに変わりつつあると言える。

◆ HTMLエディタ

HTMLはマークアップ言語であり、プログラミング言語のような構造を持っている。そのような特質に対応したテキストエディタを特にHTMLエディタと呼ぶ。特徴としてはタグ(要素)名など予約語やリテラル文字列(ダブルクォート記号で囲まれた固定文字列)を色分け表示するシンタックスハイライト、文法チェックや自動インデント表示など整形機能がある。インターネットの黎明期においては、もっぱらこのようなテキストエディタでHTMLファイルが作成された。現在入手できるWindows用のフリーウェアでは「TeraPad」、シェアウェアでは「EmEditor」(フリーウェア版もある)、「秀丸エディタ」がHTML編集に対応した機能を備えている。また、Mac OS Xのフリーウェアではmi、シェアウェアではskEdit、LinuxのようなUnix系オペレーティングシステムではKWriteやKateがHTML編集に適した機能を持っている。テキストエディタには基本的にプレビュー画面は用意されておらず、ブラウザで表示を確認しながら編集作業を進めるのが通常のスタイルである。しかし最近は「HTMLエディタ」と銘打ち、プレビュー機能を備えた、alphaEDITのような専用ソフトもフリーウェアに登場している。

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

◆ 問題点

市販のWebオーサリングツールによっては、以下のような問題点があると指摘されている。

・HTMLが文法通りに出力されないものがある。

・XHTMLに未対応、あるいは対応が不十分である。

・見栄えに関するものなどに推奨されないタグ、オプションが利用される。

・以上の結果、W3Cのバリデーションチェックをパスできない。

・タグの開始と終了の対応が見にくく、構造的に表示されない。

・オーサリングツール用の独自タグやコメントなどが挿入されることがある。

・CSSを利用せず、TABLEタグを用いてレイアウトが行なわれることも多い。一般的でないブラウザで表示する場合や、音声出力する場合にはうまく処理されない恐れがある。

・編集画面の表示とブラウザの表示が、必ずしも一致しない。また最新ブラウザへの対応が遅れがちとなる。

・マージン(余白)の調節を、CSSでの指定ではなく、1ピクセルの透過GIFファイル(スペーシングイメージと呼ばれる)を利用して行なう。

・CSSの自動作成機能を使って編集を繰り返すと、同じスタイルの二重定義が発生したり、使わないスタイルが増加する。

・以上のように余分なものが挿入されがちなので、結果としてHTMLファイルのサイズが肥大化してしまう。

特に古いWebオーサリングツールには以上のような問題点が多いため、新しいツールへの切り替えやHTMLエディタを使った手作業によるタグ修正が推奨されている。

◆主なWebオーサリングツール

:対応OSについて特記がないものはクロスプラットフォームである。

・Adobe Dreamweaver(アドビシステムズ)

・Adobe GoLive(アドビシステムズ)

・Aptana

・Composer(Netscape Navigatorの標準機能。Mozilla、SeaMonkeyも同様)

  ・Nvu(オープンソース、Composer の独立化アプリケーション)

  ・KompoZer(オープンソース、Nvu のバグフィックス版)

  ・BlueGriffon(オープンソース、Nvu、KompoZerの後継)

・Amaya(W3C)

・BiND for WebLiFE(デジタルステージ。CMS的なWebオーサリングツール)

前のページ 1/2 次のページ

・Webオーサリングツール page1

・Webオーサリングツール page2