- ベストアンサー
HTMLとCSSのホームページメニューの問題
- HTMLとCSSでホームページを作成し、左サイドメニューバーに関する問題が発生しています。
- メニューバーの変更には全HTMLファイルの編集が必要で、手間とミスのリスクがあります。
- 良い解決策があれば教えてください。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
質問内容から、テキストエディタを使われているようです。 でしたら、置換で行えばよいです。たとえばEmEditor( http://jp.emeditor.com/ )でしたら [検索する文字列] ^\t\t\t\t<li><a href="naiyou4/naiyou4.html">naiyou4</a></li> [置換後の文字列] ^\t\t\t\t<li><a href="naiyou4/naiyou4.html">naiyou4</a></li>\n\t\t\t\t<li><a href="naiyou4/naiyou4.html">naiyou4</a></li> として [ファイルの種類] html [検索するフォルダ] d:\homepage として、「下位フォルダーも対象にする。」をチェック、「変更したファイルを開いたままにする」のチェックを外して[検索ボタン]を押せば一瞬で終わります。 また、サーバーでSSIが許可されていれば、そのような各ページに共通する部分はSSIを使うことも出来ます。(SSIは標準拡張子が.shtmlですが、.htmlでもSSIとして動作するよう設定可能です。またPHPでも同様なことが可能です。) ★補足・・せっかくエディタを使われるなら <body> <div class="article"> <div class="header"> <h1>内容だよ</h1> </div> <div class="section"> <h2>本文</h2> <p>内容１だよ</p> <p>内容１ですよ。内容１だって言ってるよ。</p> <div class="nav"> <ul> <li><a href="index.html">TOPページ</a></li> <li><a href="naiyou1/naiyou1.html">naiyou1</a></li> <li><a href="naiyou2/naiyou2.html">naiyou2</a></li> <li><a href="naiyou3/naiyou3.html">naiyou3</a></li> <li><a href="naiyou4/naiyou4.html">naiyou4</a></li> </ul> </div> </div> </div> </body> のほうが望ましいです。 [HTML4.01] DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 ) この部分がまったく理解されなくて、<div id="contener">,<div id="contents">,<div id="main">のようなマークアップが続けられた反省から [HTML5]では 「新しい要素 ( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#new-elements )」が追加されました。 header,section,navなどは、ひとつのページ内に何度も登場する可能性がありますから、idじゃまずいですね。
その他の回答 (2)
- tkmojo
- ベストアンサー率50% (105/207)
考え方としては2パターンあります。 【A】メニューだけのファイルを管理する 【B】更新時に全ファイルを置換する 【A】の場合は、特別なソフトや知識が必要ですが、管理が楽です。 【B】の場合はフリーソフトで十分ですが、ミスがあると大変。 【A】の場合は、さらに以下のような方法があります。 1. Dreamwerverのテンプレート機能を使う 少々高価なソフトですが、共通部分を一つのファイルで管理できるので便利。 2. CMSを使う WordpreeやMovableType等のブログシステム（コンテンツマネジメントシステム）は 各パーツごとに管理するので複数ファイルを更新する必要はありません。 無料のテンプレートが沢山公開されているので、ささっと作るには便利ですが、 好きにデザインするには難易度が高いです。 3. SSIを使う サーバーが対応している必要があり、設定も必要ですが、 特別なソフトが必要なく実現可能です。 こういう所で勉強してみてもいいかも。 http://www.tohoho-web.com/wwwssi.htm 【B】の場合は、1の方が挙げているようなEmEditorをはじめ、 複数ファイルを一括置換するフリーソフトを使用する事になりますが、 置換時にミスがあると全ファイルおかしくなり、ミスの内容によっては元に戻すのが困難な場合もあります。 また個別ファイルを更新時に、スペースや改行具合が変わるだけで置換に対応しなくなります。 意外と管理に気を使うので、【A】の方法をとれない場合に例外的に用いるのが良いかと思います。
お礼
ちょっと忙しくなってしまい、遅くなりました。 Dreamwerver買うようなページじゃないんですよね。 ページ構成工夫してみます。 そもそもなに使っても（フリーで）上手くいかなかったので、最終的にテキストエディターになったわけで。。。 選択肢参考になりました。
- utilityahd
- ベストアンサー率15% (24/160)
あなたがおっしゃられる通り、フレームを使わずにHTMLとCSSだけでHPを作ると、こういった苦労がついて回ります^^ その点、フレームを利用すると一度の修正だけで済むので楽ですよね。 しかし結局、双方ともに長短所があるので、あなたのHPの目的を考えて使い分けられたらいいと思いますよ。
お礼
＞HTMLとCSSだけでHPを作ると、こういった苦労がついて回ります^^ これが普通だということが認識できました。どうおもです。
お礼
回答どうもです。 おっしゃるとおり、EmEditorです。 なんかできそうですね。貴重な情報および補足までありがとうございます。 ちょっと数日間出かけるので、帰ったら早速試してみます。