シンプルフレームレスサイトの作り方
〜htmlがわかればphpが殆ど判らなくても作れる？〜
１．フレーム使用のメリット・デメリット
フレームを用いたサイトは、主要なコンテンツの部分をスクロールしても、
サイト名やメニューが常に表示されるというメリットがあります。しかし、
GoogleやYahoo等の検索サイトからのリンクは、主要なコンテンツのページに
貼られるのがしばしばあります。そうなってしまうと誰のサイトなのか
わからないまま参照されてしまうというデメリットがでてしまいます。
検索サイトからのリンクがTOPページから下に入らないようにする方法も
あります。しかし、検索サイトからみにいく事が中心になっている現在では、
この方法を取るのは「機会損失」と言えるのは間違いないところでしょう。
フレームなしページには逆のメリット・デメリットがある事になります。
フレームあり・なしでメリット・デメリットがある訳ですが、著名なサイトを
みれば判るように、現在ではフレームのないサイトが主流になっています。
フレームなしのメリットのほうが大きいと判断されているのでしょう。
２．フレームのないサイトを実現する方法
（１）各ページにサイト名称やメニューを置き、ページが増える毎に、
全ページを修正する。これは大変です。間違いの原因にもなります。
（２）レンタルのブログを使う
これはひとつの有効な回答です。htmlも知らなくても作れます。
しかし、小回りが効きにくかったり、最近ブログもいろんな機能が
ついてきているので意外とやっかいだったりします。
（３）サーバ上で動くプログラムを使って、サイト名やメニューは１個しか
持たずに、全ページで共有する方法。著名なサイトは基本的に
すべてこのタイプです。この方法の問題点はプログラム知識がないと
できないという事です。
３．今回のサンプルについて
２の（３）で使用するプログラム言語はいろいろ種類がありますが、
最近は使えるレンタルサーバが多くなっているPHPという言語で、
作ったのが、今回のサンプルです。
凝った事をしなければ、PHPのロジックに手を入れる必要はないので
htmlとftpの初歩的な知識で使えます。
対象は特定個人でメンテナンスするサイト。複数の人で共同して内容を
メンテするような場合は、movabletypeやXoopsCubeなどのCMS(contents
management system)を使うほうが良いでしょう。
４．ファイルの内容について
このサンプルサイトのファイル一式をまとめたファイルがこちらから
ダウンロードできます。最近のパソコンであればダウンロードしたファイルを
ダブルクリックしたら解凍できるはずです。
解凍したものを、そのままサーバにアップロードすると、このサイトが
再現されるはずです。ただし、そのサーバがPHP対応でないといけません。
（Googleの広告は再現されません）
PHPの使えるところは多くなっていて、最近の有料レンタルサーバは
ほとんど使えますが、使えるかは要確認です。
広告付きであれば無料サイトでも使えるところがあります。
オリエンティアに身近なところでは、orienteering.comは基本的には使える
と思いますが、標準で使えるようになっているかは未確認です。
希望があれば、森を走ろう！のサーバの一部を貸します。年間1000円てとこかな？
独自ドメインも設定可能です。
一応、クラブの紹介サイトというイメージで作ってみました
内容は以下のとおり
@footer.php ページの一番下の枠組み（変更不要）
@header.php ページ構造の枠組み（変更不要）
@siteconf.php サイトの名称、ページの横幅、ページの色などを設定
about.php クラブ紹介のページ
event.php イベント紹介のページ
header.php ページ見出し部の内容
index.php TOPページの内容。今現在表示しているページ
join.php クラブ入会案内のページ
link.php リンク集のページ
map.php クラブ作成地図のページ
menu.php ページ左サイトのメニュー
メニューに表示する文字とファイルの対応が指定しています
（ページ構成や見出しを変えるには変更必要）
style.css ページの表現を指定するページ（変更しなくても可）
events-----2008-------081231oomisoka.php サンプルイベントのページ
images-----sample_mark.png ページ見出し部のクラブマーク
+-favicon.ico サイトのファビコン
ファビコンについてはhttp://www.favicon.jp/に説明があります
表示されるページとファイルの中身をみくらべれば内容は対応が判るはずです。
あとは好きなように編集してもらえれば、自分のサイトになります。編集は
メモ帳でもできます。
５．参考になるサイト
ファビコン以外の参考になるサイトを上げておきます
サイト構築一般
とほほのＷＷＷ入門
ずいぶん古くからのサイトです。最新の内容は反映されてないところが
あるけれど、いろんな情報がそろっていて、こらない限り充分に役立つ
サイトです。
html、スタイルシートの説明、色見本などがあります。
ＰＨＰ
日本ＰＨＰユーザー会
ここからＰＨＰ言語の日本語マニュアルがヘルプファイルとして
ダウンロードできるので、何かのプログラミング言語経験のある人
なら、それだけで結構なことができるはずです。
６．このサンプルの使用について
公序良俗に反するサイト以外、自分のサイト構築に自由に使ってもらって構いません。
再配布も自由ですが、上記の制限は守って下さい。また、各ファイルにある
Copyright表示を削除しないでください。
