■フォームについての補足
96 年 11 月号のフォームにつ いての回で、フォームに入力された内容をメールで送ってもらう方法について解説しました。その後、読者の方からうまく動作しないというメールをいただきました。
そこで調べてみたところ、インターネットエ

連載

クスプローラの2.1 および3.0 では、FORM のACTION オプションでmailto を指定しても、記入されたフォームの内容がメールで送られるのでなく、メールソフトウェアがメールを入力するためのウインドウを開くということが分かりました。
したがって、インターネットエクスプローラでアクセスしているユーザーには、フォームを記入してもらっても、その内容を自動的にメールにして送ってもらうことができません。インターネットエクスプローラのユーザーからの返事をフォームでもらう場合には、CGI を使う以外にないようです。ACTION オプションでmailto を使ったフォームを使用する場合には、ネットスケープナビゲーターを使ってくださいという注意書きが必要になるでしょう。

■ METAタグ
META タグは、ページ上には表現されませんが、サーバーソフトウェアが利用できるような情報を格納するタグです。どのように役に立つかというと、たとえば、AltaVista（ http://www.altavista.digital.com/）などのいく
つかのサーチエンジンはMETA タグの内容も参照して検索をするようになっています。

川添 歩 （かわぞえあゆむ）
アクセス株式会社

また、自分用のメモや、共同でページを作

http://www.axes.co.jp/

成しているときなどに、更新者や日付を記入

最終回
ホームページ作成のまとめ
今回は、今までの連載の中でこぼしていた内容について、補足をしたいと思います。
主に、各回のテーマには合わなかったため掲載できなかった種類のタグと、ネットスケープナビゲーター 3.0 になって新しく追加されたタグについて紹介します。また、最後にホームページを作るうえで気をつけたい事柄をまとめてみました。

360 INTERNET magazine 1997/1

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

しておきたい場合がありますが、これらの情報をコメントとして入力するのでなく、METAタグで記述しておいたほうが、スマートな方法と言えるでしょう。HTML ファイルは、われ■METAタグで自動ページめくり

また、秒数を0 にしておけば、飛 び先 のMETA タグの別のオプションを使って、面ページをいきなり表示することができます。移白いことができるので紹介しましょう。
あるページを表示してから、設定秒数後に、動したということを意識させないで、ほかのページを表示させることができるわけです。

われ人間にとっては見るための手段ですが、自動的にほかのページに飛ぶ指定です。

サーチエンジンをはじめとするプログラムにと<META HTTP-EQUIV="Refresh" CONTENT="[秒っては「データ」そのものであり、META タグ数]; URL=[URL]>を使用することでプログラムがHTML 内の情のように書きます。たとえば、ページを表示してかありませんでしたが、ネットスケープナビゲー報を扱いやすくする利点があるのです。

から3 秒後にほかのページに飛ばしたければ、

ター3.0 からMULTICOL タグが追加され、こ■段組み
段組みは、TABLE タグによってするよりほ<META HTTP-EQUIV="Refresh" CONTENT="3;のタグによって複数の段組みが簡単にできる<META NAME="種類名" CONTENT="内容">

URL=http://www.axes.co.jp/">

ようになりました。のように書き、通常<HEAD> 〜</HEAD> ののように書きます。

META タグはこれは、あるホームページが別のサーバーに中に記述します。
NAME で指定する種類の名前は、残念なが移動したような場合に便利です。

MULTICOL タグの書式は、<MULTICOL COLS=[段数] GUTTER=[段間]> 〜</MULTICOL>

ら、どのように入力しておくかという標準が元のホームページの位 置 に 図 1 のようなで、これに挟まれた部分が指定段数で段組み今のところ決まっていません。しかし、よくページを置いておけば、移動のお知らせを見されます。MULTICOLに対応していないブラ

使われているものとしては、下記のようなものせたあと、自動的に新しいアドレスのページ

ウザーでは、単に段がなくなるだけです（図2）。

があります。に行って表示してくれます。

Title :

タイトル

Author :ページの内容の作者

Publisher :ページの発表者。個人ページであればAuthorと同じになる場合が多い

OtherAgent : 編集や翻訳などに関わった人や会社の名前
Date :

発表の日付

ObjectType : このページの種 類 。 n o v e l 、

図1：自動めくりのサイト（上）とその HTML（右）

poem、dictionary など
Identifier :ページの管理用のID。コードや番号など

Relation :他のページとの関連

Source :オリジナル情 報の所在。ほかのページや、紙での原稿など

Language :使用言語

Coverage :ページの内容がカバーする地域
や時代など

たとえば アップルコンピュータ（h t t p : / /www.apple.co.jp/）では、アップルが作成して発表するWWW に使うMETA タグを、これらを拡張した形で決めて使用していますので、図 2：段組みの例（上）とその HTML（左）参考にしてみてください。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

INTERNET magazine 1997/1361

