Windowsｮ View Vol.21

最新Windowsソフトウェア事情（第14回）

Windowsコンソーシアム顧問　高橋　三雄

WWWページ作成への初挑戦

　前回はインターネットへの初挑戦を興奮しながら紹介させてもらった。いまさらインターネットでもあるまいという声も聞こえそうであるが、話のついでに今回もまたインターネットがらみの話にしたい。それは前回の最後にも書いたように本欄を媒体として結果的に自分自身のページをもたせてもらった以上、自分でも直接、WWWページ作成に挑戦する義務を感じたからである。また、事務局にWindows95用のWWWページ作成支援ツール（デービーソフト社のHOTALL95）が届けられたからでもある。

図１

　さて、周知のようにWWWページはHTML（Hyper Text Markup Language）を使って記述される。その基本は各種機能に対応したタグである。タグにはタイトル、見出し、パラグラフ、リンク、リスト、イメージなどがある。タグの実際は具体例を見た方が早い。図1 は前回の記事を掲載したWWWページとそのもとになっているHTMLファイルの内容である。これはエクスプローア（ブラウザー）の表示メニューから「ソース表示」を選択することで表示される。タグはタグ名を＜と＞の間に書いてあらわす。＜HTML＞から始まり、＜/HTML＞で終わる。＜HEAD＞はヘッダにあたる部分であり、タイトルなどを書く。文書の本文は＜BODY＞と＜/BODY＞の間に書く。といったようにタグとその使い方の説明をしていくと私自身がページ作成のベテランのように思えてくる。もちろんそんなことはないのであって、タグの詳細な解説書を読んだりしていると頭が痛くなってきたり、タグなど二度と見たくもない心境になってしまう。

図２

　ページの内容とHTMLのソース文書を比較して見れば、それぞれのタグがおおよそどんな機能を持っていそうか想像できる。＜H2＞はタイプ２の見出しであって特定の文字サイズが対応している。＜CENTER＞はセンタリング機能、＜HR＞は下線のようである。ところでページにはところどころ、図版が貼ってある。これはHTMLではどのタグで表しているのだろうか。WWWは写真や音声あるいは将来はビデオなどのマルチメディア素材がふんだんに含まれた方が面白い（通信速度が問題になるが）。図2は図版を含んだあたりのページとHTMLソースを見比べてみたところである。ページの中程に図版が見える。そしてそれに対応したタグは＜IMG SRC="data/20-21-1.gif"＞のようである。たしかに、＜IMG SRC＞はイメージソースをあらわしている。「.gif」はグラフィックファイルの種類（CompuServe で使われている）であり、HTMLではこのタイプのイメージを使う。しかし、グラフィックソフトは主要なグラフィックの種類に対応しており、元のファイルがJPEGやBitmapなどであってもそれをgif形式に変換すればよい。

図３

　たとえば図3はわたしが愛用しているHiJaak95を使ってJPEGファイルをgifファイルに変換している様子を示している。

図４

　HTMLソースの最後はどのようなタグで終わっているのだろうか。WWWページの最後をめくってソース文書を対比してみると図4のようになった。最後は＜/HTML＞で終わっており、その前は本文の最後を示す＜/BODY＞タグがつけられている。また、ページの最下段には「Contents」の表示が見える。下線が引かれており、ポインタをこの位置にもってくると指の記号にかわり、マウスをクリックするとWindows Viewの目次のページに戻る。これはソース文書に示されているように、＜A HREF＞タグを使って別のHTML文書にリンクされているからである。リンク構造をもたせることで関連したWWWページへ自由に飛ぶことができるのがWWWの魅力である。

図５

