更新作業を助けるテクニック(1)

自分のサイトを持っている方なら分かると思うのですが、 サイトを更新する度に一からページを作るのはとても面倒ですよね。

以前はショウもページを増やす度に一から作っていたので、毎回ページを増やすのが億劫で「何か効率のよい方法があればいいのに」と思っていました。

ショウはホームページビルダーなどの作成ソフトを使ってないので、作成ソフトを使っている方には関係ないテクニックかもしれませんが、ショウと同じように「メモ帳」や「simpletext」を使ってホームページを作っている方には理解していただけるテクニックだと思います。それでは説明しますね。

まず、各ページの「共通部分」を見つけてくくってしまいます。
「？？」と思ってしまう方がいるかもしれませんので、実際にこのサイトを例に説明しますね。

まずは下の画像をご覧ください。


・
・
・


この画像をご覧になればわかるとおり、当サイトの各ページはヘッダー部分の�@、メインコンテンツ部分の�A、サイドメニュー部分の�B、フッダー部分の�Cというほとんど同じ構成・同じデザインになっています。

ここで言う「共通部分」というのは�@、�B、�Cのことです。

この�@、�B、�Cの部分は各ページほとんど同じなので、この部分のソースを「メモ帳」に保存して、名前を「page_sample.html」にしてフォルダにしまっておきます。それが下の画像です。



このようにしておけば、更新するときにいちいちいちから（笑）ページを作る必要がなくなるというわけです。 新しくページを作る時は、「page_sample.html」をコピー＆ペーストして「コピー 〜 page_sample.html」を作ります（下の画像）



そしてこの「コピー.page_sample.html」を「メモ帳」で開いて、�Bのメインコンテンツ部分のみを書き換え、名前を変えて保存すれば、効率よくページを作成することができるようになります。

当たり前のことですが、このテクニックを使うためには各ページの構成・デザインを統一しなければなりません。 各ページの構成・デザインがバラバラだと、ユーザビリティの視点から考えても訪問者にとって親切なサイトとは言い難いので、統一するように心がけてくださいね。