ホームページの共通部分の一斉更新

質問

メモ帳にＨＴＭＬでホームページを作っています。
レイアウトはＣＳＳを使っているのですが、サイドやフッター部分などの共通項目で内容の変更があった場合、いちいちコピペが大変です。
これを解消するのに、良い方法はありませんか？
いろいろ調べていたらJavaScriptという言葉が頻繁に出てきます。
本やサイトを調べながら作っている初心者なので、できるだけ簡単な方法があれば助かります。
無理なお願いかとは思いますが、初心者にも分かるように教えていただけたら、とてもうれしいです。
宜しくお願いします。

回答No.2

DrFell · ベストアンサー

置換ソフトを利用されてはいかがでしょうか？
サイドだとメニュー項目が1つ増えたと仮定して
<ul>
<li>メニュー1</li>
<li>メニュー2</li>
</ul>
だと
検索語
<li>メニュー2</li>

置換後
<li>メニュー2</li>
<li>メニュー3</li>
とすれば、結果
<ul>
<li>メニュー1</li>
<li>メニュー2</li>
<li>メニュー3</li>
</ul>
のようになります。

置換ソフトは1ファイルでなく、フォルダ配下の該当ファイルをいっぺんに置換してくれます。フリーソフトでも沢山でていますのでコピペする手間が大幅に軽減されると思います。

あらかじめ予定していた場所を一括で変更する場合はNo.1さんの方法が有効ですが、突発的なことでしたら、置換も選択肢に加えて損は無いと思います。

お礼

回答ありがとうございます。
どんな感じになるのか、ちょっと分からないので、参考サイト等がありましたら教えていただけないでしょうか？
まだ勉強中で置換ソフトというのも今回初めて聞きました。

補足

置換ソフトを調べてみました。
TextSSというのを見つけました。
DrFellさんがおっしゃっているのはこういうソフトのことでしょうか？
まだ使ってみていませんが、この方法が私には合っているように思います。
先にお礼欄を使ってしまいましたので、ここでお礼させていただきます。
ありがとうございました。

回答No.1

megane3333

手法はいろいろあります。
自分にあった方法を見つけるなり、極めて見てください。

1-1.HTMLだけでなんとかしたい。
<frameset> とか <iframe> などのタグを勉強してみてください。
別に用意したページ（サイドやフッターのHTMLのみ）を他のページに表示させることができます。
この時、サイドやフッターからのリンク（<a>タグ）にtarget指定を必ず記述するように気をつけて下さい。

1-2.HTMLだけでなんとかしたい。
サーバーがSSIに対応しているのが前提になりますが。
<!--#include file="footer.html" -->
といった感じで、サーバー上の別のHTMLファイル（例の場合 footer.html ）を読み込むことができます。

2.Javascriptを使う。
サイドやフッターのHTMLを別ファイルでアップしておき、Javascriptからその別ファイルを読み込み、ページに表示させます。
または、Javascriptファイル内に、HTML部分を記述して出力するようにしてもいいかもしれません。

3.HTMLではなくPHPファイルでホームページを作り直す。
Javascriptと同じような動作をしますが、HTMLの表示をウェブサーバー側で処理することが違います。
Javascript非対応のブラウザでも期待したとおりの表示ができます。

4.メモ帳ではなくホームページ作成ソフトを使う。
有料ソフトなら、Dreamweaverとかホームページビルダーなどが有名ですね。
それらのソフトには、ライブラリーやテンプレート機能があり、管理しているサイト内を一括で更新する機能があります。
ページ数が増えてきたり、タグの閉じ忘れやタグの入れ子構造のミスを防止することにもなるので、捗ると思いますよ。

お礼

非常に分かりやすい回答をありがとうございます。

＞2.Javascriptを使う。

の方法を使いたいと思ったのですが、Javascriptを使うと、最近のセキュリティレベルではセキュリティ警告が出るんですかね。
あれが出ると使いづらいので、出ない方法とかもありますか？