tosamplenewpageMENU7HOME編集方法テンプレートの編集(はじめに)ホームページビルダーで編集される方の設定ファイルを開く前に下記の設定を行って下さい。設定をしないとレイアウトが崩れてしまうなどのおそれがありますので、必ず設定を行って下さい。v14上部にあるメニュー部分の「ツール」→「オプション」の中の「ファイル」タブを開いて下さい。「DOCTYPEを出力する」と「HTMLソースにGENERATORを組み込む」という部分、2か所のチェックを外して下さい。上部にあるメニュー部分の「ツール」→「オプション」の中の「ソース編集」タブを開いて下さい。「出力文字」「タグ」とあるのですが、その部分を「小文字」に設定して下さい。上部にあるメニュー部分の「ツール」→「オプション」の中の「一般」タブを開いて下さい。「HTMLソースを自動整形する」と「HTML構文エラーを自動修復する」という部分、2か所のチェックを外して下さい。※コメント部分を見やすいようにスペースをあけてありますが、「自動整形」してしまうとその部分が詰まってしまいますので、こちらも設定して下さい。上部にあるメニュー部分の「ツール」→「オプション」の中の「表示」タブを開いて下さい。「編集記号」の「コメント、スクリプト記号」という部分のチェックを外して下さい。※コメントやスクリプトがあると「ページ編集」の時に、その部分にマークが入ってしまいます。見ずらいようでしたらこちらも設定して下さい。※ホームページビルダーで編集される方は、HTMLソース部分を開き設定して下さい。<title>部分に「あなたのホームページ名」を入れて下さい。部分に「サイトの説明」を入れて下さい。部分に「サイトに関係するキーワード」を入れて下さい。content="キーワード1,キーワード2,キーワード3"/>FLASHメニュー部分の設定FLASHメニューの編集は、テキストファイル「flash_template04.txt」で行って下さい。※FLASHファイル「flash_template04.swf」自体を編集するのではありません。Winでしたらメモ帳、テキストエディタで編集して下さい。ホームページビルダーでは編集出来ません。※グレーの背景部分の「&」「変数名」は変更削除をしないで下さい。*///画像枚数を設定(表示する枚数に設定して下さい)&imgMax=2&//画像表示切り替わり時間&imgTime=5&//「画像枚数を設定」の数に合わせてこちらも設定して下さい。」はコメント部分となりますので削除しても大丈夫です。「flash_template04.swf」「flash_template04.txt」その他、表示する画像ファイルが必要となります。全てサーバーに転送して下さい。Flashを表示出来ない環境での設定Flashを表示出来ない環境での設定(メイン画像)メインの静止画像部分の設定はサイズ幅900px、高250pxになっています。ソース部分は下記のようになります。></div>Flashを表示出来ない環境での設定(メニューボタン)現在は1個のメニューボタンのサイズは幅148px、高40px、メニューボタン6個の設定になっています。ソース部分は下記のようになります。ご自分のサイト用に名前入れをしてメニューボタンを作成して設定して下さい。色・サイズ・背景に使用している画像などの変更はスタイルシート(style.css)で行います。ホームページビルダーより「スタイルシートマネージャ」でも編集する事も出来ますが、メモ帳などで開くと各項目部分に「/*コメント*/」が書いてありますので、編集しやすいと思います。テンプレートの編集(HTMLファイルでの編集)段落タグテキスト部分は段落タグ<P>~</p>で囲んで下さい。文章を段落タグ<P>~</p>で囲むと、段落間に約1行分のスペースが空きます。="line">とする事で表示されます。トップ部分の編集トップメニューソース部分は下記のようになります。</ul><li>〜</li>が1つのメニュー部分となります。class="last">として下さい。サイド部分の編集サイド部分のボックスソース部分は下記のようになります。class="box">〜</div>を使用すると、そのボックスに枠が表示されます。サイドメニューソース部分は下記のようになります。</div><li>〜</li>が1つのメニュー部分となります。class="nolink">として下さい。サイドリンクソース部分は下記のようになります。</ul><li>〜</li>が1つのリンク部分となります。class="textlink">とすると、テキストの先頭に画像が表示されます。メイン部分の編集メイン部分のボックスソース部分は下記のようになります。class="box">〜</div>を使用すると、そのボックスに枠が表示されます。New)部分の設定ソース部分は下記のようになります。class="text">〜</li>が1つの項目部分となります。アルバム(画像を並べて表示)部分の設定ソース部分は下記のようになります。</div><li>〜</li>が1つの画像部分となります。※画像の枠はスタイルシートで設定していますので、画像自体に枠はついておりません。ライト(画像を右側に表示)部分の設定ソース部分は下記のようになります。</div>※画像の枠はスタイルシートで設定していますので、画像自体に枠はついておりません。レフト(画像を左側に表示)部分の設定ソース部分は下記のようになります。</div>※画像の枠はスタイルシートで設定していますので、画像自体に枠はついておりません。2カラム部分の設定ソース部分は下記のようになります。class="box2column_left">〜</div>は左に表示される部分です。class="box2column_right">〜</div>は右に表示される部分です。トピックパス(パンくずリスト)部分の設定ソース部分は下記のようになります。href="#">~</a>部分は右サイドに画像「>」が表示されます。リンク設定がない表示しているページ名部分は、必ず強調タグ<strong>~</strong>で囲んで下さい。メイン部分の編集(リンクページで使用しているスタイル)アバウトリンクの設定ソース部分は下記のようになります。</table><tr><th>〜</th><td>〜</td></tr>が1つの項目部分となります。リンクボックスの設定【バナー画像使用|バナー画像幅200px使用】ソース部分は下記のようになります。class="linkbox-ba200">〜</dl>が1つのサイト部分です。リンクボックスの設定【バナー画像使用|バナー画像幅88px使用】ソース部分は下記のようになります。class="linkbox-ba88">〜</dl>が1つのサイト部分です。リンクボックスの設定【バナー画像使用しない|テキストのみ】ソース部分は下記のようになります。class="linkbox-nobanner">〜</dl>が1つのサイト部分です。リンクバナーボックスの設定【バナー画像を並べて表示|テキストなし】ソース部分は下記のようになります。</ul><li>〜</li>が1つの画像部分となります。メイン部分の編集(プロフィールページで使用しているスタイル)プロフィールの設定ソース部分は下記のようになります。</table><tr><th>〜</th><td>〜</td></tr>が1つの項目部分となります。フッター部分の編集フッターメニューの設定ソース部分は下記のようになります。</ul><li>〜</li>が1つのメニュー部分となります。class="last">として下さい。FlashNatural。