冒険写真家 刹那 熊吾郎の希望と無謀の交錯する自堕落な生活

PHP&CSSサイトデザイン

その１　PHPって何？

ごちゃごちゃ言ってないでとりあえずやってみる。

元々はPersonal Home Page Toolsって言ってたみたいなんですけど、
いまはPHP: Hypertext Preprocessorというのが正式名称みたいです。

今までHTMLでずっとホームページ（以下HP）を作って来て、
不都合はなかったと思います。

私の場合は途中からperl（よく言われるCGI）に移って、
色々なプログラミングをしてきました。
実際その方がいまでもいろいろ複雑なものが作れると思います。

で、なぜ今更PHPに移ったかという事。
実は今更でもないんですけど、ちょっと前にこのページと同じ様な作り方をしたものがありました。

何をしたかと言うと、ページを４つのパーツに切り分けたという事です。

どういう事かと言うと、
１・ヘッダ部分
２・メニュー部分
３・本文
４・フッタ
に分けたんです。
今回も同じ作り方をしていますが、もう少し複雑化させています。

なぜなら、SEO対策も兼ねているというのが今回の進化の理由です。

でも、PHPを使ってホームページを作るという事は、基本的にHTMLのタグ打ち、最低でもソースを読める事が必須です。
これはperlCGIでも同じです。
で、さらに今回はCSS迄やってしまおうという試みですので、このコーナーでの事を理解しようとするのであれば、HTMLタグの勉強も一緒にしていきましょう。
一つ一つのタグに関してはほとんど解説を入れていきません。
でもなぜ入れたかと言う解説はしていきますのでご安心を。
で、何が便利になるかは今後の解説として、
とりあえずPHPの使えるサーバーを用意し、
まずは下にある三つのファイルをそのまま使います。

これだけで、PHPのサイトが出来上がります。


ファイル名head.php
------ここから------
<html lang='ja'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=euc-jp'>
<meta http-equiv='Content-Style-Type' content='text/css'>
<meta name='Description' content='サイト全体の紹介文' >
<meta name='Keywords' content='キーワード半角,で区切ります。'>
<meta name='robots' content='index,follow'>
<meta name='robots' content='all'>
<meta name='revisit_after' content='10 days'>
------ここまで------


ファイル名index.php
------ここから------
<?php include '../head.php'; ?>
<title>ページタイトル</title>
</head>
<body>
<h1>見出し１</h1>
<h2>見出し２</h2>
<p>
<h3>見出し３</h3>
本文
</p>
<?php include '../foot.php'; ?>
------ここまで------


ファイル名foot.php
------ここから------
</body>
</html>
------ここまで------


え〜〜ちなみにファイル名はすべて小文字でやってください。
出来れば文字コードはEUC-jpがよいらしいです。
おすすめエディタはウィンドウズならterapad
マックならmiですかねえ・・・
おすすめツールに両方ともあります。

ブラウザによって小文字での表記されなかったりしますので・・・
解説としてはこの３つのファイルのうちPHP記述のあるのは２行だけです。

index.phpの１行目と最終行だけです。
これだけで何が出来るかと言うと、基本的にどのサーバーも一番最初にindexファイルにアクセスします。
ですので、私のサイトだと、http://setuna.co.ukにアクセスすると
自動的にhttp://setuna.co.uk/index.phpにアクセスします。

で、http://貴方のURLにアクセスする事でindex.phpを呼び出します。
もし、index.htmlなどがある場合は優先順位があるのでそちらに行ってしまいますのでご用心。

で、indexにアクセスしたら、
<?php include '../head.php'; ?>
これで、まずheadを呼び出し、
本文などがあり、
<?php include '../foot.php'; ?>
を呼び出して完結させます。
なぜindexにヘッダ記述の
<title>ページタイトル</title>
</head>
<body>

なぜこれがあるかと言えば、コンテンツはトップページだけじゃないですよね？
これからも増やしますよね？
もしヘッダに入れてたとしたら、ページタイトルをページごとに替えられないからです。
その為にindexの方に入れています。
ではフッタにあの２行か？と思うかもしれませんが、
これは今後のSEO対策の為にこうなっています。
さらに広告とか、メニューだとかいろいろ入れていく為のスペースだと思ってください。

私の場合は左メニュー、ページトップの画像と更新情報が来ています。
ええ〜〜ページトップの画像が本文より後でいいの？と言われますが、そこはスタイルシートで制御しています。
それはそれで、結構ややこしいですけど、SEO対策としては結構うまくいってると思いますよ。
という事で、とりあえず、やってみてくださいな。

これをうまく使えばメニューとかの更新もページごとにやらなくても、
１ファイル変更だけで、３ページのサイトだろうが、１万ページのサイトだろうが一気に変更できると言う事が出来るようになります。
フレームを使う事が最近のSEO対策としてはあまり望ましい形ではないという事になって来ています。
だからPHPを使う方法を考えたという事です。