T O P
①サイトを作る
ワイヤーフレームを作る
③ナビボタンを作る
左ナビゲーションを構築
ページを簡単に増やす
ボタンにリンクを張る
⑦ナビボタンの整頓
⑧見出しバーを作る
⑨本文スペース
⑩タイトルを作る
情報スペースを作る
⑫右ナビゲーション
A:写真を使う
B:ナビのボタンを増やす
C:SEOを考える
D:サンプルフレーム
あとがき
このホームページは予告なく文章の書き変えや内容・構成などを変更(削除を含む)したりすることがあります。ご承知おきください。又このホームページでホームページを利用なさる方がこのホームページにより不利益なことが生じても私は何ら責任を取りません。ご自分の判断でご利用ください。
 
編集作業中に下のようなダイアログボックスが表示された。
 「編集中のファイルの保存」
 「保存(S)」をクリックして保存してください。
 ◆⑦全ナビボタンを整頓する
 
 ページを増やしているとナビボタンやナビボタンの配置を其のたびの変更作業が大変かと思います。
 ここでは「TOPページ」のナビを使って「ナビボタンのみ」全てのページにコピーする方法を書きます。
 ◆ソースをコピーして変更
 TOPページの「ボタンのソースのみ」をコピーして変更します。
【ソース部分のことです】
一番上の「TOPのボタン」の最初から「一番下にあるボタン」の最後までを「ドラッグして」→「右クリック」して「コピー」します。
 ここをクリックすると画像が大きくなります。
自分の作っているホームページのナビゲーションボタンの最初の位置がわかりますか。下の画像は私のホームページのものです。
画像をクリックすると画像が大きくなります。
確認して参考にしてください。

あなたのホームページのボタンの最初と最後を探し出せましたか?
わからない場合は、
1ページづつすべてのナビゲーションボタンにリンクを張ります。
ナビゲーションボタンのソースがコピーできたら
これを他のページの同じ部分に張り付けます。
「ビジュアルサイトビュー」のアイコンをクリックして
「TOPページ」を閉じます。
 ◆ほかのページに張り付ける
コピーしたまま「ビジュアルサイトビュー」から
手直ししたいページをクリックして開きます。
ソースを見て(ボタンの最初の部分)コピーしてきた部分を見つけます。そして最後の部分までドラッグします。
キーボードの「Delete」キーでドラッグした部分を削除します。
削除したままソース部分で右クリックします。
表示された「貼り付け」をクリックしてコピーしてきた整頓されたボタンを貼り付けます。
上段の「ページ編集」部分にマウスインします。
ボタンが正常に変更されたか確認します。
ホームページがの形が崩れたりボタンが正常にコピーされなかった時は、「元に戻す」のアイコンで正常になるまでクリックを繰り返します。
もう一度間違いがないか確認しながらやってみましょう。
また戻りすぎたときは「やり直し」アイコンをクリックします。
 ◆ピンクのボタンを設定する
作っておいたピンクのボタンを設置します。
設定する場所は、
訪問者が開いているページのボタンをピンクボタンにします。
  つまり
このページで言えば「全ナビボタンの整頓」のページをピンクボタンに変更します。
 
私にホームページでは
ソースでは「青ボタン」は
background="gazo/00bfff490-36.png
と書かれています。
この「青ボタン」を「ピンクボタン」に変更するときは
36の後ろに英小文字で「p(ピー)」と書きます
background="gazo/00bfff490-36p.png
とします。
逆に
「ピンクボタン」を「青ボタン」に変更するときは
background="gazo/00bfff490-36p.png
36のすぐ後の「p(ピー)」を削除します。
ボタンを作った時を思い出してください。
作業している途中又は完成でこのページを閉じたいときは「ビジュアルサイトビュー」のアイコンをクリックしてして下さい。
終了するには、「ファイル(F)」→「終了(×)」をクリックします。
   
  このページのTOPに戻る
ホームページに挑戦!66歳でもホームページが作れます?
これがないとこのホームページ作成のご案内ができません。
ホームページビルダーの購入は
JUSTSYSTEMS

参考書は秀和システムさんのホームページビルダーパーフェクトマスターです。これまでホームページビルダーでホームページを作るためにいろいろな参考書を読みましたが・・・・・
この本が私にあっていました。編集に携わった方々にお礼を申し上げます。
ホームページビルダーでホームページを作る
66HP工房  
http://www.with--with.com/
Mail:with--with@fondly.sakura.ne.jp
Copyright(C)2015 www.with--with.com All rights reserved.