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

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

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

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

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

①トップページ（index.html）を開きましたら、まずページのタイトルを書き込みます。

①まず、挿入されたテーブルの背景色とセルの余白を変更します。
テーブルが選択されていることを確認し、画面下のプロパティの「背景色」を「黒」にします。次に「セル余白」を「5」にします。
※セルとは下図のピンクの部分を表します。

①
サブページを作成する際は、トップページと同じように新規作成から作成しても問題ないのですが、トップページとレイアウトは同じですので、まずトップページ（index.html）を開きまして、メニューバーのファイルから「新規保存」を選んで頂き、別の名前で保存して頂きます。
今回は、「アラスカの自然」ページを作成しますので、（alaska_nature.html）の名前で「alaska」フォルダーに保存します。そうしますと全く同じ内容のindex.htmlとalaska_nature.htmlが「alaska」フォルダーに保存されている状態になります。

②新規保存で、alaska_nature.htmlが出来ましたら、ページのタイトルとページの文章を変更します。

①全ページの作成が完了しましたら、次に他のページへのリンクを付けます。
トップページ（index.html）を開きまして、メニューの「トップページ（ごあいさつ）」を左クリックを押しながら選択し、プロパティにあるリンクから「ファイルを参照」を選び、リンクするページを選び「ＯＫ」を押します。
※「トップページ（ごあいさつ）」は、index.htmlになるので、今回は、「alaska」フォルダーの中の「index.html」を選びＯＫを押しましょう。

★プロパティーのリンク部分にＵＲＬを入れる事で別のホームページにリンクさせる事もできます。

②他のメニュー項目にも、各ページにリンクされるように同じようにリンクを付けて下さい。

※リンクを付けますと、テキストの場合文字色が変わります。リンクの色を変えたい場合は、メニューバーの「修正」から「ページプロパティ」を押して頂き、カテゴリの「リンク」を選び、色を指定します。

③次は、作成した「アラスカの動物」と「アラスカの植物」のバナーボタンにリンクを付けます。
画像をクリックして選択して頂き、下のプロパティーのリンクから同じように、ファイルで参照し、「alaska」フォルダーに入っている、リンクさせたいページを選んで頂きます。
※画像からリンクする場合は、プロパティのリンクの位置が少し違います。

④メニュー項目とバナーボタンにリンクを貼り終えましたら、リンク出来ているかの確認にしていきます。まずメニューバーのファイルから「保存」をして頂きます。※キーボードの「ctrl」を押しながら「ｓ」を押して頂いても同じように保存されます。
次にキーボードの「Ｆ１２」を押して頂きますと、ブラウザでファイルを開く事ができますので、開きましたら、左のメニュー項目を押してリンクされているか確認して下さい。

最後に作成したホームページをサーバーに送ってインターネットに公開します。

①ドリームウィーバー画面右にある「ファイル」パネルが開いていることを確認します。
ファイルパネルが開いてない場合は、メニューバーの「ウィンドウ」から「ファイル」を選んで頂きますと開きます。

②「ファイル」パネルが開けましたら、インターネットに公開したいファイルを選んで頂き、ファイルを「ＰＵＴ」して頂きます。
「ＰＵＴ」とは、ローカルフォルダー（自分のパソコンに保存されているalaskaフォルダー）からサーバーに転送する事です。
「ＧＥＴ」とは、サーバー（インターネット上）にあるファイルをローカルフォルダーに保存もしかは、上書きする事です。

今回は作成したホームページデータを全てインターネットに公開したいので、ファイルパネルに表示されている「alaska」フォルダーを選択し、「ＰＵＴ」を押して頂きます。


③「ＰＵＴ」が完了しましたら、インターネットブラウザーにＵＲＬ（ドメイン）を入れ、作成したホームページが公開されていることを確認しましたらホームページ作成の完了です。