国際空港パーキング 青木から
ホームページを持ちたいが 難しそうで とお考えになっている方は 少なくないはずです。現に私もちょっと前までは、そう思っていました。しかし、いざ作り始めると、意外と簡単に出来てしまうことがわかりました。そこで、皆さんがホームページを作り始める切っ掛けをつくる手助けになればいいなと思い、このページを作りました。
切っ掛けを作るだけですので、詳しい事は書きません。
特別な アプリケーションなども一切必要ありませんので チャレンジしてみて下さい。
- まず、どこでもいいですから、フォルダを作って下さい。次にその中で、右クリックし、新規作成、テキスト文書を選択して、テキストファイルを作成して下さい。
ここで質問です、皆さんは拡張子というのをご存知ですか、ファイル名の後に付いている、文書ファイルなら .txt.、画像ファイルなら .jpg .gif など、音なら .wav というやつです。先ほど作成した テキスト文書には、 拡張子.txt が付いています。
付いていないと言う方は、マイコンピュータを開いて、メニューバーの表示を選択し、次に、フォルダ オプション ( オプション )を選択して下さい。また表示というタブがあると思います、そこをクリックして、その中の項目で、拡張子が表示されるよう設定して下さい。これで、先ほど新規作成した、テキストファイルの後に .txt という拡張子が付いているのがわかると思います。
- 次に、この .txtという拡張子を .html に変えてみて下さい。警告が出ますが気にせず、OK を押します。アイコンが変わったでしょう。これが HTML ファイルです。この中に、ホームページの内容を書き込むわけです。しかし、書き込むといっても、HTMLファイルをワープロのようには、編集できません。 そこで・・・
HTML( 文書 )を 書く準備
- まず、エクスプローラを開いて下さい。( インターネットエクスプローラではありません ) 次に、左のウィンドウの ハードディスク( C: ) 内の Windowsフォルダを選択します、右のウィンドウに Notepad.exe というのがあると思います。これがメモ帳の本体です、これを右クリックして、ドラッグします。どこへかというと、Windowsフォルダの下の階層 SendToフォルダまで右ドラッグします。右クリックを離し、メニューからショートカットの作成を選択します。準備終わりです。
- 一番最初に、 テキストファイル ( 拡張子は.txt )を、HTMLファイル ( 拡張子は .html ) に変えましたが、その HTMLファイルを右クリックして下さい。次に 、メニューから、 送る( SendTo ) を選択して、メモ帳( Notepad.exe )に送ります。これで、 HTMLファイルが、メモ帳で開かれたことになります。
このままでは、この HTMLファイルの中身は空ですから、その中にHTML( 文書 )を書きましょう。HTML( 文書 )とは、例えば、皆さんが、ネットサーフィンをしている時に ( 今は、このページを見ている時に )、ブラウザ ( インターネット エクスプローラ や ネットスケープ ナビゲータなど )のメニューバーの、表示メニューから、ソースの表示 を選択してみて下さい。なにやら、文章がいっぱい書かれたものが、メモ帳で開かれると思いますが、これが、HTML( 文書 )です。
この 下に書かれているものは、極簡単な、HTML( 文書 )です。
簡単な例 その一
<HTML>
<HEAD>
<TITLE> 簡単ホームページ その一 </TITLE>
</HEAD>
<BODY>
ここの BODYタグから 下の/BODY タグまで ホームページの内容を書きます。<BR>
画像も、リンクなどもここの間に書きます。ここには、好きなコメントを書いて下さい。<BR>
<IMG SRC="hart.gif">
<BR>
<BR>
<A HREF="sono2.html"> その二へ移動 <A>
<BR>
<BR>
<A HREF="mailto:mail@5931.net">メール下さい <A>
<BR>
<BR>
</BODY>
</HTML>
- この 例その一 ( <HTML> から </HTML> まで )をコピーして、先ほどの、HTMLファイルを メモ帳で開いたものに、貼り付けて、上書き保存して下さい。この HTMLファイルの名前を sono1.html とします。次に 上のハートを右クリックして、画像の保存を選択し、先ほど作った、同じフォルダに入れておいて下さい、名前は hart.gif にします。そして、このHTMLファイル( アイコン )をダブルクリックして開いて下さい。
- 一ページ目の完成です。こういったファイルを、プロバイダーのサーバに送ると、世界中の人が、インターネットで、ブラウザを使って、閲覧できるようになるわけです。( ファイルをサーバに送るには FTPソフト が必要です 。これは、
窓の杜 などから無料でダウンロードできます。僕が使っているのは、 WS_FTP LEというソフトです。英語ながら、使い勝手が非常にいいので、これがお勧めです。)
■ ちょっと説明
- < >で囲った <HTML>など これらを タグといいます。
<HTML> </HTML>のように対で使う場合が多いです。終わりのタグには / ( スラッシュ)が付きます
- <HTML> から </HTML> までで この文書がHTML( 文書 )であると宣言します。
- <HEAD> から </HEAD> までは、このHTML( 文書 )がどのような性質のものかを書きます。
その<HEAD> と </HEAD>間に
- <TITLE> タイトル </TITLE> を入れます、これがこのページのタイトルになります。
- <BODY></BODY>の間に、文章や、画像、など殆どをこの部分に書きます。
- <BR>は強制的に改行させるタグです。普通、文字などは画面の端までいかないと改行しません。
- 画像を表示するには <IMG SRC="画像ファイル名.拡張子"> とします
- 他のページなどにリンクする時は <A HREF="sono2.html"> その二へ移動 </A> とします。sono2.html はこれから作る二ページ目のことです。 その二へ移動 をクリックすると sono2.html に飛ぶという意味です。
- 見た人が 、あなたにメールを出せるようにするには、<A HREF=mailto:あなたのメールアドレス>メール下さい </A> とします
二ページ目も同じように作ります。テキスト文書ファイルを新規作成し( 先ほどの同じフォルダの中で右クリックするんでしたよね )、拡張子 .txt を .htmlに変える、できたHTMLファイルを右クリック、送る、メモ帳( Notepad.exe )、そして、下の 例その二 ( <HTML> から </HTML> まで )をコピーして、貼り付け、上書き保存します。このファイルの名前は、 sono2.html とします。
簡単な例 その二
<HTML>
<HEAD>
<TITLE> 簡単ホームページ その二 </TITLE>
</HEAD>
<BODY>
ここには、自分ですきなことを書いてください。<BR>
画像も、リンクなども自由自在です。<BR>
<IMG SRC="car.gif">
<BR>
<BR>
<A HREF="sono1.html"> その一へ移動 <A>
<BR>
<BR>
<A HREF=mailto:mail@5931.net>メール下さい <A>
<BR>
<BR>
</BODY>
</HTML>
- この上の 車も右クリックして保存して下さい 、名前は car.gif にします。これも同じフォルダに入れます。
- これで、一ページ目とリンクされた 二ページ目の完成です。
ここで、ファイルをすべて閉じて、sono1.htmlファイル (アイコン )をダブルクリックして開いてみて下さい。多分出来上がりだと思います。出来がおかしいなと、思いましたら、もう一度チェックしてみて下さい。
ヒント
- HTMLファイルを、メモ帳などで編集したら、必ずメモ帳を上書き保存して下さい。次に、HTMLファイルのアイコンをダブルクリックして、 HTMLファイルを開き ( ブラウザが立ち上がる )、画面を確認します。しかし、いちいち、ブラウザを立ち上げるのはめんどくさいので、一旦ブラウザを立ち上げたら 閉じないで、 画面情報を更新する方法を使って下さい( 画面を右クリック、最新の情報に更新、または、再読み込み、IEの 方は F5キーでもよし ) 。
つまり、手順は、HTMLファイルをメモ帳で編集し、メモ帳を上書き保存したら、HTMLファイルを開きブラウザで確認 ( 次の確認のためブラウザは閉じない )、気に入らなければ、またメモ帳で編集、メモ帳を上書き保存、ブラウザで確認 ( 最新の情報に更新 )といった具合で作業を進めます。
- HTML( 文書 )を書く時は、いちいちタグを入力していたら、大変ですので、コピーして、貼り付け 、など便利なウィンドウズの機能を使って下さい。
- 画像などは、こんなサイトからダウンロードして下さい。
ホームページのおもちゃ箱
無料WEB素材提供サービス もらって素〜材
TOWERS-TOP-ウエルカム
G-TOOL Home Page
- タグは大文字でも <HTML> 、 小文字でも <html> どちらでもかまいません。
- しかし、ファイル名は小文字にして下さい。先ほどの車の画像 car.gif など。
- 上達するこつは、いろいろなページのソースを見て研究することです。このページはどうなっているのかなと思ったら、ブラウザのメニューバーから 、表示を選択して、ソースを表示し、研究して下さい。コピーして盗むことも出来ます。
ある程度ページが出来上がったら、検索エンジンに登録して下さい。
さぶみっと-JAPAN
一発太郎
以上で説明を終わります。皆さん頑張って下さい。絶対簡単にできますよ。ホームページが出来たら、国際の掲示板にも発表して下さいね。僕はすぐ見に行きますよ。
難しいことは、答えられませんが、質問を受け付けます。お気軽にどうぞ。例えば、国際のホームページのこの部分どうやってやるのとか、この画像どこで、手に入れるのとか、などです。質問は初心者専用です。
質問はメールか、掲示板で。
戻る