HOME | 建設部とは? | イントラニュース | データ画像処理 | HOMEPAGE作成 | WORDで作るHP | 建設部DATA FILE

あなたのHOMEPAGEを作りませんか

無料ホームページ提供WEBのいろいろ

建設部 谷澤 守

今回は、皆様にHOMEPAGE作成とUPLOADを経験して、HOMEPAGE作成の楽しみを味わって貰おうと企画しました。

1. 先ず、手始めに自分の好きな題材でHTML文書を作成しましょう。

[青字は、用語の説明です]

　

HTML

Hyper Text Markup Language

--------------------------------------------------------------------------------

　「エイチティエムエル」と読む．

HTMLはSGML（Standard Generalized Markup Language）の書式を踏襲したマークアップ言語の１つ．HTMLはWWWサーバでのドキュメントを記述するための言語として広く知られている．WWWサーバのドキュメントでは，このHTMLにより文書の構造や体裁などの要素（SGMLやHTMLでは，これらをエレメントと呼んでいる）を定義し，イメージやURLを貼り込んで，ハイパーテキストを実現している．

　

1. HTML文書の作成には、日頃使い慣れているMS WORDを使用します。

　

2. ファイルメニューから新規作成を選択し、メニューボックスのWebページからWebページウィザード.wizを起動します。

　



　

3. そして、最初は慣れるために適当にウィザードに従って自分の好みで項目を選択していきます。

　



　

4. このページが表紙となるページであれば、index.htmlというファイル名で保存します。 一番表紙となるページは、私の経験した範囲の全てのプロバイダーがindex.htmlというファイル名を使用する事を義務づけています。 index.htmlというファイルが無い場合は、与えられたURLでそのHOMEPAGEにアクセス出来ないことが有ります。

　

URL

Uniform Resource Locator

--------------------------------------------------------------------------------

　Internet上のリソースのロケーションを指し示す記述様式．

　

［例］

　

http://www.ascii.co.jp:80 /pubindex.html

　

　

●スキーム名

　

　「http」はスキーム名と呼ばれるもので，これにより，URLが指し示すリソースの種類を表わす．httpのほかには，ftp，wais，mailto，telnetなどがある．

　

　

●サーバ名

　

　「//www.ascii.co.jp」はサーバ名で，そのリソースを提供するInternet上のサーバを識別する．スキーム名とこのサーバ名の区切りにはコロン（「：」）を指定する．

　

　

●ポート番号

　

　「80」はポート番号．スキームがhttpの場合には，通常は80を指定する．このポート番号は省略が可能．サーバ名とポート番号の間もコロンで区切る．

　

　

●パス名

　

　「pubindex.html」は，サーバ内でのHTML文書を示すパス名．WWWクライアントでは，このファイルを読み込むことで，WWWサーバの情報を表示する．

5. ウィザードを終えて出来たHTML文書を一旦保存しましょう。 これから沢山のページを作成していくのですから、HOMEPAGEなどと名前を付けたディレクトリーを新たに作成して、そのディレクトリーに保存することをお勧めします。 これは、後日UPLOADするときの手助けになることです。

　

アップロード

upload

--------------------------------------------------------------------------------

　ローカルのコンピュータから，ネットワーク上にファイルを転送し，他のユーザーにそれを公開すること．（←→ダウンロード）

　

6. 又、index.htmlを始め全てのファイルは、半角小文字のアルファベット及び数字を使用するように心掛けて下さい。 漢字は文字化けして判らなくなります。 又、これは、必須では有りませんがプロバイダーによっては、大文字のファイルを小文字に勝手に変えてしか受け付けませんので、折角HTML文書の中で作成したハイパーリンクが動作しなかったり、HTML文書上の画像ファイルが読み出されなくなったりします。

　

7. それでは、自分の好きな題材でindex.htmlの中味を作っていきましょう。 index.htmlは、文字どおり表紙の役目を持っていますので、あまりこのページにずらずらと書いていくよりも、箇条書きで自分のHOMEPAGEの題材を書いていくと良いでしょう。 この箇条書きの項目からハイパーリンクで別のHTML文書を接続します。

このアイコンがハイパーリンクのボタンです。



　

8. ハイパーリンクを組むには、その相手のHTML文書が既に存在している必要が有ります。 index.htmlを保存した後に、そのindex.htmlをファイルメニューの「名前を変えて保存する」を利用して、同じページを別のファイル名で自分の構想に見合うページ数のHTML文書を保存していきます。 簡単なところでは、01.htmlなどの数字だけのファイル名でも良いと思います。

　

