長野県駒ヶ根・ホームページ制作・SEO対策リニューアル

ホームページが大きくなるにつれてメニューの管理（？）に困っています。ページを増やすたびにたくさんのファイルを変更しなくてはいけません・・

メニューの管理っていうのは、「ナビゲーション」と言われているものですね？ホームページによっては、サイトのヘッダーにあったり、サイドナビにあったりして、目次の役目を担う部分ですが、ページが増えたり、サイト内で何か変更があったときにナビゲーションも変えないといけないので、数ページ程度のサイトならいざ知らず、何十ページと増えてくるとリンクミスを起こしたり、なかなか管理が大変です。

Dreamweaverを使う方法

Dreamweaverを持っている場合は、テンプレートかライブラリーという機能を使えば、サイト内のナビゲーションなどの管理が楽になります。

テンプレートとライブラリーの違いはこうです。
テンプレートは全体のデザインを作っておいて、共通部分（ナビゲーション）はテンプレートに管理させ、テンプレートの中に編集可能領域を設定し、その中にコンテンツを作って行く方法です。
ライブラリーは、ページそのものは普通に作っておいて、共通部分をパーツのようにライブラリーの中にいくつか作って行き、共通部分（ナビゲーション）が変更になったらライブラリーを更新する。すると、サイト内のライブラリーを使っているページが一斉に書き換わるというものです。

[Dreamweaverのテンプレートとライブラリーの違い]

私が使ってみて思うにはテンプレートよりはライブラリーの方が初心者にやさしいです。テンプレートは、リニューアルなど、テンプレートの差し替え等の操作を間違えると、サイト内を壊してしまい大変な状態になってしまう可能性が・・・・。

こちらの動画マニュアルで、Dreamweaverのテンプレートの使い方と、ライブラリーの使い方を紹介していますので初心者の方は参考にしてください。テンプレートとライブラリーは最初の設定を間違えるとおかしいことになるので注意が必要です。
コツとしては、ナビゲーションのリンク先が相対パスになっていること。
テンプレートやライブラリーとして保存したとたんに、そのテンプレートからみたパスに書き換わります。
それが、テンプレートやライブラリーを適用したとたんに、そのファイルからみたパスに自動的に書き換わります。

1. Dreamweaverのテンプレートの使い方
2. Dreamweaver のライブラリーの使い方

SSIでファイルを読み込む方法

サーバーがSSI（エスエスアイ）に対応していれば、下記の方法でファイルを読み込みできます。
読み込みたい場所に下記のコードを入れるだけ。
ヘッダー部分をheader.htmlで作っておき、サイドナビの部分をsidenavi.htmlで作っておき、
読み込ませたい部分に下記のコードをいれます。

<!--#include file="header.html" -->

ページはindex.shtmlという拡張子で保存します。
サーバーにアップして、ブラウザのアドレスに
http://www.●●.com/　と打ち込むと 、そのディレクトリに、index.htmlが存在する場合はそちらが出てしまうので注意が必要です。その場合は、index.htmlは削除しておき、index.shtmlが表示されればOK。だめだったら、.htaccessでサーバーの設定を変更する必要があります。
どう変更するかというと、「スラッシュ以下を省略した場合、最初にindex.shtmlを読みにいきなさい、そのファイルがない場合は、index.htmlを読みにいきなさい」というような命令を書いてあげないといけません。詳しくは↓このあたりにのっています。
>>HTML&CSS Web制作リファレンス .htaccessの記述例
>>（参考）とほほのSSI入門　 SSIの使用例

PHPにしてナビゲーション部分を読み込む方法

上記のSSIと似ていますが、htmlファイルをphpファイルに変えて、共通部分を読み込ませるという方法があります。サーバーがphpに対応していないと使えません。
ヘッダー部分をheader.phpで作っておき、サイドナビの部分をsidenavi.phpで作っておき、
読み込ませたい部分に下記のコードをいれます。

