モジュールＭＢ-０７ＭＢ-０７ホームページ・ビルダー（ウェブアートデザイナーで地図を作成）岡山県情報教育センター１ウェブアートデザイナーの起動ホームページ・ビルダーV6．には,あらかじめロゴやボタンが用意されていますが,Web ページにあったものがない場合などは，自分で作成することができます。今回はウェブアートデザイナーを利用し，オリジナルの地図・ロゴを作成してみましょう。＜ウェブアートデザイナーを起動しましょう＞ ①メニューバーの［ツール］→［ウェブアートデザイナーの起動］の順にクリックしましょう。ウェブアートデザイナーが起動します。 -1- ２ウェバーとデザイナーの画面構成ウェブアートデザイナーの画面は，次の 4 つから構成されています。なお，ホームページ・ビルダーVer.6 から，操作ツールバーが追加されました。テンプレートギャラリーの表示/非表示操作ツールバーの表示/非表示 ①テンプレートギャラリー用意されている素材を表示します。 ②操作ツールバー ③キャンバス図形や枠などを描いたり，画像を加工したりするためのさまざまなツールボタンが用意されています。素材を編集する作業領域です。 -2- オブジェクトスタックの表示/非表示 ④オブジェクトスタック挿入した素材の一覧を表示します。３図形をかく＜操作ツールバーの役割＞オブジェクトを選択します。直線を作成します。（切り抜きの選択）形状を指定して図形を切り抜きます。楕円形を作成します。折れ線を作成します。四角形の枠のみを作成します。曲線を作成します。枠と中を塗りつぶした図形の角丸四角形を作成します。手書き風の曲線を作成します。枠と中を塗りつぶした多角形を作成します。滑らかな曲線を作成します。キャンバス上での文字入力によりロゴを作成します。ドラッグした部分を透明にして消します。ペンで描いたように描画します。ブラシ（筆）で描いたように描画します。エアーブラシで吹き付けたように描画します。透明で塗り潰します。色で塗り潰します。画面から色を取得します。キャンバスの表示サイズを拡大/縮小します。＜図形をかく＞１直線を引きましょう。［直線］ボタン ①［直線］ボタン→線の太さ（６ピクセルに）→マウスをドラッグ（Shift キーを押しながら線を引くと，まっすぐに引けます） ※線の太さを［任意］にすると，自分で線の太さを指定することができます。 -3- ＜文字を入れる＞ ①［文字］をクリック→入力位置でクリック→文字を入力します。［文字］ボタン文字サイズは変更可＜地図用オブジェクトを利用する＞ ① ② ③ ④ ウェブアート素材シートの［図形］を選択します。［地図］を指定します。好みのオブジェクトの上でダブルクリック（オブジェクトが挿入されます。）位置と大きさをドラッグして調節しましょう。ドラッグで調整ダブルクリック図形を囲むようにドラッグ＜作成した地図のグループ化＞右クリック ① オブジェクト選択をクリックします。 ② 図形を囲むように範囲選択しましょう。 ③ 選択した図形の上で右クリックしましょう。グループ→グループ化の順にクリックしましょう。 -4- ＜ページへ送る＞ ①→［オブジェクトを送る］→［ホームページビルダーへ］の順にクリックしましょう。ホームページ・ビルダーに貼り付けられます。素材を選択する素材を選択する方法としてオブジェクトスタック（挿入した素材を一覧表示している領域）があります。オブジェクトスタックで目的の素材をクリックして選択します。選択した素材は，オブジェクトスタックの一覧で青枠で囲まれ，左下にが表示されます。複数の素材を選択するには，Ctrl を押しながら目的の素材をクリックします。オブジェクトスタック -5- ■ 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」と記述しています。平成１５年発行５月１日初版発行岡山県情報教育センター〒703-8288 岡山市赤坂本町３番１５号電話 (086)272-1405（総務課） 272-4608（研修課）交通機関市内電車市内バス岡山駅前（東山行）乗車東山（終点）下車，南へ徒歩７分岡山駅前（東山行）乗車東高前下車，西へ徒歩２分禁無断転載 ©2003 岡山県情報教育センター