スタイルシート（CSS）ソースを書いてくれるエディタがあるページ

エディタの利用方法は「トップページ」に書いてあります。

◆ ページ数が多くなったら「IFRAME」でサイトの管理を簡単に

このページデザインの主旨は、ページ数が多くなってきたときに「IFRAME」を使って、サイトの管理をできるだけ簡単にしようということです。

この方法がどうして簡単になるかというと、左側「IFRAME」の中は、別ページになっていて、そのページを読み込んでいます。メニューページを1ページ作っておけば、全てのページが、そのページを読み込むことになります。ページが増えたときに、そのページだけ変更すれば、全てのページに変更が適用されます。

ホームページの世界も日進月歩で、これからは、「HTML」から「XHTML」へと移行していきます。今まで使えた「FRAMESET」も「XHTML」では、非推奨になっています。しかし、「IFRAME」はそうではないので、（将来どうなるか分かりませんが）このスタイルでサイトを作成すれば、日々のメンテナンスが楽になります。

それでは、このページをどうやって作るか説明していきます。

◆ 「IFRAME」を使ったページの作り方

最初に、左側にあるようなメニューページを、別途用意しなくてはなりません。左側のメニューページは、幅＝200px、高さ＝700pxのボックスの中に、背景色をつけてメニューを書き込んでいます。そして、名前を付けて保存しています。

メニューページの幅は、200pxですが、このページの左サイドバーは、215px取っています。スクロールバーの幅も考慮に入れなくてはなりませんので、余計に見ています。

高さは、好みで決めてください。設定した高さ迄内容がないときは、スクロールバーは出ません。サイト管理の軽減が目的ですから、スクロールバーは、出ても出なくても構いません。ページ数が増えてくれば、必然的に出るようになります。左の高さは600pxです。600pxの指定に対して、メニューページの高さが、700pxありますから、スクロールバーが出ます。

同様に横幅に対しても、表示しきれないと、横スクロールが出ますので設定数値に注意してください。

このページのエディタは、コンテンツ側が1列しかありませんが、この中を複数列にしたいときは、「複数列の配置」ページで作成してください。

【注意】
左上メニューページを作成しているときのリンクの貼り方は、通常
<a href="index.html">トップページ</a>
ですが、これだけですと、「IFRAME」の中でリンクしてしまいますので、
<a href="index.html" target="_parent">トップページ</a>
と指定してください。

◆ 「IFRAME」ページ作成エディタ

サイドバー幅＝メニューページの幅＋α（横スクロールが出ない程度に）
右側コンテンツ幅＝「600」px（実際はサイドバーとの間を10pxとりますから590px）
IFRAMEの高さ＝「600」px
メニューページのURL＝「menu.html」