オリジナルホームページを作ろう

３学年技術科
基本編
組
番 名前
オリジナルホームページを作ろう
１、ソフトウェア、サンプルデータのコピーをする
マイコンピュータの Ｓｅｒｖｅｒ１
ｗｏｒｋの中からホームページ作成ソフトウェア「ＦｒｏｎｔＰ
ａｇｅＥｘｐｒｅｓｓ」とサンプルデータ「見本ホームページ」をデスクトップにコピーする。
「見本ホームペ
ージ」の名前は変更します。
「西陵太郎ホームページ」等名前を入れて下さい。
２、ホームページの作成
ホームページ作成ソフトウェア「ＦｒｏｎｔＰａｇｅＥｘｐｒｅｓｓ」を起動し、ファイルを開くでホーム
ページフォルダから「ｔｏｐ．ｈｔｍ」を開く。
① ワープロ感覚でホームページを作成することができます。自分で題や文章を入力しなおします。
② 入力が終わったら必ず、上書き保存してください。
③ リンクされている文字（青色、又は紫）を削除するとリンクできなくなるので、注意してください。
④ [ｉｍａｇｅ]フォルダの中の写真や絵を描き変え、上書き保存することでトップページの画像が変わり
ます。保存形式はＪＰＥＧ(ジェーペグ)で保存してください。
絵を描くソフトウェアは、キューブペイントでもウィンドウズペイントでも良いです。新しい絵を描い
た場合は必ず[ｉｍａｇｅ]フォルダに保存してください｡
⑤ＨＴＭＬタグで作成する。[表示]→[ＨＴＭＬ]を開くとテキスト入力ができます。
⑥他ページを作成するときも、
同じようにファイルを開き、
入力し終わったら必ず上書き保存してください。
３、ホームページを見る
ホームページを見る場合は、自分のホームページフォルダのトップページをインターネットエキスプローラ
−で開いてください。ホームページが書き換わっていれば完成です。
４、ホームページの構造
「見本ホームページ」はディレクトリー型になっています。
[見本ホームページ]フォルダ
profile.htm
個人のプロフィールを記入します。
rekisi.htm
西陵中での３年間の記録を記入します。
top.htm
トップページ
ronbun.htm 卒業論文です。自分の調べたいことをここ
にまとめます。
sonota.htm
その他、自分の趣味のページに使ってもか
まいません。
※５つの文書ファイルが同じフォルダ内にありますが、リンクはこのようになっています。
[ｉｍａｇｅ]フォルダ
hyousi.jpg トップページの画像ファイル
ukulele.jpg 論文用の画像ファイル
ISU.jpg マイギャラリー用
５、新しいページをつくり､リンクさせる
ＦｒｏｎｔＰａｇｅＥｘｐｒｅｓｓやＨＴＭＬタグ等ホームページ作りがある程度なれてきたら、自分で新
しいページを作り、リンクさせてみてください。
新しく保存する場合は名前を付けて保存で必ずファイルとして保存を選択し、自分のホームページのフォル
ダに保存してください。
その他、マーキーや背景、表、水平線などにも挑戦してみよう。
デザイン・評価編
自分のデザインを考えよう
□トップページ（本であれば表紙の部分です）
□ＰＲＯＦＩＬＥ（自己紹介）
・ 特技‥‥‥
・ 趣味‥‥‥
・ 将来の夢‥
・
‥
・
‥
□中学校３年間の歴史（学級での記録や行事、部活動等の記録）
１年
２年
３年
□中学校卒業論文
（下の例のようなもので１つ以上あればよいです）
授業の中で興味を持ったことや、調べてみたいことをまとめる。(以下は例です)
・ 国語・・・魚へんのつく漢字を全て調べる。私小説を書く。詩集をつくる。
・ 社会・・・織田信長について。札幌市の統計調査。オーストラリアを知る。プライバシーについて。
・ 数学・・・ピタゴラスの定理を理解する。数学クイズ集を作成する。数学公式集。
・ 理科・・・化学式を調べる。ニュートンについて調べる。星座を知る。猫と犬の生態について。
・ 英語・・・英訳集をつくる。英語の詩を作る。不規則動詞一覧表を作る。
・ 音楽・・・ベートーベンについて。ウクレレの歴史と構造。音楽理論をまとめる｡
・ 美術・・・ゴッホについて調べる。自分で描く花の絵画集。陶芸について。
・ 保体・・・救急法について。環境問題について。サッカーのルールと歴史。高校野球について。
・ 技家・・・電気の歴史。日曜大工をしよう。得意料理のレシピ。家具の歴史を調べる。
自分の意見や考察等も記入しよう。
□その他のページ（フリースペースです。有効に使いましょう。
）
□評価
授業回数
月／日
作成した内容
自己評価(ABC)
１回目
／
２回目
／
３回目
／
４回目
／
５回目
／
６回目（完成）
／