　このように、Windows Viewのページとソース文書を参考にしながら基本的なタグの実際を見てみた。次は当然のことながら自分で適当なHTML文書を作ってブラウザーに表示してみることである。さっそくためすことにして図5のようなソース文書を作ってみた。画面右側がソース文書、そして左側がエクスプローアで実際に表示させてみた結果である。なんとかうまくいったようである。しかも「ナイアガラ」の文字列にリンクまで張ってあり、勉強したばかりとはいえ、かなりのものである。ソースはアクセサリーソフトに含まれているワードパッドを使って作成した。適当な構成の文書を作成し、あとからタグを挿入しただけである。文書ができたところで「.html」の拡張子をつけて保存し、ブラウザーで開いてみた結果が図の左側である。しかし、タグをつけたり、リンク先のHTMLファイル名を挿入したり、テキスト通りの操作をするのは面倒であるし、「なんでこんなことをしなければならないの？」とつい、ぐちも出てしまう。

図６

　文書にリンクを張ったので、リンク先の文書を作っておかなければならない。それが図6 である。ここではナイアガラ滝の写真まで含めてある。しかも、ページの最後には「前ページに戻る」として、この部分をクリックすると前のページに戻るようにリンクを張った。これら二つのページを行き来して「よしうまくいった！」というのが今回の悪戦苦闘の成果である。
それに対して、HTML文書作成支援ツールであるHOTALL95を使うと、上の苦労が何だったのかと思わせるほど、あっけなく、HTML文書ができてしまった。一度、そうしたツールを使うと二度と自分でタグを書いたりする気にならなくなってしまう。せっかく5、6 冊のHTML参考書を買い込んだのに、無駄になってしまうかもしれない。それはともかく、 HOTALL95を見てみよう。

図７

　図7はHOTALL95を起動し、新規作成を選択して表示された編集画面上に適当な文書を書いた結果である。上段には見出しにあたる行を入力し、画面右上のリストから「タイトル」を選択するとサイズの大きな太字に変換された。ついでその下にカナダ旅行の思い出をつづった文書を入力した（実際にはさきほどのワードパッドの文章をコピーしただけ）。ついで「ナイアガラ」の文字列をドラッグして選択し、画面上段の設定メニューから「ハイパリンクの設定」を選択しようとしている。これは選択した文字列に対して他の文書へのリンクを張るための機能である。それによって図8のようにリンク先のファイルを選択するウィンドウが表示されるのでそこから選択すればよい。また、リンク先はファイルの先頭だけでなく、文中（ページ）の任意の箇所にラベルを定義しておき、そこへリンクさせることもできる。これはタグでいえばアンカータグとよばれるタグを使って指定する操作手順である。

図８

図９

　今度は先ほどと同様、リンク先の文書を作成しなければならない。そこではナイアガラ滝の写真を貼り込みたい。それはただ、挿入したい箇所を選択し、編集メニューから「ファイルから貼りつけ」を選択するだけである。それによって図9のようにファイル選択のウィンドウが表示され、目的のグラフィックファイルを選択すればよい。これまでの操作はタグをまったく意識せずに行うことができる。しかもHOTALL95の画面そのものが図10のようにブラウザーと同様に操作できる。もちろん、リンクなども操作できる。エクスプローアなどのブラウザーを起動しなくともWWWページとしての動作を直接、しかも即座に確認できる。これは大変に便利である。なお、タグをまったく意識せずに作成したいまのページが実際にはどのようなHTMLソースになっているかを調べておく必要があるだろう。それは図11の右側の通りである。たしかに、これまでに見たタグが自動的に付されたりっぱなHTMLソースファイルになっていることがたしかめられる。このようにして HOTALL95の基本的な操作を見てみた。この種のソフトの支援を得ることによって誰でもがインターネットを通じて世界に発信できるようになるのだろう。この程度の記事でインターネットのホームページを作ったなどと自慢はできないが、少なくとも、私程度のユーザーでも何とか情報発信できることはわかった。これからも海外のパソコンソフトを探訪してその情報のリンクを含めたページを作成してみようと考えている。乞うご期待！

（筑波大学大学院　経営システム科学　教授）

図１０

図１１

（筑波大学大学院経営システム科学教授）

　　　 Contents 　　　　　　　 Windows Consortium ホームページ