【 ＨＰ作成質問箱 】

【ＨＰ作成質問箱/詳細】　一覧 / 詳細

　 No.9231　メニューなどを一つ一つ訂正しなくていいようにするには？

[ぽこぱぱ] [ブラウザ]　 07/04/23 (月) 22:47

以前からお世話になっています。少しずつではありますがhtmlも
勉強を始めています。

さて，表題の件ですが・・・
職場の一部門でちょっとページ数の多いＨＰを作成することになり
ました。今は各ページにそれぞれメニューやヘッダ，フッタ等を配
置したひな形を作り，コンテンツの内容を書き換えていくという方
法で複数のページを作成しています。（参照ＨＰ参考）
しかし，この方法だと今回作成しなければならないＨＰの一部を変
更する際にすべてのページを書き換えなければならず非効率的かと
思われます。

例：メニューの「掲示板」を「ギャラリー」に変更する場合，画像
は同じ名前で上書きしておけばいいのですが，それに伴うリンク先
の変更はすべてのページを書き換える必要がある。

可能かどうかさえ分からないのですが，もしそれぞれのページをコ
ンテンツ部分だけで作成し，その中にヘッダ・メニュー・サイドメ
ニュー・フッタなどを読み込んでくることができれば，読み込むた
めの１ページだけを変更すれば，全部にその変更が行き渡ると思う
のです。
そのようなことが可能か，可能とすればどのようにすればよいのか
お教え下さるようお願いいたします。

▼

▼

▼

　 No.9232　Re:メニューなどを一つ一つ訂正しなくていいようにするには？

[atom] [ブラウザ]　 07/04/23 (月) 23:55

わかります。
コンテンツ（ページ数）が増えてくると誰しもがぶつかる問題です。

大きく４つぐらいあります。

１．市販のHP作成ソフトなら、テンプレートや雛形、ライブラリという名前で呼ばれますが、ぽこぱぱが言われるようにひとつ作成すれば全ページ、あるいは任意のページに使用することにより、変更があっても１箇所を修正すれば自動的に全ページが変更されるような機能があります。
私が知ってるソフトでいうとHPビルダーやDreamWeaverにはその機能があります。

２．SSI（Server Side Include）を使用する方法
これこそまさしくぽこぱぱが言う機能です。
独立したファイルを作成しておき、それをページの中に挿入してくる方法です。
これの欠点は、それぞれの部分が独立しているため完成形がサーバーなどの中でしか確認できないことです。
SSIについてはここの「HP作成の予備知識」にも解説していますので一度ご覧になってください。

また、HP作成質問箱やトップページの検索などで検索されてもたくさんの関連記事が見つかります。

３．Iframe（アイフレーム、インラインフレーム）を使用する方法
こちらはちょうど逆で雛形の中に穴ぼこを開け、そこに必要なコンテンツを読み込んでくるイメージになります。

これの欠点は見た目だけ１ページのように見えますが、実際には複数のページで１ページが構成される形になり、穴ぼこの部分しかスクロールしません。
ある意味その方がいいという方もいますが、業務用としてはあまり好ましくありません。

４．フレームを使う方法
完全にページを分割し、それぞれ、メニューとか上部とか下部とか．．
ページを完全に分割した形で作成し、合成して、見た目、１ページにする方法です。

こちらの欠点は、それぞれのパーツが完全に分割しているため、検索エンジンなどの登録に引っかかりにくいとか、それぞればらばらでしか登録できないことです。

完全に合成されたページとして、検索エンジンに登録することは皆無と思っていたほうがいいでしょう。。


上記関係はこのサイトでも、いろんなところで解説していますので、一度検索されるといいでしょう。

▼

▼

▼

　 No.9233　Re^2:メニューなどを一つ一つ訂正しなくていいようにするには？

[ぽこぱぱ] [ブラウザ]　 07/04/24 (火) 09:35

早速の御回答ありがとうございます。まずは『できる』ことが分かって
ほっとしています。
３，４については私にとって欠点の部分が大きいように感じられました
ので，とりあえず１の機能を試してみることにします。DreamWeaverにも
そんな機能があったのですね。まずはマニュアル読んで作ってみたいと
思います。

▼

▼

▼

　一覧 / 詳細