当方のHPは左サイドにメニューリスト、中央部分に記事を書いている2カラムです。また、ページ数は100ページくらいありますが左サイドのメニューリストは全て共通となっています。左サイドのメニューリストは定期的に更新しているのですが、一つの項目を追加したい(削除したい)場合、全てのページの左サイドメニューを更新しなければならず、かなりの手間がかかってしまいます。なので、左サイドメニューは独立したHTMLを作成し、更新の手間がかからないような形にしたいと考えています。このようなHTML+CSSを作成する場合、どのようにすればよろしいのでしょうか?また、参考になるサイトがあればご教授よろしくお願いします。ちなみに当方のHPを作成する知識は、基本的なタグやCSSがわかる程度の初心者レベルです。
No.3ベストアンサー
- 回答日時:
フレームを使いたい状況ですが、フレームは廃止さる予定です。
HTML4.01framesetで残っていましたが、XHTML1.0でも非推奨、XHTML1.1では廃止、HTML5でもありません。多くの問題があり、フレームは使わないほうが良いでしょう。私も同様なサイトをいくつか管理していますが、基本的にはひとつひとつ書き直しています。ただし、高機能なテキストエディタや(使い慣れた)Perlを使ってバッチ処理で一気に変更しています。
ただ、100ページがすべて同じと言うことは少ないです。それは数百ページの目次があったとしてもユーザーは扱いづらいからです。トップページの目次は、分野別の目次になっていて、その分野のトップページにその下位の目次を設けるようにしています。こうすると、ユーザーのナビゲーションが容易だからです。
たくさんの商品を掲載しているサイトなどでは、サーバーサイドでこの処理をさせることも多いです。新しいサイトでは、XMLで作成しておいて、XSLTで自動作成させる事も始めました。
色々な方法がありますが、原則はフレームを使わない。そのためにはフレームを使わなくても済むようなサイト作りをする。(そのほうがユーザーに優しい)
No.4
- 回答日時:
静的サイトでしょうけど、
新規で構築するとか、システム云々の話が別方向なので・・・
違うような気がします。
また、HTML,CSSで作るならフレームしかないですけど、それもお勧めできない。
-----------------------------------
あくまで、目的が更新の手間と言う事で、新規構築せずに、
現状のウェブサイトのナビメニューの変更/更新を簡単にしたいだけなら、
置換機能のある高機能エディタで一発置換えしましょう。
無料のエディタでも探せばあると思いますし、
Adobe Dreamweaverなら1分も掛からず変更出来るでしょう。
無料のお試しで使ってみましょう。
サイト単位、フォルダ単位、ページ単位、選択範囲単位で一発置換えが可能です。
正規表現での置換えや、文字検索・ソース検索も出来るので、
かなり便利ですよ。というより時間の節約や作業の軽減になります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(IT・Webサービス) 無料ドメイン無料サーバでHP作りたい。 知り合いの飲食店のHPを作ってあげたいのですが、その店主には 3 2022/06/05 01:22
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- ホームページ作成・プログラミング web制作(HP作成について教えてください) 閲覧ありがとうございます。 今、WEB制作の勉強をして 2 2023/04/13 07:23
- 画像編集・動画編集・音楽編集 Google Earth Pro 高速道路上空を一定の速度で飛ぶツアー動画の作り方は?? 1 2022/06/01 15:10
- その他(プログラミング・Web制作) google formsを使ったタスク依頼フォーム作成におけるご相談 1 2023/06/22 15:55
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- HTML・CSS リストの並べ替え 1 2022/09/13 15:27
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- HTML・CSS ホームページについての質問です 最近学校でhtml等に触れる機会があったのですが、疑問がわきました 7 2022/05/06 15:42
- HTML・CSS サイトをマルチデバイス対応にする為の準備や、CSSなどのおすすめサンプル集やアドバイスを頂きたいです 1 2022/07/13 22:15
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?↑
-
テーブルの行を折りたたみたい...
-
htmlの文字が縦書きになる
-
HTML入門でもう躓いてしまった。
-
アコーディオンメニューが思う...
-
goo は、放置?
-
パソコンのマイク機能
-
HTMLタグのあるCSVファイルを利...
-
WEBページを強制的に横画面で見...
-
Duolingo のソースコードの名前...
-
、URL化させるにはどうしたらい...
-
CSSについて教えてください。 ...
-
HTMLで画像をポップアップで表...
-
HTMLです 画像のように表せます...
-
12月のカレンダーを表すHTMLを...
-
css初心者 フレックスボックス...
-
HTML電卓で1文字消す方法
-
CSSのホバーエフェクト
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルのセルデータを自動改...
-
goo は、放置?
-
htmlソース文の 各行 改行位置...
-
1つの「ホームページビルダー2...
-
HPレイアウトが同じページのヘ...
-
CSS、Bootstrapについて contai...
-
CSSについて教えてください。 ...
-
静止画画像をクリックすると音...
-
、URL化させるにはどうしたらい...
-
テーブルの行を折りたたみたい...
-
css初心者 フレックスボックス...
-
WEBページを強制的に横画面で見...
-
Webページのリンクの貼り方を教...
-
Duolingo のソースコードの名前...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネ...
-
コードを書いて下さい( ; ; )...
-
HTMLで画像をポップアップで表...
-
角丸画像の背景色を透明にした...
おすすめ情報