ホームページ・ビルダー ( ロ ゴ 作 成 ) - 岡山県総合教育センター

モジュールMB-02
MB-02
ホームページ・ビルダー
( ロ ゴ 作 成 )
岡山県情報教育センター
ホームページの作成手順
1.
2.
3.
4.
ホームページのテーマを考える
テーマが明確でないと,何を伝えたいのかわからない
全体の構成を考える
トップページからどのようにリンクさせるかを考える
各ページの内容を考える
タイトルや文書を考え,入れたい画像などを用意する
表示の確認をする
画像の表示,各ページのリンク等が正しいか確認する
作成するホームページの確認
<作成する Web ページを確認しましょう>
最初のページ(トップページ=index.htm)
ロゴ作成
文字の入力と装飾
画像の挿入
表の挿入
2ページ
リンク
の設定
-1-
ロゴ画像を作成しよう
Web ページのタイトルは,単なる文字列を入力するのではなく,ロゴを作成して挿入する
と,よりみばえのするものになります。[ロゴ作成ウィザード]を利用すると,文字の色や
縁取り,効果などを順番に指定して,効率よくロゴを作成することができます。
ロゴ画像を作成
1
①
ロゴの挿入
[ページ部品の挿入]→[ロゴを挿入する]の順にクリックしましょう。
[ロゴの作成]
ダイアログボ
ックスがが表
示されます。
2
①
②
③
④
文字,文字の大きさ,ロゴ画像の種類を指定
ロゴにする文字列を入力します。
文字の大きさを指定します。
ロゴ画像の種類を選びます。
[完了]をクリックしましょう。
文字を入力
文字の大きさを指定
[完了]の代わりに,
[文字の詳細設定]をク
リックすると,引き続き表示される画面で,
ロゴの色,縁取り,文字効果などを設定する
ことができます。
⑤
ロゴ画像をページの中央に配置しましょう。
ロゴ画像の種類を選ぶ
完了をクリック
[中央揃え]ボタン
をクリック
文字をクリック
-2-
素材集から区切り線の画像を挿入しよう
3
区切り線の画像挿入
区切り線の画像を挿入
クリック
① 区切り線を挿入する部分をクリックしましょう。
② [ページ部品の挿入]→[素材集からイラストな
どを挿入する]の順にクリックしましょう。
③[区切り線]→画像を選択 例)sc05_l12.gif
④[開く]をクリックしましょう。
⑤挿入した[区切り線]を中央に配置しましょう。
-3-
■ IBM,ホームページビルダーは,IBM Corporation の商標です。
■ Microsoft,Windows,Windows NT,Office,Microsoft Outlook,Internet Explorer,MSN,は
米国 Microsoft Corporation の米国およびその他の国における登録商標または商標です。
■ Netscape, Netscape Navigator, Netscape ONE, Netscape の N ロゴおよび操舵輪のロ
ゴは, 米国およびその他の諸国の Netscape Communications Corporation 社の登録商
標です。
■ その他,本書に掲載したプログラム名,システム名,CPU などは一般に各社の登録商
標です。本文中では,TM などのマークは明記していません。
■ 本文中では「MicrosoftⓇ Internet Explorer」のことを「Internet Explorer 6.0」また
は「IE6.0」,
「Internet Explorer」と記述しています。
平成15年
発行
5月
1日
初版発行
岡山県情報教育センター
〒703-8288 岡山市赤坂本町3番15号
電話 (086)272-1405(総務課)
272-4608(研修課)
交通機関
市内電車
市内バス
岡山駅前(東山行)乗車
東山(終点)下車,南へ徒歩7分
岡山駅前(東山行)乗車
東高前下車,西へ徒歩2分
禁無断転載
©2003 岡山県情報教育センター