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

ホームページを作っていて、イラストや写真、グラフなど、他のホームページや雑誌に載っている写真や画像をコピーして利用したくなってしまうものだが、他人の著作物、写真、画像、楽曲に関しましては、本人の許可なく掲載することは、著作権の侵害になりますので、ご注意下さい。

どうしても利用したい場合は、その方に連絡してみるのが、良いと思います。快く画像や写真を使わせてくれる人も多くいます。

またどうしてもイラストがほしいけど、うまく書けなかったり作れない場合は、フリー素材集など、使うと良いでしょう。著作権がなく使える画像、写真やイラストを販売しております。

お近くのパソコンソフトを売っているお店や「アマゾン」などのサイトで購入できます。
アマゾンで「フリー素材集」と検索しますと様々なソフトがでてきます。
⇒　http://www.amazon.co.jp

サンプルホームページのトップページで使う画像は、一番上にくるバナーが１つと、ページにリンクするボタンが２つになります。

まず、幅148×縦186 pixelの写真を4枚、予め「image」フォルダーとは別の場所に保存し用意します。サイズが合わない場合は、縦が186pixelであれば、問題ございません。
（画像サイズの変更は、当サイト「100_画像編集FIREWORKS」の中の「画像（写真）の大きさの変更」を参照ください。）

①上のメニューバーの「ファイル」から「新規作成」選んで頂きます。

②次に下記ウィンドーが開きますので、まず、横を800pixel、縦を200pixelにして頂きます。そして、キャンパスカラーを「カスタムカラー」にチェックを入れ、色のボックスをクリックし「黒」を選択して頂きます。最後に「OK」を押して下さい。

③新規ファイルが開きましたら、上のメニューバーの「ファイル」から「読み込み」選んで頂きます。
ファイル選択画面が出てきますので、予め用意（保存）しておきました、写真データを選択して開いて頂きます。
※同じ手順で4枚の写真を開きます。
※また読み込みの際に写真を選び「コントロール」キーを押しますと、何枚か同時に開くことができます。

④画像（写真）が4つ開きましたら、左のツールボックスの「選択ツール」を押して頂き、写真をマウスで配置します。

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

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

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

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

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

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

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