無料ホームページテンプレート!SEO対策済みXHTML+CSS,HTML5+CSS3

ホームページビルダーをお使いの方

ホームページビルダーの設定

IBM社のホームページビルダーをお使いの方はホームページテンプレートをダウンロードする前に設定をする必要がありますので下記をご覧いただき設定をしてからホームページテンプレートをダウンロードして下さい。設定をしないでホームページテンプレートをご使用になりますと、HTMLの記述が勝手に書き換えられてレイアウトが崩れます。

テンプレート屋.comで配布して居りますテンプレートはDreamweaveCS4で制作して居ります。

レイアウトが崩れる原因はHTMLソースの一番上の部分が自動で書き換えられるからです(下記参照)。

Dreamweaverの場合

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

ホームページビルダーの場合

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

下記の設定はホームページビルダー10を使っています。バージョンによっては多少違うことがあります。

まず始めにホームページビルダーを開き、上部のメニュー[ツール]→[オプション]を選びます。

次に下記のようなオプション設定の画面が表示されますので上部タブの[一般]を選んで「HTML構文エラーを自動修正する」のチェックを外してください。

ホームページビルダーの設定

次に[ファイル]を選んで下記の2箇所のチェックを外してください。

ホームページビルダー設定2

次に[ソース編集]を選んで「出力文字のタグ」を[大文字]→[小文字]を選んで下さい。

ホームページビルダー設定3

以上でホームページビルダーの設定は終わりです。しかしホームページビルダーでテンプレートを表示するとレイアウトが崩れてみえますが、それはホームページビルダーがスタイルシートを完全にサポートしてないからです。プレビュー画面で確認するとちゃんと表示されていると思います。

※設定をしたけどプレビュー画面でレイアウトが崩れているなど解らない場合は「IBMのサポート」に問い合わせるか「ホームページビルダーオンラインサポート」を参照して下さい。