ホームページの作り方 入門 一週間で覚えるホームページ(ドリームウィーバーとファイヤーワークス

02_トップページバナーボタンの作成

トップページバナーボタンを作成

バナーボタンの作成は、トップページバナーと基本的には、同じなのですが、ちょっとしたFIREWORKSのテクニックを使っていきたいと思います。

①まず、メニューバーの「ファイル」から「新規作成」を選んで頂きます。
次に新規作成の画面が出てきますので、大きさを(幅270×横70pixel)にします。

 

topabnrbutton_001.gif

 

 


②新規ファイルが開きましたら、上のメニューバーの「ファイル」から「読み込み」選んで頂きます。
ファイル選択画面が出てきますので、予め用意(保存)しておきました、写真データを選択して開いて頂きます。
topabnrbutton_002.gif

③写真データを読み込みましたら、ツールバーの「選択ツール」が選択されていることを確認し、マウスの左クリックを押しながら写真を移動し写真の位置を決めて下さい。

topabnrbutton_003.gif

 


④写真の位置が決まりましたら、枠を作っていきます。
1) 左のツールバーから、「矩形ツール」を選んで頂きます。※通常「■」などを作る時に使います。
2) 今回は枠を作りたいので、下のプロパティーのペンキマークの塗を「なし」にして頂きます。
3) 鉛筆マーク部分の色を「黒」にして、隣にある太さを「5」にします。
4) 作業画面にマウスの左クリックを押しながらスクロールし適当な大きさで左クリックを離すと、画面に矩形ができます。
5) 矩形ができましたらツールバーの「選択ツール」を選び、作成した矩形を選択して頂きます。
※選択されている場合は、矩形の四つの角に青い●が表示され選択されていることを確認できます。
6) 四角形の大きさを画面下のプロパティの幅と高さで確認できます。この幅の数値を「275」にし、高さを「70」にします。
7) 「選択ツール」を使って、矩形が作業画面の真ん中に表示されるようにします。
8) 画面下のプロパティから「角丸の半径」を「20」にします。
※この数値を変える事によって、矩形の角を丸くする事ができます。

topabnrbutton_004.gif
⑤次はバナーにタイトル文字を入れます。まずは、ツールボックスの「テキストツール」を選択し、バナー上で一度、マウスを左クリックします。次に使いたいフォントの種類を「プロパティ」から選び、入れたい文字を入力します。入力後、必ず「選択ツール」を押して入力した文字を押してから、文字の大きさの変更、色の変更、フォントを再度変更して下さい。「選択ツール」で文字を選択しないと、反映されませんので、ご注意ください。
※また入力した文字の移動も、「選択ツール」が選択されてないとできませんのでご注意ください。

topabnrbutton_005_2.gif
  ⑥最後にメニューバーの「ファイル」から「書き出しのプレビュー」を押して頂きますと、「書き出しのプレビュー」のウィンドーが開きますので、「JPEG」を選択して頂き、「書き出し」を押します。
「書き出し」を押しますと、書き出し先のフォルダーの選択が出てきますので、予め作成しておいた、ホームページ用のフォルダー「alaska」の中に入っている「image」フォルダーを選択し保存します。

topabnrbutton_006.gif
⑦最後に、予め作ったホームページ用フォルダー「alaska」とは別に「alaska_fireworks」みたいな名前にフォルダーをつくり、FIREWORKSのファイルを保存しておくと、再度編集する際に大変便利です。


Page: 1
TOPPAGE  TOP 
スポンサードリンク

サイト内検索


RSS2.0