9. ハイパーリンクを組みたい項目を選択し、MS WORDのハイパーリンクのメニューボタンを押します。 現れたメニューボックスで参照を押すと、index.htmlとその他のHTML文書を保存したディレクトリのファイルがリストアップされていますので、その中から適応するファイルを選択し、OKします。

　



　

10. これでハイパーリンクが組めましたので、MS WORDでもそれを利用してリンク先に移動することが出来ます。

　

11. このようにして、各ページの内容を記入していくと同時にハイパーリンクを組んでいきます。 自分の構想に合わせて次々とページを進めて読ませるようにハイパーリンクを組むか、見る人がいつでもどこにでも移動できるようにリンクを組むかを決めましょう。 只、自分が各ページを編集することを考えると後者の方が有利です。

　

12. HTML文書の保存時には、言語が重要になります。 ファイルのプロパティを開いて下記のメニューボックスを呼び出して下さい。

　



　

13. 画像をHTML文書に取り込むには、画像を取り込みたい場所にカーソルを置いて、図の挿入アイコンを押します。 自分が取り入れたい画像の有るディレクトリーに移動してそのファイルを指定します。 これで画像の取り込みができました。 出来るだけ、使う画像は取り込む前にHTML文書と同じディレクトリーに移動しておくことを勧めます。 ファイル名が単なるimagexxx.gif（xxxは数字です）というようなファイル名に変わってしまってどれがどのファイルか判らなくなる事が有るからです。

　

2. HTML文書及び添付ファイルの確認

1. エクスプローラーで一つのディレクトリーに集まったファイル名が全て英数字の半角小文字になっているか確認しましょう。 漢字を使っているものは、ファイル名が文字化けして判らなくなりますし、半角英数字でも大文字を使っているものがあれば、そのままアップロードしてファイル名だけが小文字になって、HTML文書では大文字でリンクさせているとハイパーリンクが表示されません。

　

2. もし修正するべきファイル名があれば、そのファイル名をエクスプローラーで修正し、そのファイルをリンクさせたHTML文書をWORDで開いて、ハイパーリンクを付け直します。

JAVAスクリプトがお分かりであれば、WORDの表示からソース表示を選ぶと、JAVAスクリプトで書かれたHTML文書が現れます。 この中で修正したファイル名を使用しているところを捜して修正することが出来ます。

　

Java

--------------------------------------------------------------------------------

　Sun Microsystems社が開発したオブジェクト指向のインタープリタ言語．Javaで記述されたプログラムの中間コードをWWWサーバからWWWクライアントに送り，クライアント側でこのプログラムを実行できるようにする．Javaコンパイラが生成する独自の中間コードをそれぞれのプラットフォームで実行するため，機器依存のないプログラムを作成することができる．言語仕様はC++に近いが，ポインタがないことや，クラスに属さないメンバを宣言できないなどの違いがある．スタンドアロン，もしくは，HotoJavaやNetscape Navigator 2.0上でアプレットとして動作する．Microsoft社もJavaのテクノロジーをSunからライセンスを受け，将来のInternet Explorer（Microsoft社が開発したWWWブラウザ）ではJavaに対応する予定である．

　

　

Java Script（じゃばすくりぷと）

--------------------------------------------------------------------------------

　Netscape社のWWWブラウザであるNetscape Navigator（Communicator）で実行可能なスクリプト言語．文法はJava言語を参考にしているが，Java言語との互換性はない．HTMLファイル上に<Script>タグを使って記述することにより，ボタンが押された場合の処理や，簡単な演算処理などをWWWブラウザ上で実現できる．

　同様のスクリプト言語として，MicrosoftのWWWブラウザであるInternet Explorerでは，Java Scriptに加えて，VBScriptと呼ばれるスクリプト言語をサポートしている．

　

3. CGIの利用

自分のホームページにアクセスしてくれた回数を数えるためのアクセスカウンタ、自分のホームページを見てくれた人の意見を記入してもらうゲストブック、などがCGIと呼ばれているものを利用しています。

CGIの使用については、自分がホームページを載せるプロバイダによって、そのプロバイダーが用意したものだけが使用できたり、どんなCGIを使っても良かったりしますので、まずプロバイダーのホームページでプロバイダーが用意しているCGIを調べましょう。

　

CGI

Common Gateway Interface

--------------------------------------------------------------------------------

　WWWサーバのシステムにおいて，HTMLから外部のプログラムを起動して，その結果をWWWクライアントへ返すための仕組み．HTMLだけでは記述できないような動的なページを作成することができる．