■ SPACERデザインするということます。

これもネットスケープナビゲーター3.0 の拡張タグです。

ただし、SPACER タグを使ってレイアウトして、このタグに対応していないブラウザーでホームページをデザインするということは、単に美しいグラフィックスを作るこ

ページ上の文字列や表やグラフィックなど見ると大幅にレイアウトが変わりますから、ネを、好みの位置に配置したい場合には、いくットスケープナビゲーター3.0 が普及するまでつかの方法があります。PRE タグでスペースは透明なGIF で代用していたほうが無難だとを配置する、全角スペースを入れる、透明な思われます（図 3）。

いることを認識する必要があります。

■表の背景色るものではありません。リンクの仕方にGIF を置くなどです。透明GIF を使う方法は、
1 つ小 さなファイルを用 意 しておけば、とではありません。ホームページというメディアは、紙のメディアや、テレビ、ビデオのようなメディアとはかなり異なって第一に、ホームページは順番に読まれWIDTH やHEIGHT の指定でピクセル単位でネットスケープナビゲーター3.0 と、インター大きさを指定できるので私もよく使います。

ネットエクスプローラで使用できる、TABLE

この方法の代わりになるのが、SPACER タ

関連のタグのオプションです。TABLE で作成

グです。SPACER タグには3 つのType があしたセルの背景色を指定することができます。

ります。

これによって表全体や、表の見出し部分、あHorizontal ：水平方向にスペースを空ける

るいは特定のセルを目立たせて見やすくする

Vertical ：垂直方向にスペースを空けることができます。

よってページをたどっていく順番はさまざまに変化します。
第二に、ページそれ自身にユーザーインターフェイスを備えることができます。ページの中のテキストやグラフィックスを押すことでほかのページに飛ぶリンクを作ることができるために、このメディアの見方をメディア自身が提供することになります。

書式は、<TABLE>、<TR>、あるいは<TD>●

それぞれサイズをピクセル単位で指定します

タグ に 、ペ ー ジ の 背 景 色 指 定 と 同 様 のこれらのことからページをデザインするが、BlockではALIGN オプションも使用でき

BGCOLORオプションをつけるだけです（図4）。のは、ひとつにはあるグループを作るペー

Block ：四角くスペースを空けるジ群の構成を考えることであり、またその構成をどのようなインターフェイスで見せるかを考えることになります。
ページ群の構成やインターフェイスは、グラフィックデザインよりも優先して考えるべき内容です。グラフィックデザイン
は、構成やインターフェイスの違いによって決定される部分があるからです。たとえば、次のページを見るボタンのグラフィックスのデザインは、そのボタンが必要かどうかが分からなければ、考える意味がありません。そして、全体の構成やインターフェイスは、そのページ群に収める内容が決定するものなのです。
透明 GIF

図 3：スペースを空けるために
透 明 GIF を使 用 した例（上 ）とその HTML（右）●ホームページを作るというと、どうしても、どんな画像を使おうとか、どんなグラフィックデザインにしようかとか、そう

図 4：テーブルを用いた例（下）とその HTML（右）いったところにまず目がいきがちですが、それをぐっとこらえて、まずどのような内容を収めるのかをじっくりと考えてください。そして、それをどのような構成で入れるか、その構成をどのように見てもらうかを考えたうえで、グラフィックを考えましょう。

362 INTERNET magazine 1997/1

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

見る人のことを考える

情報を公開する責任

ホームページは、誰かに見てもらうために非常に簡単に、大勢の人へ向けた情報を作るものです。見てもらいたいと考えるので個人レベルで公開できる初めてのメディアがあれば、見てくれる人のことを考えて作らなホームページです。それだけに、個々の人は、ければなりません。当たり前のことですが、お情報を公開するということに慣れていません。

金をかけて作っている企業のホームページでしかし、これから私たちはそれに慣れて、じさえ、それを考えているとは思えないページっくり考える機会をいつも持っていないといに出くわすことがあります。

けないと思います。それは、気がつかぬうち見る人のことを考えるとに人を傷つけたり、罪を犯したりいうことは、見やすさ、使することを避けるだけの知識を持

ホームページ制作で気をつけたいこといやすさを考えるということです。

つということであり、その結果として、私たち自身の首を絞める

見せたいと思う情報に、ような規制を許さないようにす見る人が容易にたどりつけるということでもあります。

るかどうかをいつも考えてく

これまでは、出版や放送のださい。

プロだけが、プライバシーや著初めてそのページに来た人が、どんな情報作権について知識を持っていれば、とりあえがどこに行けばあるのか、すぐに分かるようずそれらの権利を守ることができました。今な構成やデザインを心がけてください。また、後は、そうではありません。ふだん、私たち自分が何の情報を見ていて、どうすれば元にが近所の人に迷惑をかけないように、まして戻れるのかもちゃんと提示されていなければや乱暴をはたらいたりしないように生活してなりません。適切なナビゲーションボタンをいるのと同様に、デジタルの網の中の近所の配置していないと、ブラウザーのBack ボタ人、すなわち世界中の他人のことを考えて、ンで戻るしか方法のない「行き止まり」を作ともに生活していかなければなりません。ってしまって、見せたいほかの情報にたどり自分の発信する情報には自分で責任をもつけなくしてしまうかもしれません。

