第３章　ホームページの作成

今日の研修内容

課題３１　ホームページビルダーで、画面を見やすく工夫してみよう。

　もう少し、ホームページを見やすくしてみましょう。その一つの手法としては、背景や中央そろえ（センタリング）・水平線を取り入れることです。タグを使った記述の方法を思い出しましょう。

---

＜手順＞

（１）ファイルの読込み

• 「ファイル」「ファイルを開く」「▼」を順にクリックし、フロッピーディスクドライブを探して「bild01」を「開く」にしてファイルを読み込みます。

（２）背景色の設定

• 「編集」「背景／テキスト色」をクリックします。
• サンプルの色をクリックし、「青」「了解」とすると、画面の背景全体が青に変わります。
  「リセット」「了解」を押すと、元に戻すことができます。
• 「次へ」「前へ」「他の色」をクリックすると、多くのな色の中から背景色を選べます。

（３）背景画の設定

• （２）の「背景／テキスト色」をクリックし「背景パターン」の右にある「参照」を左クリックします。
• 「▼」「(C)」「Program Files」「Hpg」「Image」「wall」をクリックします。
  （「Program Files」以下はダブルクリックです。）
• 「snow」「開く」「了解」をクリックすると、雪の背景画像を貼ることができます。

（４）文字の中央そろえ（センタリング）

• センタリングする文字をドラッグし、「中央揃え」という説明の出るボタンを押します。
• 行と行がくっついてしまったり、１行空けたい場合などは、空けたい部分の直後にカーソルを移動し、「Enter」を押します。戻したいときは同じ場所で「Delete」キーを押します。

（５）水平線

• 「○○○学校のホームページにようこそ」の右にカーソルを移動します。
• 左のメニューの中にマウスを合わせると「水平線」と表示されるボタンがあります。これをクリックします。

（６）ファイル保存

• 「上書き保存」ボタンで「ｂｉｌｄ０１」ファイルを上書きします。
• 「ｗｗｗブラウザ」ボタンをクリックして、インターネット上で確認します。

＜まとめ＞

　ホームページの目的は情報の伝達ですから、読み手のことを考え、適度な情報量で、読みやすく、目が疲れないことを心がけましょう。

＜キーワード＞ 　　センタリング

　

作成者	後藤勝美
所　属	岐阜市立且格小学校

▲目次へ戻る｜▼次の課題へ進む