254
INTERNET magazine 2000/2Product Showcase
Product Showcase
Photo : Nakamura Tohru
ホームページ作成ソフト
購入ガイド
インタラクティブ：「相互作用」の意味で、「対話型」とも訳される。ユーザーがコンピューターの指示に答えながら操作を進めていく方式を対話型処理という。同様に、マウスの動きに応 じて画像が変わったり、次に進むページの情報が表示されたりするようなページを、インタラクティブなページという。ホームページ編集にかける手間と時間は、できる限り軽く短くしたい。だが、凝った
仕掛けも作ってみたい。この矛盾した要望に応えてくれるホームページ作成ソフトが
増えている。今回は代表的な市販パッケージをピックアップして、機能と操作性の両
面からそれぞれのソフトを検証した。
藪 暁彦高機能ウェブページが
これ1本で完成
現在、市販されているホームページ作成ソフ トは、単なるページ編集にとどまらない多彩な 機能を持つものばかりだ。完成したファイルを ウェブサーバーにアップロードするFTP 機能は もちろん、リンクチェックや自動修復、未使用フ ァイルの検索など、ウェブサイト全体を管理す るサイト管理機能も当然のように備えている。 それだけでなく、画像などページ中に埋め込 む素材を作る機能まで備えたソフトも少なくな い。また、本体にそうした画像処理機能がないソ フトには、画像編集ソフトをバンドルするケース も増えている。なかには、サウンドやBGM、ビデ オを編集できるソフトまであるのだから驚きだ。 ホームページ作成ソフトを1本購入すれば、 素材作りからページ編集、サイト管理まで、ウ ェブサイトの運営に必要な作業をすべてまかな えるのだ。 ホームページ作成ソフトの要の機能であるペ ージ編集の高機能化も進んでいる。登場した ばかりのころ、WWWの情報はテキストだけだ った。やがてそこに静止画像が加わり、今では 動画やサウンド、BGM付きのダイナミックなペ ージも珍しくない。さらに、利用者がインタラ クティブに操作できるサイトも増えている。多く のホームページ作成ソフトは、バージョンアッ プでこうした最新のウェブ技術をサポートし、ユ ーザーのニーズに応える機能が次々に加えられ てきた。 とはいえ、操作が難しくては、ユーザーに受 け入れてもらえない。最新の技術を使ったペー ジを、できる限り簡単な操作で編集できること が、ホームページ作成ソフトに与えられた大き な課題だ。ユーザーにとってうれしいことに、そ の課題をクリアするソフトは確実に増えている。インターネットマガジン／株式会社インプレスR&D
©1994-2007 Impress R&DHTML（エイチ・ティー・エム・エル／Hyper Text Markup Language）：ホームページを設定するためのページ記述（マークアップ）言語。文書中に「タグ」と呼ばれる命令を挿 入して、見出し、段落といった文書構造を指定したり、画像やリンクを設定したりする。HTMLにはバージョンがあり、1997年12月に発表された4.0が最新の規格だ。
INTERNET magazine 2000/2
255
市販のホームページ作成ソフトをなぜ買うのか？
Microsoft
FrontPage
Netscape
WordやExpress、Composerとはここが違う！
「Microsoft Word」は、文書をHTML形式で保存できる。インターネットエクスプローラ（IE） 4.0以降をインストールすると「FrontPage Express」がインストールされ、ネットスケー プコミュニケーターには「Composer」が付属する。これらのソフトがあればホームページ は作れる。市販のホームページ作成ソフトを買う必要は、いったいどこにあるのだろう。■
オーソドックスなページなら
付属ソフトでもOK
「FrontPage Express」はホームページ作 成ソフト 「FrontPage」の簡易版で「Com-poser」はネットスケープコミュニケーターの付 属ソフトの1つだ。いずれも、ブラウザーのイ ンストール時に自動的にインストールされる （IE5は、インストール時に選択可）。 どちらのソフトも、テキストと静止画中心の ページであれば、問題なく作成できる。画像 挿入もリンクの設定も、ツールバーのボタン を押して、ダイアログで必要な項目を設定す ればいい。もちろん、表も作れる。 「 W o r d 」では、 普 通 に作 成した文 書を 「Web ページとして保存」すれば、自動的に HTML ファイルが生成される。HTMLをまっ たく意識せずにホームページを編集できるの は、ワープロソフトならではだ。また、ホームペ ージ用のテンプレートが8種類用意され、その 中の「Web ページウィザード」を利用すれば、 フレームを使ったページも作成できる。 テキストと画像中心のページを作るなら、 これら3つのソフトでも十分だ。■
Word、FrontPage Express、
Composerの限界
しかし、テキストと画像中心の単純なペー ジはまだしも、ダイナミックなページやインタラ クティブなページとなると、この3つのソフトは かなりの制約を受ける。Wordを除く2つのソ フトはフレームに未対応で、Composer はフ ォームも作れない。 市販ソフトとのもっとも大きな違いは、これ ら3つのソフトが単一のページしか作れないこ とだ。通常、ウェブサイトは複数のページで構 成される。ページ単位の編集しかできない3つ のソフトでウェブサイトを構築するには、かなり の手間がかかることを覚悟したほうがいい。 また、画像などページ素材を作る機能もな い。市販のホームページ作成ソフトを使えば、 アイデアを簡単な操作でそれほど手間をかけ ずに形にすることができる。残念ながらWord、 FrontPage ExpressとComposerは、そうし た点で市販のソフトには遠く及ばない。 素材作りからページ編集、サイト構築、管 理までの一連の作業を考えれば、市販ホーム ページ作成ソフトを利用するのが賢い選択だ。 文 字 どおりワープロ感 覚 でホームページを作 れ、テンプレートも付い ている。Microsoft FrontPage Netscape i.ホタル
Word 2000 Express Composer パーソナル
テンプレート ○ ○ △ *1 ○ 画像貼り付け ○ ○ ○ ○ ページのプロパティー △ *2 ○ ○ ○ フレーム ○ × × ○ 表作成 ○ ○ ○ ○ フォーム ○ ○ × ○ ボタンなどの素材作成 △ *3 × × ○ HTMLソース編集 ○ ○ △ *4 ○ プレビュー △ *5 × ○ *6 ○ FTP機能 ○ ○ *7 ○ ○ サイト管理機能 × × × ○ 機能比較表 *1 ネットスケープ社のウェブサイトにアクセスしてテンプレートをダウンロード。ウィザード形式での作成も可 *2 ページタイトルのみ設定可能 *3 図形描画機能を使った単純な図形のみ *4 登録した外部ツールを使用 *5 標準ブラウザーに設定されているブラウザーでプレビュー *6 ネットスケープナビゲーターでプレビュー *7 「Web 発行ウィザード」を使用 ［Microsoft Word 2000］ 作成したファイルは、別ソフ ト「Web 発行ウィザード」で アップロードできる。 ［FrontPage Express］ ツールバーの「出版」ボタンを押 すと、転送条件を設定するダイ アログが表れる。 ［Netscape Composer］ サイト管理は、付属の 「ハイパーテキストマネ ージャ」で行う。 ［i.ホタルパーソナル（市販ソフト）］
インターネットマガジン／株式会社インプレスR&D
©1994-2007 Impress R&D256
INTERNET magazine 2000/2Product Showcase
ロールオーバーボタン：ホームページで、マウスカーソルが重なると画像が変わるボタンをよく見かける。これをロールオーバーボタンという。このボタンを作る方法はいくつかあるが、最 近はJavaScriptを使ったものが増えている。機能を見るか、操作性を見るか
ホームページ作成ソフトの選び方
ホームページ作成ソフトを選ぶ際、まず気になるのが「機能」だろう。そこで選択のポイント となる機能をピックアップして、各ソフトを比較した。が、単に多機能ならいいというもので もない。「操作性」も重要なポイントだ。これらの要素を比較検討し、自分に合ったソフトを 選びたい。最新機能への対応
ホームページ作成ソフトが対応していれば、 最新技術を使ったホームページを作るのも簡 単だ。ただし、すべてのブラウザーが最新技術 に対応しているわけではない。むやみに使うの は禁物だ。 新しい技術の中でもっとも注目されているの はXMLだが、これをサポートしているブラウザー は今のところインターネットエクスプローラ5し かない。ホームページ作成ソフトで対応してい るのはDreamweaver3とGoLive 4.0だけだ。 CSSやDHTML に対応し、JavaScript を 使ったロールオーバーボタンを作れるソフトは 確 実 に増え、対 応していないのは 8 本 中 、 PageMill3.0 だけだった。DHTMLはどれもあ らかじめ本体に設定されている効果の中から 選 択 する方 式 だが、D r e a m w e a v e r 3 、 GoLive4.0と NetObjects FUSION 3.0 は、 自由度の高い設定ができる。 興味深いのがi モード対応ページの作成機 能。ホームページ・ビルダー2001とi.ホタルパ ーソナルが、これに対応している。1
2
ホームページ作りのキーワード
［ DHTML ］ ダイナミックHTML。CSSとJavaScriptを利用 して、動きのあるページを作る技術。ただし、 バージョン4.0以降のネットスケープナビゲータ ー（NN）とインターネットエクスプローラ（IE）し か対応していない。 ［ XML ］eXtensible Markup Language。自由に拡張で きるウェブページ記述言語。インターネット上 でデータ交換するための汎用言語として注目さ れている。IE5のみ対応。
［ CSS ］
Cascading Style Sheet。ホームページをレイ アウトするための技術で、フォントの種類、サイ ズ、色やマージンなどを自由に設定できる。NN 4.0、IE3.0以降が対応。 ［プラグイン］ ブラウザーの機能を拡張する付加プログラム。 これを利用することで、ブラウザーの中でアニ メーションや動画など動きのある素材を再生 できるようになる。 ［JavaScript］ ネットスケープ社が開発した、HTMLファイル の中に記述するプログラム言語。ブラウザー のコントロールやインタラクティブなページ作り に使われる。
Macromedia Dreamweaver3
No.1
ホームページ・ビルダー2001は、1つの画像で ロールオーバーボタンを作ることができる。 Dreamweaver3 のタイムラインエディター。ア ニメーションを簡単に作ることができる。 FrontPage2000 には、外部スタイルシートのテンプ レートも用意されている。ホームページ・ビルダー
2001
No.1
「パレット」からテーブル アイコンをドラッグして表 を作り、「テーブルインス ペクタ」で細かい設定を するGoLive4.0。 ホームページ・ビルダー2001では、フォームツールバーをク リックして入力ボックスやテキストボックスなどを配置すれば、 入力フォームができあがる。d
操作性
多くのホームページ作成ソフトは、ワープ ロソフトを使った経験があれば、すぐ操作のコ ツをつかめるはずだ。NetObjects FUSION3.0 だけは勝手が違うが、こちらはドローツールや DTPソフトとよく似ている。 いずれの場合も、編集領域にテキストや画 像などのページ構成要素を配置したあと、プ ロパティー（属性）ダイアログで詳細な設定を することになる。どのソフトもユーザーインター フェイスがひと工夫されていて、操作性の点で は申し分ない。 各ソフトには、操作手順にそれぞれ独自の 作法のようなものがある。場合によっては、そ れが理解できるまで多少時間がかかるものも ありそうだ。ホームページ・ビルダー2001はワ ープロソフトにきわめて近く、直感的に操作で きる。操作のわかりやすさという点では、これ が一番だ。インターネットマガジン／株式会社インプレスR&D
©1994-2007 Impress R&DINTERNET magazine 2000/2
257
HTMLソース：プログラミング言語でプログラム記述したままの状態を、ソースコードまたはソースという。同様に、HTMLで記述した内容をHTMLソースという。ブラウザーは、HTML ソースを解釈して、画面に情報を表示する。"source"には「もと」という意味があるが、HTMLソースはまさにホームページの「もと」だ。3
4
HTMLソースの編集
8 本のソフトの中でまったくHTMLソースを 編集できないものはないが、NetObjects FUSION3.0はページ全体の編集はできない。 残り7本はページ単位で編集できるが、ソフト によってはコードを目で追いながら編集箇所を 探さなければならないものがある。i.ホタルパ ーソナルとFrontPage2000 の2 本だ。反対 に編集箇所を探しやすいのは、Dreamweaver 3、GoLive4.0とPageMill3.0の3本。レイア ウト画面で選択した範囲が、そのままHTML ソース画面にも反映される。 もっとも編集しやすいのはDreamweaver3 だ。HTMLソースに行番号を付けられ、ウィン ドウ右端で文字が折り返される。さらに便利 なのが、「クイックタグ機能」だ。レイアウトモー ドで編集したい画像やテキスト範囲を選択し、 プロパティーダイアログ右上のアイコンをクリ ックすると、その部分のHTMLソースが独立し たウィンドウに表示されるのだ。Macromedia Dreamweaver3
No.1
【見本画面】 ウィンドウ右端で文字が折り返され、行番号も 付けられるDreamweaver 3。 GoLive4.0は、通常のHTMLソース表示のほか、 アウトライン表示もできる。 PageMill3.0 は、「表示」メニューから「ソースモ ード」を選んでHTMLソースを表示する。 ホームページ・ビルダー2001は、編集画面上のタ ブで表示モードを切り替える。 Namo Web エディターは、編集画面下のタブで 表示モードを切り替える。 FrontPage2000 は、編集画面下のタブで表示モ ードを切り替える。 i.ホタルパーソナルのソース表示には、ヘッダー 部分を除いてインデントが付かない。 ウィンドウ左にメニュー、右にメインの情報が表示される ように表を使ってレイアウトしている。 画面はDreamweaver 3。 NetObjects FUSION3.0 は、部分的にHTMLソ ースを付け加えることしかできない。プレビュー
作成中のページは、ホームページ作成ソフ ト本体とブラウザーでプレビューできる。本体 のプレビュー機能が優れているのは、Mac 版 GoLive4.0だ。ブラウザーで見たときにウィ ンドウズとマッキントッシュでは表示されるフォ ントの大きさが違う。マッキントッシュのほうが 小さく表示されるのだ。Mac版GoLive4.0は、 その違いをシミュレーションできる。 Mac 版 GoLive4.0は、マッキントッシュとウィンドウズのテ キスト表示の違いもプレビューできる。 Namo Web エディターは、画面下のタブで表示モードを変 える。 GoLive4.0 で、ウィンドウズ版ネットスケープナビゲー ター4 のテキスト表示をシミュレーションできる。Mac
版
GoLive4.0
No.1
インターネットマガジン／株式会社インプレスR&D
©1994-2007 Impress R&D258
INTERNET magazine 2000/2Product Showcase
ピクセル単位：コンピューター画面に表示される情報は、とても小さい点で構成されている。この点をピクセル（pixel）という。ホームページ作成ソフトの中には、この点1つ1つの単位で、 画像やテキストの配置を調整できるものがある。このとき、ピクセル単位のレイアウトができるという。ピクセル単位のレイアウト
ホームページをピクセル単位でレイアウトす るには、テーブル（表）を使う方法と、CSSと DHTML を使う2 つの方法がある。表を使っ たレイアウトは多くのブラウザーで表示できる が、ファイルが長く複雑になり、HTMLソースの 編集をしづらいのが欠点だ。CSSとDHTML を使えばHTMLソースはシンプルになるが、イ ンターネットエクスプローラ3.0 以降とネットス ケープナビゲーター4.0以降のブラウザーでし か表示できない。 ビジュアル編集モードで表を使ったレイアウ トができるのは、GoLive4.0など少数に限ら れる。一方、PageMill3.0以外は、すべての ソフトがCSSとDHTMLを使ってピクセル単 位のページレイアウトができる。便利なのが Dreamweaver3で、CSSとDHTMLを使って レイアウトしたページのHTMLソースを、表に 変換する機能を持っている。 NetObjects FUSION3.0 は、8 本中もっと もユニークだ。作成したページを独自のデータ 形式で保存し、サーバーに「発行」（アップロ ード）するときにHTMLファイルを生成する。 NetObjects FUSION3.0を使ったレイアウト例。 GoLive4.0 のレイアウトサンプル。 DHTML 対応で生成されたHTMLソース。 表を使っているため、HTMLソースは長くてわかりづらい。6
5
そしてその際に、表を使うかCSSとDHTMLを使うかを選択できるようになっている。
No.1
NetObjects FUSION 3.0
d
乗り換え対応
使っているソフトが持たない機能を使ったペ ージをほかから読み込むと、未対応部分がき ちんと表示されない。途中から別のソフトに乗 り換えるときは、どんな機能に対応しているか をチェックしておこう。特に、CSSやDHTML など最新技術への対応が重要だ。 ほかのソフトで作ったページを読み込む手 間も考えたほうがいい。1 ページずつ読み込 むのでは、時間ばかりかかって大変だ。サイ トを丸ごと読み込む機能を備えていれば、その 時間と手間を節約できる。PageMill3.0以外 は、すべてこの機能を備えている。 もう1つ問題がある。作成済みのページは、 ハードディスクに保存してあるはずだ。が、ソフ トによっては、サーバー上のサイト情報しか読み 込めないものもある。そのためにインターネット に接続するのはムダ。選ぶなら、ハードディス ク中のサイトデータを丸ごと読み込めるソフト が便利でいい。それができるのは、FrontPage 2000、 NetObjects FUSION3.0と Dream-weaver3 の 3 本だ。なかでも、FrontPage 2000の使い勝手はいい。 JavaScript を使ったロールオーバーボタン入りのページ。 Dreamweaver 3 で作ったものだ。 それをPageMill3.0で読み込むと、未対応の機能はアイコ ンで表示されてしまう。 ダウンロードするサイトがサーバー上にあるか、ハードディス クにあるかを選択できるFrontPage2000。 Dreamweaver3 のサイトウィンドウ。左の「リモートサイト」 （サーバーまたはハードディスク）から右の「ローカルサイト」 （ハードディスク）へ必要なファイルを「Get」すればいい。FrontPage2000
No.1
【 乗り換え前 】 【 乗り換え後 】d
s
インターネットマガジン／株式会社インプレスR&D
©1994-2007 Impress R&DINTERNET magazine 2000/2
259
アニメーションGIF：GIF（Graphics Interchange Format）は、画像ファイル形式の1つ。GIFにはいくつかの規格があり、その中の1つ「GIF89a」は、ファイルの中に複数の画像を納められる。これを利用して、複数の画像を切り替えながら表示するタイプのものをアニメーションGIFという。
サイト管理機能
サイト内のページ数が増えるにつれて、ファ イル管理に手間がかかるようになる。多くの ホームページ作成ソフトは、こうした作業も自 動的にやってくれる。 なかでも便利なのは、サイト内のさまざまな 情報や状態を一覧表示してくれるFrontPage 2 0 0 0 の「レポートビュー」とN e t O b j e c t s FUSION3.0 の「資源ビュー」。これらを使え ば、サイトの管理が楽にできる。また、サー バーへファイルをアップロードするだけでなく、 サーバーから必要なファイルを選んでダウンロ ードできるDreamweaver3 とホームページ・ ビルダー2001も使い勝手がいい。Macromedia Dreamweaver3
No.1
ウィンドウ左にサーバー、右にハードディスク内の ファイルやフォルダーが一 覧 表示される D r e a m weaver3 のサイトウィンドウ。 ウィンドウ左にハードディスク内の、右にサーバー のファイルとフォルダーが表示されるホームペー ジ・ビルダー2001の「ファイル転送」プログラム。 サイト内のリンクがビジュアル 表 示される F r o n t Page2000 の「ハイパーリンクビュー」。 サイト内のファイルだけでなく、リンクや変数など の状態が一覧表示されるNetObjects FUSION3.0 の「資源ビュー」。 ホームページ・ビルダー2001 のロゴ作成機 能を使えば、ウィザード形式で見栄えのよ いロゴを簡単に作れる。 F r o n t P a g e 2 0 0 0 に 付 属 の 「 Image Composer」は、市 販 の画像編集ツールに劣らないほ どの機能を備えている。その他の機能
目の不自由な人にもアクセスしやすいペー ジを作るための「アクセシビリティ・チェック」 機能や音声読み上げページ作成機能を持つ ホームページ・ビルダー2001、BGMを作れる 「メロディーファクトリー」が付属するi.ホタルパ ーソナルなど、ユニークな独自機能を取り入れ たソフトも多い。 Dreamweaver3の「ヒストリーパレット」 に記録された作業ステップは、繰り返し 再利用したり保存したりできる。8
9
10
7
FrontPage2000
No.1
画像編集ツール
ホームページ作成ソフトは、徹底してページ 編集とサイト管理に機能を絞り込んだタイプ と、素材作りにまで機能を広げるタイプの2つ に大きく分かれる。画像編集ツールを別のパッ ケージで販売しているマクロメディアのDream weaver 3とアドビシステムズのGoLive4.0 が 前者の典型だ。 反対にホームページ・ビルダー2001やFront Page2000、i.ホタルパーソナルは、ロゴやボ タン、アニメーションGIFなどの画像素材を作 れるソフトがバンドルされている。プロのウェブ デザイナーならともかく、一般の個人ユーザーNo.1
ホームページ・ビルダー
2001
ウィザード形式でロゴを作れるi ホタルパ ーソナルのロゴファクトリー。収録素材
画像やサウンドなど素材作りも楽しいもの だ。ページ構成を一から考えるのもおもしろ い。だが、そうした時間や手間はかけたくない と思ったら、付属のページテンプレートや素材 を利用するのがいい。 今回取り上げた8 本は、用意されている数 に差はあるものの、どれもページテンプレー トを備えている。画像などの素材が収録され ているソフトも少なくないが、画像、サウンド、 Javaアプレットなど、種類 の豊富さではホー ムページ・ビルダー2001が一番だ。ホームページ・ビルダー
2001
No.1
これらのソフトも興味深いが、とりわけ注目 したいのがDreamweaver3のヒストリー機能。 それまでの作業ステップを記録するこの機能 を利用すれば、ページ編集の効率は格段にア ップ。同様の作業を繰り返すページ編集にお いて、この機能は大きな力を発揮する。 ホームページ・ビルダーの素材集。ウィンドウ左 の「素材」タブから「素材」ボタンをクリックする と、収録されている画像素材が一覧表示される。 にとっては、ホームページ作成ソフトを1本買え ば画像も作れるこうしたソフトはありがたい。インターネットマガジン／株式会社インプレスR&D
©1994-2007 Impress R&D260
INTERNET magazine 2000/2Product Showcase
HTML構文チェック：ページ記述言語であるHTMLには文法、つまり記述の決まりがある。この決まりに反した書き方をすると、ブラウザーの表示が乱れたり、きちんと表示されなかった りすることがある。HTMLソースが文法に合っているかどうかを調べることを構文チェックといい、この機能を備えたホームページ作成ソフトも増えている。 入力した文字から簡単にロ ゴを作れる「ロゴ作 成ウィ ザード」。文字に縁取りをし たり、影やぼかしを入れた りすることもできる。ホームページ作成ソフトラインアップ
ホームページ作成ソフトは千差万別だ。機能はもちろん、操作性にもソフトごとに個性がある。この個性 と使う側の嗜好や目的が合えば、ページ作成やサイト管理に要する手間も時間も軽減される。ホームペー ジを作る側にとって、どのソフトを選ぶかは重要な問題だ。手軽な操作で素材・ページ作りからチェック、管理まで
ホームページ・ビルダー
2001
メーカー ：日本アイ・ビー・エム ㈱ 標準価格 ：14,800円 問い 合わせ：0120-04-1992 www.ibm.co.jp/software/internet/hpb/ 初 心 者向きだから機 能もそこそこ。「ホーム ページ・ビルダー 2001」 に、そんな常識 は通用 しない。オーソドックス なページから、DHTML や CSSを利 用したダイ ナミックなページまで、 アイデアを簡単な操作で形にできるのがこの ソフトの魅力だ。専門的な知識はもちろん必 要ない。 作ったページのチェック機能も万全だ。ス ペルチェック、半角カナ変換やHTML 構文チ ェック機能を使えば、作業中に気付かなかっ たミスを見つけ出して修正できる。最後にリン クをチェックし、サーバーにアップロードする。 ユニークなのが、アクセシビリティ・チェッ ク機能だ。デザインを優先するあまり、画面 が見づらくなってしまうことがある。目の不自 由な人にとっては特につらい。この機能を利 用すれば、そうした問題を取り除ける。見る 側にとっても優しいソフトと言えそうだ。 最新機能 操作性 プレビュー 乗り換え サイト管理 画像編集 ツール HTML ソース編集 ピクセル単位の レイアウト 4 4 4 4 5 3 3 3 最新機能 操作性 プレビュー 乗り換え サイト管理 画像編集 ツール HTML ソース編集 ピクセル単位の レイアウト 4 3 3 4 4 3 3 2 実売 11,000円 ウィザード形式でロゴ を作 成 する「ロゴファ クトリー」。文字を入力 し、変形や装飾のしか た、背景などを指定す るだけでいい。画像やサウンドなどの素材作りもサポート
i.ホタルパーソナル
メーカー ：デービーソフト ㈱ 標準 価格 ：9,800円 問い合わせ ：011-807-6700 www.db-soft.co.jp アイデアはある。ソフト も使 いこなせるようにな った。「だけど……」と多 くの人が悩むのが、ペー ジを飾る画像だろう。画 像作成ツールが付属する 「i.ホタルパーソナル」なら、 そうした悩みも解決だ。 しかも、付属するロゴ作成ツールは1 種類 だけでなく、ロゴ作成用の「ロゴファクトリー」 と、アニメーションGIF作成用の「アニメーシ ョンファクトリー」の2つのツールが付属する。 さらに、本体には3Dのロゴを作れる「3Dサイ ンボード」も内蔵されている。 効果音やBGMが作れるのも、i.ホタルパー ソナルの特徴だ。本体内蔵の録音機能で音 声を録音し、付属のMIDI 編集ツール「メロデ ィファクトリー」でMIDI形式のBGMを作れる。 なお、i.ホタルパーソナルはi モード対応の ページを作れるが、この機能を持たない「ホタ ルパーソナル」（標準価格：7,800 円）も発売 されている。 実売 7,500円インターネットマガジン／株式会社インプレスR&D
©1994-2007 Impress R&DINTERNET magazine 2000/2
261
スクリプト：プログラムとほぼ同義語。いくつかの単純な動作からなるプログラムを、スクリプトという。スクリプトはテキストで書かれる。スクリプトを記述する言語をスクリプト言語 といい、JavaScriptもこの一種だ。 サイトを管理する「サイトウ ィンドウ」。ウィンドウ左に はサイト内のファイルやフ ォルダーが階層表示され、 右下に各ファイルのリンク の様子が表示される。シンプルなインターフェイスとわかりやすい操作性
Adobe PageMill 3.0
メーカー ：アドビ システムズ㈱ 標準 価格 ：12,800円 問い合わせ ：03-5350-0407 www.adobe.co.jp/products/pagemill/main.html 「PageMill 3.0」はCSS やDHTML、XMLといっ た最 新ウェブ技 術には 対応していない。だから といって、これを購入の 選択肢から外すのは間 違いだ。 いろいろなウェブサ イトを見ればわかるように、多くは比較的オー ソドックスな技術だけで作られている。裏を 返せば、PageMill 3.0があれば、ほかのサイト に引けを取らないホームページを作れるとい うことでもある。 PageMill の特徴は、シンプルなインターフ ェイスにある。そのぶん、操作も直感ででき る。その名称が示すように、前バージョンまで のPageMillはページ編集専用のソフトだった。 が、バージョン3.0 には以前は別ソフトとして 提供されていた「SiteMill」の機能が加わり、 サーバーへのファイルアップロードや、サイト 内にあるファイルのリンクチェックもできるよ うになった。PageMill 3.0があれば、ページ作 成からサイト管理まで必要な作業はすべて処 理できる。 また、「Photoshop LE-J」がバンドルされて いるので、画像編集もOKだ。 最新機能 操作性 プレビュー 乗り換え サイト管理 画像編集 ツール HTML ソース編集 ピクセル単位の レイアウト 2 4 1 2 2 3 3 0 最新機能 操作性 プレビュー 乗り換え サイト管理 画像編集 ツール HTML ソース編集 ピクセル単位の レイアウト 3 4 3 3 3 3 4 3 実売 9,600円 サイトのテーマは編集 途中でも変更でき、ペ ージに使われているボ タンだけを別のものに 変えることもできる。マウス操作で手早くウェブサイトを構築
Namo Web
エディター
3.0
メーカー ：江守商事 ㈱ 標準価格 ：9,800円（パッケージ版） 6,500円（シェアウェア版） 問い合わせ：0776-36-6453 www.namo.co.jp 「Namo Webエディタ ー」を使えば、ウェブサイ トを手早く組み立てられ る。大 半の作 業 はマウ スで OK。表やフレーム の操 作 も簡 単だ。ロー ルオーバーボタンやアニ メーションなど、J a v a Script やDHTMLを利用 した 11 種類 のスクリプトも、ウィザードで手 軽に設定 できる。その一方で、スクリプト入 力用ダイアログや、作業を自動化するための マクロ機能といった、パワーユーザー向けの 機能も備えている。 サイト全体に統一した外観を持たせるため に用意されているのが、「テーマ」だ。本体に 71 種類のテーマが内蔵されているほか、ウェ ブサイトから新しいテーマをダウンロードする こともできる。また、テンプレートウィザードを 使えば、テーマを決めるだけで、複数のペー ジで構成されるウェブサイトの土台が、一瞬 にしてできあがる。 また、バナーやボタン、ページ背景に使う 画像が2800種類以上用意され、アニメーショ ンGIFを作るための「Namo GIFアニメーター」 も付属している。 実売 7,400円インターネットマガジン／株式会社インプレスR&D
©1994-2007 Impress R&D262
INTERNET magazine 2000/2Product Showcase
ドローツール：画像編集ソフトには、ペイントツールとドローツールの2つのタイプがある。ペイントツールが点で画像を描くのに対して、ドローツールでは円や四角形、三角形といった単純 な図形を使って画像を組み立てる。なお、画像を構成する単純な図形のことを、「オブジェクト」と呼ぶ。 FrontPage2000 に新し く加わった「レポートビ ュー」には、サイト内の ファイルやリンクの状態 がリスト表示される。Officeシリーズとの共通インターフェイスで編集効率アップ
Microsoft FrontPage 2000
メーカー ：マイクロソフト ㈱ 標準価格 ：オープンプライス 問い合わせ ：03-5454-2300 www.microsoft.com/japan/Office/FrontPage/ 「FrontPage」は前バー ジョンまで、ページ編集を する「FrontPage Editor」 と 、サイト 管 理 を す る 「FrontPage Explorer」の 2つのソフトに分かれてい た。最新バージョンのFront Page 2000はこの 2つ が 統合され、ページ編集からサイト管理までの 作業をシームレスに処理できるようになった。 コンポーネントを挿入するだけで、フィード バックフォームや検索フォーム付きのインタラ クティブなページを作ることができ、ウィザー ドで電子会議室を作れるのもFrontPageの特 徴だ。ただし、こうしたページは、プロバイダー 側 の ウェブ サ ーバ ー に「 FrontPage Server Extensions」がインストールされていないと動 作しない。どのプロバイダーにもこれがインス トールされているとは限らないので、注意しよ う。なお、各プロバイダーの対応状況はFront Pageのウェブサイトに掲載されている。 FrontPage 2000は単体のほか、画像編集ソ フト「PhotoDraw 2000 V2」を一緒にパッケー ジした「Internet Package 2000」（優待パッケ ージ販売で推定小売価格は12,800円）も発売 されている。 最新機能 操作性 プレビュー 乗り換え サイト管理 画像編集 ツール HTML ソース編集 ピクセル単位の レイアウト 4 4 4 5 4 3 3 3 最新機能 操作性 プレビュー 乗り換え サイト管理 画像編集 ツール HTML ソース編集 ピクセル単位の レイアウト 3 4 3 4 0 1 2 5 実売 18,000円 「サイトビュー」は、サイト内のページを階層構造 で表示。ページアイコンをダブルクリックすると、 「ページビュー」にそのページが表示される。ドローツール感覚でウェブサイトを構築
NetObjects FUSION 3.0
日本語版
メーカー ：三菱商事 ㈱ 標準価格 ：オープンプライス 問い合わせ ：03-5479-5283 www.b-factory.com/jp/NetObjects/ 「 N e t O b j e c t s FUSION」のページ編 集手順は独特だ。多く のホームページ作成ソ フトがワープロ感覚で 編集できるのに対して、 NetObjects FUSIONは ドローツールやDTPソ フトのような手法で作成する。 つまり、まず編集領域にテキストや画像な どのオブジェクトを入れるボックスを配置し、そ の中に目的のオブジェクトを入れるのだ。編 集領域にはグリッドが表示されるので、ピクセ ル単位で位置の調整ができる。 ファイルを保存する形式も独特だ。HTML ファイルではなく、NetObjects FUSION独自 のnodファイルとして保存される。完成したサ イトをウェブサーバーにアップロードするとき に、nodファイルからHTMLが自動的に生成さ れる仕組みだ。 おもしろいのは、このとき、バージョン2.0以 降のネットスケープナビゲーター（NN）とインタ ーネットエクスプローラ（IE）で表示できる「標 準形式」とバージョン4.0 以降のNN とIEでな いと表示できない「DHTML」、レイアウトの再 現性は乏しいが多くのブラウザーで表示でき る「簡易形式」の3 種類 の中からHTML の形 式を選べることだ。 実売 32,000円インターネットマガジン／株式会社インプレスR&D
©1994-2007 Impress R&Dマウスの操 作 で きめ細 かなページ をデザインができる のが「GoLive」の特 徴だ。テーブルタグ を利用したピクセル 単位のレイアウトが 基本だが、この場合、 HTMLコードが非常 に長く複 雑 になる。それを避けたいときは、 DHTMLの設定に使う「フローティングボックス」 を利用するといい。テキストや画像といった ページ構成要素の配置を、ピクセル単位で 細かく設定できるようになる。 DHTMLやJavaScript、Javaアプレット、プ ラグインなどを多用したダイナミックでインタ ラクティブなページを作りやすいのが、GoLive のもう1つの特徴だ。GoLiveフォルダー内にあ INTERNET magazine 2000/2
263
画像最適化：ホームページに挿入する画像は、できるだけ美しいものを使いたい。だが、カラー数が多く描写が細かいほど、ファイルサイズが大きく表示時間も長くかかる。見た目にきれい なだけでなく、ファイルが極力小さいことがウェブ画像の理想だ。そこで、許せる範囲まで画質を落とし、ファイルサイズを小さくすることを画像最適化という。 アニメーションを作る「タイムラインエディター」では、 直線的な動きだけでなく、曲線的な動きも作れる。ビジュアル編集とHTMLソース編集を駆使してページ作成
Macromedia Dreamweaver 3
日本語版
メーカー ：マクロメディア㈱ 標準価格 ：39,800円 問い合わせ ：03-5351-8652（アスキー） 092-752-5264（システムソフト） 03-5676-2177（ソフトウェア・トゥー） www.macromedia.com/jp/ ビジュアルモード でページを作成した あと、HTMLソース コードを直接編集し て細部を調整──。 この一連の作業をス ムー ズ に 行 える の が、「Dreamweaver」 を使う大きなメリットだ。バージョン3では、ソ ースコードに行番号を付けられるようになり、 ビジュアルモードで編集個所のHTMLソースを直接編集できる「Quick Tag Editor」機能も
加わった。 バージョン3 の新機能の中で、特筆すべき は「ヒストリーパレット」だ。このパレットには それまで行った作業がステップごとに表示さ れ、マウス操作で以前のステップまで戻ったり、 特定の作業を繰り返したりできる。パレットの 内容はJavaScriptコマンドとして保存でき、マ クロとして繰り返し利用することもできる。作 業効率をアップしてくれるうれしい機能だ。 あえてDreamweaver3 の欠点を挙げるとす れば、画像編集機能がないことだろう。同時 発売 の「Fireworks 3.0」はこの欠点を補い、 Dreamweaver3のホームページ作成環境をよ り強力なものにしてくれる。 最新機能 操作性 プレビュー 乗り換え サイト管理 画像編集 ツール HTML ソース編集 ピクセル単位の レイアウト 5 4 4 4 0 5 2 4 最新機能 操作性 プレビュー 乗り換え サイト管理 画像編集 ツール HTML ソース編集 ピクセル単位の レイアウト 5 4 3 4 0 3 4 5 2000年1月14日 発売予定 「サイトウィンドウ」の「サイト」タブ画面には、サイトを 構成する各ページの関係がグラフィカルに表示される。
マルチメディアコンテンツを多用したページ作成に最適
Adobe GoLive 4.0
日本語版
メーカー ：アドビ システムズ ㈱ 標準価格 ：オープンプライス 問い合わせ ：03-5350-0407 www.adobe.co.jp/products/golive/main.html るPlug-insフォルダーに利用したいプラグイン をコピーしておけば、GoLiveでプレビューもで きる。最新バージョン4.0には、QuickTimeム ービーの編集機能まで搭載されている。 発売元のアドビシステムズからは、 「Image-Ready」や「ImageStyler」といったウェブ画像 編集ソフトが発売されている。GoLive自身は 画像編集機能を持っていないため、バナーや ボタンなどの作成や画像最適化はこうしたソ フトが別に必要だ。 実売 45,000円インターネットマガジン／株式会社インプレスR&D
©1994-2007 Impress R&D264
INTERNET magazine 2000/2Product Showcase
*1 付属のFTP ツールを利用 *2 付属のハイパーテキストマネージャを利用 *3 簡易 DHTMLの「ダイナミックイメージ」相当 *4 付属のホームページギャラリーを利用 *5 Win 版では、インターネットエクスプローラがインストールされている場合に、本体内でインターネットエクスプローラを使ったプレビューも可 *6 Photoshop から直接画像をドラッグアンドドロップしたり、BMP やPICT をドロップしたりすると、自動的にGIF に変換*7 ウィンドウズ95とウィンドウズNT4.0 SP3 以上の場合、インターネットエクスプローラ4.01 SP1 以上が必要
*8 ウィンドウズ95 / 98 以上の場合、OS 用に16MB 以上必要で、ウィンドウズNT4.0 SP3 以上の場合、OS用に 32MB 以上必要 *9 PhotoDraw はInternet Package 2000 に付属
メーカー 日本アイ・ビー・エム㈱ デービーソフト㈱ アドビ システムズ ㈱ 江守商事㈱ マイクロソフト㈱
標準価格 14,800円 9,800円 12,800円 9,800円（パッケージ版） オープンプライス
6,500円（シェアウェア版）
実勢価格※ 11,000円 7,500円 9,600円 7,400円 18,000円
Windows 対応OS Win95 / 98 /NT4.0 Win95 / 98 / NT4.0 Win95 /NT4.0 Win95 / 98 / NT4.0以降 Win95 / Win98 / NT4.0 SP3以降 *7 CPU Pentium以上 - Intel 486またはPentium以上 Pentium以上を推奨 Pentium75MHz以上
メモリー 32MB以上 16MB以上 16MB以上 32MB以上 8MB以上
（64MB以上推奨） （32MB以上推奨） （OS用に別途必要）*8
ハードディスク 最小構成で50MB以上 約100MB 20MB以上 3MB以上 167MB以上
Macintosh 対応OS - - Apple漢字Talk 7.5.5以降 -
-CPU - - PowerPCプロセッサー - -メモリー - - 8MB以上 - -ハードディスク - - 20MB以上 - -ページ編集 対応 HTMLのバージョン HTML4.0 HTML4.0 HTML3.2 HTML4.0 HTML4.0 CSS ○ ○ × ○ ○ DHTML ○ ○ × ○ ○ XML × × × × ×
モバイル（iモード、WAP、 ○（iモード、1/4VGA、 ○（iモード） × × × PDAディスプレイなど） MobileWebなど） ダイナミックコンテンツ（Java） ○ ○ ○ ○ ○ 〃 （プラグイン） ○ ○ ○ ○ ○ 〃 （ActiveX） ○ × ○（Win版） ○ ○ 〃 （JavaScript） ○ ○ △ ○ ○ 〃 （VisualBasic） × × × ○ ○ イメージマップ（サーバーサイド） ○ × ○ ○ ○ 〃 （クライアントサイド） ○ ○ ○ × ○ プレビュー 本体 ○（要IE） ○ ○（Win版 *5） ○ ○ ブラウザー（IE） ○ ○ ○ ○ ○ 〃 （NN） ○ ○ ○ ○ ○ HTMLソース編集 ○ ○ ○ ○ ○ HTML構文チェック/ソース自動修正 ○ × × × × ほかのツールで作成したページの編集 ○ ○ ○ ○ ○ ピクセル単位のレイアウト（テーブル利用） × × × × × 〃 （CSS利用） ○ ○ × ○ ○ サイト管理 転送時間表示 ○ *1 ○ *2 ○（ダウンロード時間のみ） ○ ○ 更新分のみアップロード ○ *1 ○ *2 ○ ○ ○ リンク状況の視覚的管理 ○ *1 ○ *2 ○ ○ ○ リンクチェック ○ *1 ○ *2 ○ ○ ○ リンクの自動更新・修復 ○ *1 ○ *2 ○ × ○ ファイル管理 ○ *1 ○ *2 ○ ○ ○ 掲示板の書き込みなどのダウンロード ○ *1 ○ *2 × ○ ○
画像編集 画像編集ツール名（バンドル） ウェブアートデザイナー ロゴファクトリー Adobe Photoshop LE-J Namo GIFアニメーター ImageComposer 1.5 ウェブアニメータ アニメーションファクトリー PhotoDraw 2000 V2 *9 対応画像形式 GIF、JPEG、PNG、BMP、 GIF、JPEG、BMP GIF、JPEG、 GIF、JPEG GIF、JPEG、BMP、TIFF、
WMF、TIFF、FlashPix、 PICT（MacOS）、 TGA、RAS、EPS、PCX、
PhotoCD、DCM、MIF BMP（Win） PNG、PhotoCD、WMF
画像最適化 ○ △（iモード用にのみ） △*6 × △
ロゴ作成・加工 ○（本体、ウェブアートデザイナー） ○（ロゴファクトリー） ○（Photoshop LE-J） × ○（Image Composer、 ボタン作成・加工 ○（本体、ウェブアートデザイナー） × ○（Photoshop LE-J） × PhotoDraw 2000 V2）*9
ロールオーバーボタン作成 ○（本体、ウェブアートデザイナー） ○ *3 × ○ ○
アニメーションGIF作成 ○（ウェブアニメータ） ○（アニメーションファクトリー） × ○（Namo GIFアニメーター） ○（ImageComposer、PhotoDraw 2000）
収録素材 ページテンプレートの数 約150点 60点+iモード用10点 *4 GIF、アニメーションGIF、 81テーマ、6テンプレート 60点以上 添付画像数 約3600点 5000点 Javaアプレット、Java 2800点以上 PhotoDraw 2000に その他の素材数 サウンド（20）、スタイルシー DHTML簡易設定（9） Script、テンプレート - 多数収録 *9 ト（50）、Javaアプレット（18） などの素材をすべて合わせて JavaScript（3） 1万点以上 その他の機能 アクセシビリティ・チェック 3Dサインボード - 数式エディター Visual SourceSafeと統合 音声読み上げページ作成機能 メロディーファクトリー スクリプトウィザード されたバージョン管理機能 録音機能 テーマやテンプレートをウェブ Script Editor イメージパレット サイトからダウンロード可 データベース発行機能
ホームページ作成ソフト主要機能一覧表
ホームページ・ビルダー2001 i.ホタルパーソナル Adobe PageMill 3.0 Namo Webエディター3.0 Microsoft FrontPage 2000
インターネットマガジン／株式会社インプレスR&D
INTERNET magazine 2000/2
265
素材集を利用しよう
フリー画像が手に入るウェブサイト ホームページ作成ソフトには、画像な どの素材が付いているものも多い。それ だけで物足りないと思ったら自分で作る のもいいが、素材データが収録されたCD-ROM 付きの書籍を利用するのも1つの方 法だ。 たとえばインプレスでは、プライベート ページ向けの「HOT&プライベート編」、ビ ジネス向けの「COOL&ビジネス編」など、 目的・用途別にシリーズ化された「ホーム ページ素材集」を発売している 。 画像素材を手に入れる方法はまだある。 インターネットを利用するのだ。数多くの ウェブサイトで、アイコンやアニメーション GIF、背景画像が無料で提供されている。 たとえば、プロのデザイナー森川眞行氏 の ウェブ サイト「 Silicon Cafe'」の「 G-TOOL」 では、氏が作った3 万点 の画像が公開されている。また、「Art & Technology for Networking」 で は、約 1500点の画像に加え、Javaアプレ ットやJavaScriptも公開されている。変わ ったところでは、北海道大学コンピュータ センターの「Signboard Factory」 もおもしろい。ここでは、指定したテキス トから3D のロゴをオンラインで作ること ができるのだ。 Jump04 Jump03 Jump02 Jump01 *10 環境設定でネットスケープナビゲーターまたはインターネットエクスプローラを登録*11 または100 ％互換のプロセッサーを搭載したNEC PC98-NX シリーズまたはDOS/V コンピューター（NEC PC-9800 シリーズ対象外） *12 Photoshop から直接画像をドラッグアンドドロップしたり、BMP やPICT をドロップしたりすると、自動的にGIF またはJPEG に変換 ※製品の乗り換えやバージョンアップによる優待価格は別
三菱商事㈱ マクロメディア㈱ アドビ システムズ ㈱ メーカー
オープンプライス 39,800円 オープンプライス 標準価格
（2000年1月14日発売予定）
32,000円 - 45,000円 実勢価格※
Win95 / 98 / NT4.0以降 Win95 / 98 / NT4.0以降 Win98 / NT4.0 SP3以降 対応OS Windows
Pentium90MHz以上 Pentium120MHz以上 Pentium200MHz以上*11 CPU
32MB以上 32MB以上 32MB以上（Win98） メモリー
64MB以上（WinNT4.0以降）
20MB以上 20MB以上 50MB以上 ハードディスク
- Mac OS8.1以降 Mac OS8以降 対応OS Macintosh
- Power Macintosh（G3、G4推奨） Power Macintosh CPU
- 32MB以上 24MB以上（32MB以上推奨） メモリー - 20MB以上 30MB以上（45MB以上推奨） ハードディスク HTML3.2 /4.0 HTML4.0 HTML4.0 HTMLのバージョン 対応 ページ編集 ○ ○ ○ CSS ○ ○ ○ DHTML × ○ ○ XML × × × モバイル（iモード、WAP、 PDAディスプレイなど） ○ ○ ○ ダイナミックコンテンツ（Java） ○ ○ ○ 〃 （プラグイン） ○ ○ ○ 〃 （ActiveX） ○ ○ ○ 〃 （JavaScript） × × × 〃 （VisualBasic） ○ ○ ○ イメージマップ（サーバーサイド） × × ○ 〃 （クライアントサイド） × × ○ 本体 プレビュー ○ *10 ○（環境設定で登録） ○（環境設定で登録） ブラウザー（IE） ○ *10 ○（環境設定で登録） ○（環境設定で登録） 〃 （NN） △（登録した外部ツールで編集） ○ ○ HTMLソース編集 × ○ ○ HTML構文チェック/ソース自動修正 ○ ○ ○ ほかのツールで作成したページの編集 ○ ○ ○ ピクセル単位のレイアウト（テーブル利用） ○ ○ ○ 〃 （CSS利用） × ○ × 転送時間表示 サイト管理 ○ ○ ○ 更新分のみアップロード ○ ○ ○ リンク状況の視覚的管理 ○ ○ ○ リンクチェック ○ ○ ○ リンクの自動更新・修復 ○ ○ ○ ファイル管理 × ○ ○ 掲示板の書き込みなどのダウンロード - - - 画像編集ツール名（バンドル） 画像編集
GIF、JPEG、PNG、BMP、 GIF、JPEG、PNG GIF、JPEG、PNG、 対応画像形式 PCX、PICT、FPX BMP（Win）、PICT（Mac）、
TIFF（Mac） × △（Fireworks） △*12 画像最適化 × △（環境設定で外部ツールを登録） × ロゴ作成・加工 × △（環境設定で外部ツールを登録） × ボタン作成・加工 ○ ○ ○ ロールオーバーボタン作成 × △（環境設定で外部ツールを登録） × アニメーションGIF作成 - - - ページテンプレートの数 収録素材 - - - 添付画像数 コンポーネント（9） SSI - その他の素材数 ウェブサイトからコンポーネン ヒストリー機能 QuickTimeムービー編集機能 その他の機能 トをダウンロード可 Fireworksとの連係
NetObjects FUSION 3.0 Macromedia Adobe GoLive 4.0 日本語版 Dreamweaver 3 日本語版 日本語版
インプレスの素材集（インプレス販売）
www.ips.co.jp
G-TOOL
www.siliconcafe.com/gtool/ Art & Technology for Networking
home.att.ne.jp/gold/naoki/ indexjp.html Signboard Factory nis-ei.eng.hokudai.ac.jp/ ~yamamoto/factory/indexj.html Jump04 Jump03 Jump02 Jump01 G-TOOL のトップ画面。約 3 万点の画像が公開 されている。
インターネットマガジン／株式会社インプレスR&D
©1994-2007 Impress R&DCopyright © 1994-2007 Impress R&D, an Impress Group company. All rights reserved.