ち、 ほかの人 の権 利 は犯 さない。 これはページの構成だけでなく、目次の文を考えHTML のタグを覚えることよりも、ずっと重る際にも心がけるべきです。たとえば「アンたとえば、意味のない大きな画像を使うことケート」と書かれたボタンがあっても、それは、肝心な情報にたどりつく前に見る人の気が何のアンケートなのか、入力用のページな持ちをなえさせ、情報に到達しにくくします。のか、結果発表のページなのか、何も分かりあるいは、工事中のページ。目次をクリッません。
「あなたの使用パソコンは？

アン

クして開いたページに、「工事中」のグラフケート実施中！」といったボタンのほうがよィックがあるだけといった無意味なリンクはり分かりやすくなります。

避けます。工事中の項目は、目次からはず要なことなのです。

終わりに・・・
ちょうど12回、1年間書かせていただいた本連載は、今回で終了させていただきます。私は毎日仕事でホームページの企画や制作をしており（ご用命はメールでどうぞ！）、プロが介在すべき必要性を感じてい●

しておくのがいいでしょう。どうしても今後ホームページは、現在の通信状況がまだあの予定として見せたいのであれば、リンクしまりよくないせいもあって、見る側、ユーザていない目次項目として載せておくべきです。

ーにずいぶん負担をかけるメディアです。紙また、多くの人が忌避感を表明しているにのメディアならば、ぱらぱらめくることがでもかかわらず、依然として使われることの多きますが、ホームページではそれができませ

いのが文字の点滅（BLINK）。文字の点滅んから、「めくる」前に内容がきちんと分かは、目立ちすぎるという意味で、やはり不必より多くの方がオリジナリティあふれたページを作成さるようにしてあげるべきなのです。

要な情報です。気になりすぎて、ほかの情報れることを願ってやみません。

ですから、必要な情報をきちんと提示するに目が行きません。また、目立つはずの文字と同時に、不必要な情報をなるべく少なくす列も、点滅しているがゆえに非常に読みにくる工夫も必要です。

くなってしまうのです。

ますが、その一方で、アマチュアが自由に同じ土俵で情報発信できる面白さや 楽しさも同時に享受しています。こんな素敵なメディアが生まれた時代に生きていることを、本当にうれしく思います。
私の記事が、どのぐらいの方にホームページを作るきっかけやヒントを与えることができたか分かりませんが、㈱アクセスではスタッフを募集しています。詳細はホームページ（http://www.axes.co.jp）をご覧ください。

インターネットマガジン／株式会社インプレスR&D©1994-2007 Impress R&D

INTERNET magazine 1997/1363

［インターネットマガジン バックナンバーアーカイブ］ ご利用上の注意
この PDF ファイルは、株式会社インプレス R&D（株式会社インプレスから分割）が 1994 年～2006 年まで発行した月刊誌『インターネットマガジン』の誌面を PDF 化し、「インターネットマガジン バックナンバーアーカイブ」として以下のウェブサイト「All-in-One INTERNET magazine 2.0」で公開しているものです。

http://i.impressRD.jp/bn
このファイルをご利用いただくにあたり、下記の注意事項を必ずお読みください。
z 記載されている内容（技術解説、URL、団体・企業名、商品名、価格、プレゼント募集、アンケートなど）は発行当時のものです。
z 収録されている内容は著作権法上の保護を受けています。著作権はそれぞれの記事の著作者（執筆者、写真の撮影者、イラストの作成者、編集部など）が保持しています。
z 著作者から許諾が得られなかった著作物は収録されていない場合があります。
z このファイルやその内容を改変したり、商用を目的として再利用することはできません。あくまで個人や企業の非商用利用での閲覧、複製、送信に限られます。
z 収録されている内容を何らかの媒体に引用としてご利用する際は、出典として媒体名および月号、該当ページ番号、発行元（株式会社インプレス R&D）、コピーライトなどの情報をご明記ください。
z オリジナルの雑誌の発行時点では、株式会社インプレス R&D（当時は株式会社インプレス）と著作権者は内容が正確なものであるように最大限に努めましたが、すべての情報が完全に正確であることは保証できません。このファイルの内容に起因する直接的および間接的な損害に対して、一切の責任を負いません。お客様個人の責任においてご利用ください。

このファイルに関するお問い合わせ先
All-in-One INTERNET magazine 編集部
im-info@impress.co.jp
Copyright © 1994-2007 Impress R&D, an Impress Group company. All rights reserved.