　たとえば，ユーザーの入力したフォームのデータをサーバ側へ読み込んだり，ユーザーからの指令に従って表示内容やその応答を変えたりするために使用される．また，ユーザーのアクセスカウンタ（そのページがアクセスされた回数を表わす数値のカウンタ）なども，このCGIを使って実現されている．

　

WWWサーバと，CGIを通して起動されるプログラムは，通常は標準入出力を使ってデータをやり取りする．

　

1. プロバイダーが用意したCGI、或い一般のCGIは、JAVAスクリプトです。 これをWORDのHTML文書に普通に書いただけでは書いた文字が読めるだけで、CGIとして機能しません。 これを機能させるには、スクリプトをHTML文書に記入した後その部分を選択して、スタイルのプルボックスから“HTML Markup”を選んで文字を赤に反転させる必要が有ります。 或いは、表示からソース表示にして、JAVAスクリプトのHTML文書の中で挿入する場所を探して記入して保存します。

　

4. これで、一応アップロード出来る体制になりました。 後は、自分がアップロードするプロバイダーなり、無料でホームページのディスクスペースを提供してくれる相手を決めます。

1998年6月15日

1. http://www.geocities.co.jp (無料ディスクスペース: 3 MB)

無料HOMEPAGE入門用としては、日本語を使用しておりますこちらのサイトがベストと考えます。

　

ファイルマネージャーと言う名前で、相手側が用意してあるアップロード用のプログラムを使用して自分の作成したHTML文書、その他のファイルをアップロードします。 相手側がホームページを簡単に作成できるようにしたエディタを利用するやり方と、あらかじめ自分で作成したファイルをアップロードするやり方が有りますが、簡単に作成できるようにしたものと言っても、ＪＡＶＡスクリプトの知識が必要となりますし、回線を接続したまま試行錯誤を繰り返して無駄に時間をつぶすよりは、MS WORDなりで先に完全なHTML文書を作成してそれらのファイルをアップロードする方が確実だと思います。 あなたのHOMEPAGEをつくりませんかを御参照下さい

最近、FTPでもアップロード出来るようになりました。

　

入会から2週間以内にホームページをアップロードしなければ再度入会し直すことに成ります。 ですから、先にアップロードするHTML文書を作成してから入会手続きを始めることをお勧めします。

入会は、上記URLにアクセスして“無料ホームページ”の文字を追いかけながら、自分の好きなカテゴリーから空いている住所を探して登録します。 自分のデータを記入して送信すると1時間以内程度に、相手側から自分のホームページのURL等を案内したe-mailが自分の登録に使用したMAILアドレスに届きます。

　

ファイルマネージャーに行って、自分のID(市民IDと呼んでいます)と自分が設定したパスワードを入れるとアップロードできるページに入ります。 ここの“EZファイルアップロード”を使用してあらかじめ作成しておいたHTML文書並びに付属の画像ファイルなどをアップロードしていきます。 全てのファイルのアップロードが終わったら、そのページでindex.htmlを表示させて確認することも出来ますし、入手済みの自分のホームページのURLで直接確認することも可能です。 アップロードしたら即座にもうホームページとして誰もがアクセス出来てしまいます。 でも失敗した所は又直して後からアップロードし直せば良いのですから失敗を気にすることは有りません。

　

尚、こちらにHOMEPAGEを開設するには、全てのページにgeocitiesの要求するBANNERを取り付ける必要が有ります。 これも簡単なJAVAをHTML文書上にWORDで記入した後、スタイルをHTML Markupにするだけで出来ます。

　

2. http://www.geocities.com (無料ディスクスペース: 11 MB)

こちらは、上記1項のアメリカの本家です。 1項と全く同じ方法を採用していますがすべて英語で説明がされています。

　

3. http://www.tripod.com (無料ディスクスペース: 11 MB)

こちらも英語のサイトです。 無料ディスクスペースが11 MBと格段に大きいのが魅力です。 geocitiesとほぼ同じアップロード用のプログラムが用意されています。

　

HOMEPAGEを開くとTRIPODの宣伝が別のフレームでポップアップされるように成っていて、geocitiesのように自分でBANNERを取りつける必要が有りません。

　

4. http://fortunecity.com (無料ディスクスペース: 10 MB)

1. http://www.nettaxi.com (無料ディスクスペース: 3MB)

HOME | 建設部とは? | イントラニュース | データ画像処理 | HOMEPAGE作成 | WORDで作るHP | 建設部DATA FILE