<?php include(”header.php”); ?>

phpでヘッダーとサイドナビを読み込む方法


ページはindex.phpという拡張子で保存します。
サーバーにアップして、ブラウザのアドレスに
http://www.●●.com/　と打ち込むと 、そのディレクトリに、index.htmlが存在する場合はそちらが出てしまうので注意が必要です。その場合は、index.htmlは削除しておき、index.phpが表示されればOK。だめだったら、.htaccessでサーバーの設定を変更する必要があります。
どう変更するかというと、「スラッシュ以下を省略した場合、最初にindex.phpを読みにいきなさい、そのファイルがない場合は、index.htmlを読みにいきなさい」というような命令を書いてあげないといけません。詳しくは上記の.htaccessの使い方を見てください。

phpファイルについては、もう少し詳しく紹介したいところですが、かな～りざっくり説明すると、

htmlの中に埋め込むことができる便利なプログラムの言語で、全部をこのプログラム言語で書く必要はなく、ウェブデザイナーさんが知っているHTMLの中の一部として使うことができます。
上記で利用した命令は、includeという命令ですが、他にもいっぱい便利な命令があり、ここに今日の日付を入れなさいとか、ここにユーザーの名前を入れなさい（その名前はユーザーによりそのたびに変わる）そんないろんなことができます。
これだけではあまりにも片手落ちなので参考サイトを載せておきます。
>>php.net PHP とはなんでしょう?

htmlファイルではなくなると、作業しているパソコン上でプレビューができなくなってしまいます。（Dreamweaverでphpファイルを作っている場合はできますが）
その場合は、自分のパソコン上にプログラムが動く場所（Apache+PHPの動く場所）を作らなければいけません。
>>PHP制作環境の設定（macもしくはウィンドウズのところを見てください）

拡張子が変わってしまうと外部リンクなどもリンク切れになってしまい困る

htmlという拡張子のままでも、phpを動かす方法はあります。サーバーの設定を変えないといけないんですが、下記を参考にしてください。
>>拡張子htmlのファイルをPHPで動かす
>>さくらサーバーで.php以外の拡張子でphpを動かしたい

TwitterとFacebookについて

• ツイッターのはじめの一歩
• Twitterの使い方を教えてください
• ツイッターを始めた方がいいよって言われるんですが何がいいのですか？
• Twitterを登録しましたが、何からどうしたらいいのやら・・わかりません。
• フォローはどうやって増やしたらいいんですか？
• ホームページやブログにTwitterの新着を載せたいのですが・・・
• Twitterの便利なサイトを教えてください

ブログについて

• ホームページにブログの記事を新着表示させたいんですが・・・・
• ブログを使ったSEO対策。具体的にどうすればいいですか？

基本のSEO対策

• 初心者すぎて何からどうしたらいいか皆目わかりません(+ +；)
• キーワードの選び方を教えてください。
• SEO対策業者に依頼する前に
• ホームページをCMSにするとSEO対策に不利？
• ホームーページに何人見に来てくれているかわかりますか？

セキュリティ対策

• ウィルスに感染したために、サイトが改ざんされたというニュースを読んで不安です
• ホームページのバックアップってどうすればいいですか？

デザイナーの卵さんからの質問

• 何故以前のようなテーブルデザインではいけないの？
• ホームページが大きくなるにつれてメニューの管理に困っています。
• Dreamweaverでサーバーにアップしているのに反映されません！

携帯サイト作成の初歩

• 携帯サイトを初めて作ることになりました。まず何からやれば？
• Dreamweaverでの携帯サイトの作り方を教えてください

ネットショップ店長さんからの質問

• ランディングページって何ですか？
• Googleプレイスに登録しましょうと言われたのですが、どうすれば・・・？
• 写真撮影のコツを教えてください

Webデザイナーの備忘録

• 初心者向け解説：ドメインの移管方法
• Wordpressのサーバー引っ越しメモ