HP作成練習

今日はいよいよHP作成ソフトを使って、ページを作る練習をします。

皆でこんなページを作ってみましょう。→練習用サンプルを見る

１．フォルダー作り

コンピュータ上にHP作成用の仮のフォルダーを作成します。

注意！授業の後には忘れずに、フォルダーの中身を全てフロッピーに保存し、コンピュータ上からは消去してください。

１−１．デスクトップに行き、マウスの右クリックで「新規フォルダーを作成」、My HPと名前をつける。

１−２．作ったフォルダーを開き、ここにもう一つ新フォルダーを作ってください。名前はsozaiとします。

２．Netscape Composerを開く

２−１．ページを空のままで、まず名前を付けて保存しておきます。保存場所はMy HP、ページ名はindexとします。

２−２．もう１ページを新規作成し、My HPにpage1の名前で保存します。

２−３．いったんNetscape Composerを閉じてください。

３．作ったページを確認

試しに今作ったページを開いてみましょう。デスクトップのMy HPフォルダーを開き、indexページのアイコンをダブルクリックします。今は空っぽですね。

４．素材の準備

４−１．サンプルページの背景用画像（壁紙)を保存します。マウスの右クリック、「名前をつけて背景を保存」。sozaiフォルダーにkabeの名前で保存してください。

４−２．サンプルページ上にある３つの画像をsozaiフォルダーに保存します(クマ、メールボックス、クラス写真）。画像にカーソルを合わせ、マウスの右クリック、「名前をつけて画像を保存」。kuma, mailbox, classeと名づけてください。

５．もう一度、Netscape Composerを起動

もう一度Netscape Composerを起動し、indexとpage1を開きます。

６．indexページを作成

６−１．背景に壁紙を入れる。

６−２．Bonjourの文字を打つ。中央寄せする。文字の大きさを変える。文字に色をつける。

６−３．クマの画像を入れる。

６−４．page1へのリンクを作る。

６−５．メールボックスの画像を入れる。メールリンクをつける(mailto: ****@hotmail.com)。

６−６．外部へのリンク(Chez nousへのリンク）を作る(http://skomatsu.free.fr)。

６−７．「上書き保存」する。

７．page1の作成

７−１．写真を入れ、中央寄せする。

７−２．写真の下に表を作成（２行、２段）。グレーの罫線を入れる。

７−３．表のなかに文字を入力（フランス語アクサンの打ち方）。

７−４．戻る(retour)ためのリンクをつくる。

７−５．「上書き保存」する。

これで完成です！

デスクトップのMy HPフォルダーを開き、indexページのアイコンをダブルクリックします。

無事にできていますか？？？

注意！授業の後には忘れずに、My HPフォルダーの中身を全てフロッピーに保存し、コンピュータ上からは消去してください。

後日HP作成を続けるときには、今日のようなフォルダーをコンピュータ上に作って、フロッピーからすべてのページと素材をコピーし、作業を始めます。

フォルダー構成が変わってしまうと、画像が表示されなくなったり、リンクエラーとなる恐れがありますので、十分に気をつけてください。

１枚のフロッピーに収まらなくなった場合には、何枚かのフロッピーに上手に分けて保存し、コンピュータで作業する時に、もとのフォルダー構成に戻してから作業するようにしましょう。

　

＊作り方がわからなくなったら、このサイトを熟読してください。
Netscape Composer講座
http://www.j-ns.com/freehomepage/06/index.htm