初級講座実地作成

今までに解説してきた「タグ」を利用して簡単なページ作成に取組んでみましょう。
とりあえず、ここでは２つのＨＴＭＬ文書を作成します。
「必要な物」ページで説明した１．番の内容が準備できていますか？
［ＯＫ！！」なら次の手順どうり進めてください。

１．Ｗｉｎｄｏｗｓ９５付属の［メモ帳」を起動する。

２．起動した［メモ帳」の画面に次のようにＨＴＭＬ「タグ」を記入する。

<HTML>
<HEAD>
<TITLE>初めて作る「貴方の名前」のホームページ</TITLE>
</HEAD>
<BODY BACKGROUND="haikei.gif" TEXT="#000000" LINK="#ooooff" VLINK="#ffooff">
<CENTER>
<H1>Ｗｅｌｃｏｍｅｔｏ 
「貴方の名前」のホームページ</H1>
<HR>
初めてホームページを作ってみました。
これを機会にどんどんテクニックを磨いて多くの人に見て頂ける
ページ作成に挑戦していきますので皆さん応援よろしくね？！
 
<IMG SRC="sumairu.gif" WIDTH="128" HEIGHT="128">
 
私の趣味は、夕日の景色を写真に撮ることです。 
<A HREF="yuhi.htm">こんな感じの写真です。</A>
感動的なシーンの写真が撮れたらまた紹介しますね。
</CENTER>
</BODY>
</HTML>

３．上記で作成したＨＴＭＬ文書を保存します。

保存の方法: メモ帳のメニューバーにあるファイル（Ｆ）をクリックしその中のファイル名を付けて保存（Ａ）を選び先に作っておいた「homepage」ディレクトリの中へ「test.htm」という名前で保存して下さい。

４．ここに用意した各画像ファイルを保存する。

haikei.gif

sumairu.gif

保存の方法: 各画像ファイルのうえにマウスカーソルを持ってきて右クリックし、出てきたメニューの中から「名前を付けて画像を保存（Ｓ）」を選び［test.htm」と同じディレクトリ内に各ファイル名で保存して下さい。

これで１ページ完成です。！！では２ページ目を作成してみましょう。

５．さきほど起動していた「メモ帳」のメニューバーのなかのファイル（Ｆ）をクリックし、
その中にある新規作成を選び次のようにＨＴＭＬ「タグ」を記入する。

<HTML>
<HEAD>
<TITLE>夕景写真</TITLE>
<BODY TEXT="#000000" LINK="#0000ff" VLINK="#ff00ff">
<CENTER>
<IMG SRC="yuhi.jpg">
 
どうです？綺麗でしょう！？
 
<HR>
<A HREF="test.htm">ＴＯＰに戻る</A>
</CENTER>
</BODY>
</HTML>

６．１ページ目と同じ方法で「yuhi.htm」という名前にして保存して下さい。

７．次の夕景画像ファイルを保存する。

yuhi.jpg

保存の方法: ４．にて説明と同じ方法でかくとうするファイル名（ここではyuhi.jpg）で保存して下さい。

８．以上で２種類のページは完成です。

９．作成したホームページを確認してみましょう。

確認の方法: 保存先である「homepage」ディレクトリの中にある「test.htm」ファイルをダブルクリックする。

こんな感じに仕上がりましたか？