▲ジモティーズトップへ
2−5.ウエッブアートデザイナーを使ってタイトルロゴを制作する

今度はホームページビルダーにおまけとして付属している画像作成プログラム「ウエッブアートデザイナー」を使ってホームページのタイトルロゴを制作して行きましょう。タイトルロゴは前記した「ロゴボタン」でも制作可能ですが、ホームページのメインイメージとなる大切な部分となるため多少凝ったものを制作して行きます。
ウェブアート デザイナーとは?
「ウェブアート デザイナー」は、ホームページ・ビルダーに付属している画像作成プログラムです。「ウェブアートデザイナー」を使うと、図形オブジェクトを描画して簡単な地図を描いたり、ホームページでよく使うロゴやボタンを簡単に作成することができます。「ホームページ・ビルダー」でもGIF画像やJPEG画像を編集することができますが、「ウェブアートデザイナー」にはより多くの画像編集機能があります。
(ウエッブアートデザイナーヘルプより)

1.ウエッブアートデザイナーの起動
ウエッブアートデザイナーを起動するにはホームページビルダーの最上部にある
メニューバーより「ツール(T)」→「ウエッブアートデザイナーの起動(D)」を選択します。

すると次のようなソフトが起動します。これがウエブアートデザイナーです。


2.ウエッブアートデザイナーが起動したら中央部左にある
メニューの中からマークをクリックして下さい。



3.をクリックすると白い画面上に文字を入力する枠が現れますので、その中に
「○×のホームページ」と入力してみましょう。


4.上のように表示されれば成功です。次に「○×のホームページ」と書かれた文字の上を
ダブルクリックしてみて下さい、すると次のようなダイアログが表されます。
これが「ロゴの編集」ダイアログで、文字・色・縁取り・効果・情報の各タブで入力した文字に様々な
編集を施すことが出来ます。


5.それではロゴの編集ダイアログを使ってロゴを編集してみましょう。
「文字」タブより江戸観亭流
を選択(選択できるフォント
はご使用のパソコン内に
入っているフォント
に依存します。)
「色」タブより赤色を選択
「縁取り」タブより通常を選択
縁の太さのメモリを2つ上げ
縁の色を緑にしてみました。
「効果」のタブより「影」を選択
影の色を緑に設定しました。

6.文字の編集が終了したら編集した文字をワンクリックして選択し、右クリックのコピー(C)
を選択して編集した文字をコピーし編集中のホームページの上に貼り付けてみましょう。
サンプルページのようになっていたら成功です。


7.タイトルが完成したら不必要な文字部分はカットしてトップメニューより
「ファイル(F)」→「上書き保存(S)」を選択して制作したページを保存しましょう。
保存する際、トップページのファイル名は必ず「index.htm」とつけて下さい。


※ページを制作する際、先に保存先の新規フォルダを作っておくと便利です。
※ホームページのファイル名には必ず半角小文字のアルファベットを使いましょう。
ひらがなや漢字のファイル名はインターネットのサーバー上では認識されず、エラーとなります。
またサーバーはアルファベットの大文字と小文字を別のものとして認識するため、大文字や
小文字の混在するファイル名はリンクエラーの原因となりやすいため小文字で統一することで
リンクエラーミスの軽減となります。


これでトップページの完成です。





    

 Copyright(C) 2001 備中高梁観光案内所