ページ共通項目の１元管理

質問

「前に戻る」や「トップに戻る」など、作成する多くのページに共通して設定する項目があると思われるのですが、
これをスタイルシートファイル等で、１元管理はできないものでしょうか？

私のイメージとしては、全てのページ(HTMLファイル)には共通のID又はクラスを与えたdivを入れておき、
スタイルシートファイルの方でその文字や画像を指定するといった方法です。
これであれば、例えばもし「戻る」に付随させる画像等を変更したくなった場合、
またはテキストを「戻る」から「Back」に変えたくなった場合などに、
全てのHTMLファイルを修正する必要なく、cssファイルのみの変更でいけるのかな、
と思っておりますが、cssファイル内においてのテキスト指定や画像指定の方法が分からなかったので、
質問させて頂いた次第であります。

以上、よろしくお願い致します。

回答No.4

partita · ベストアンサー

#3続きです。

javascriptは個人のパソコンにHTMLデータが送られた後に処理・実行されますので、javascriptをオフにしているパソコンでは無意味です。実際、javascriptの関

しかし、PHPはサーバー側で処理・実行を済ませた後にパソコンにHTMLデータを送るのでパソコンに依存しません（自信はないけど、考え方は正しいと思います）。欠点は、HTMLにPHPは読み込めないことです。読み込むためにはhtaccessの操作が必要です。

さらに、下記のような方法もあるので試してみてはいかがでしょうか。今のところ簡易な方法としてオススメです。

http://oshiete1.goo.ne.jp/kotaeru.php3?q=1970474
↑#1の回答

お礼

遅れた御礼でしたのに、早速のご回答、ありがとうございます！
ご掲示して頂いた方法、なるべく早いうちに試してみたいと思います！

回答No.3

partita

#2です。

＞管理元ファイルにて、変数に文字列を代入し、HTMLファイルにてその変数を表示するイメージでしょうか？

変数に代入、ではなく「関数」を使用します。管理元ファイルを用意することは正解。

＞javascriptやPHPの知識はほとんど無いのですが
ならばjavascriptからですね。具体的に示すと

1．外部javascriptファイルをひとつ用意する。　
　HTMLのhead内に<script src="パス"></script>を記述。
　拡張子は「js」で、CSSを外部に設置するのと同じ要領です。
2.そのファイルに
　「<p>次へ</p>を記述する」という意味の関数を記述する。
　→
　function kaku() {
　　document.write("<p>次へ</p>");
　}
3.HTMLのbody内に
　<script>kaku();</script>
を記述。

これで準備完了（厳密には足りないけど）。
同じHTMLが100ページあったとします。
2.のwriteの"・・・"の中身を書き換えるだけで100ページの更新が完了します。

注意点は、javascriptをオフにしているユーザーには効果がないということ（表示されない）。

同じjavascriptでも、方法はいろいろあると思います。上記はあくまでも一例です。

お礼

お礼が大変遅れまして申し訳ありませんでした。
javascriptをオフにしているユーザーには効果がないのは残念ですが、
私がやりたかったことはまさにこういうことだと思います。
PHPの方もやはりユーザ次第になってしまうのでしょうか？？

回答No.2

partita

>cssファイル内においてのテキスト指定

テキストはHTMLになるので、CSSでの管理は不可能だと思います。画像については#1様の言うように、背景としての管理なら可能です。

「ページ共通項目の一元管理」にこだわるなら、
javascriptやPHPの仕様が主だと思います。
前者ならサーバーの知識不要なので簡単です。

お礼

ご回答ありがとうございます。

私はjavascriptやPHPの知識はほとんど無いのですが、
管理元ファイルにて、変数に文字列を代入し、HTMLファイルにてその変数を表示するイメージでしょうか？
もし、参考にできるサイトがあればご紹介頂けると幸いです。

回答No.1

sa_ya07

cssでの画像は基本的に「背景」として扱われます。（リスト等もありますが）
なので、画像を表示する場合には、ID「test」に背景を指定するとして
#test { background-image: url("画像ファイルへのパス") }
という記述になるのではないでしょうか。

お礼

cssでは、画像は背景として扱われるのですか。
勉強になりました。ありがとうございます。