- ベストアンサー
CSSとサイトのメニュー構造
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
> 体的に作成方法があれば教えて 先の回答にも書いたように、SSIやCGI、Javascript等で出来ます。 「外部 メニュー SSI」とかで検索すればすぐに方法見つかるのですがね。 最も単純なのはインラインフレーム(<iframe>)使う方法ですが、これだと一部ブラウザ（古いNetscapeやテキストブラウザ）では表示されないです。 SSIやCGIは利用するサーバーが対応していないと無理だし、それなりの知識が必要です。 http://allabout.co.jp/internet/hpcreate/closeup/CU20020520A/index.htm Javascritpならサーバーに関係なく使えるけど、ブラウザによって動かない場合があります。 http://www.kuhp.kyoto-u.ac.jp/~diag_rad/web/auto_menu.html http://www.esli.co.jp/javascript/dhtml/gaibu_innerhtml.html
その他の回答 (1)
- dezimac
- ベストアンサー率56% (2365/4208)
CSSはデザインで、リンク先指定とかはできません。 大量のページの共通部分はSSIやCGI、Javascript等で対応できます。 大雑把に言えば、共通メニューの部分だけを記述したファイルを用意して、各ページでは、その部分に共通メニューファイルを呼び出すように記述しておけばいいだけです。 仮にそういう技術が使えないとしても、HTMLファイルを一つづつ確認しながら書き換えなくても、やり方次第でテキストエディタ等の検索置換機能を使えばいっぺんに出来ますけど。
補足
>>通メニューの部分だけを記述したファイルを用意して、各ページでは、その部分に共通メニューファイルを呼び出すように記述しておけばいいだけです。 具体的に作成方法があれば教えていただけますでしょうか？ ボリュームそれほどありませんんが、一括でメニューを変換できる(Flashを使わずに)方法を模索しております。
関連するQ&A
- CSSを使ってサイトの更新をうまくしたいのですが
２カラム型のホームページを作りたいと思っています。 左にメニュー、右に主な内容を載せようと思っています。 そうするとフレームを使って作るのが更新も楽でいいのですが、 ＳＥＯを考えると１ページにしたいのです。 すると、もしメニューに項目を増やしたいときや、メニュー下に載せたいバナーなどを増やしたいとき、一つずつ更新することになるので100ページのサイトだとしたら100ページ更新しなければならないことになりますよね？ そこでＣＳＳの外部ファイルを読み込むことで簡単に更新できないかと思ったのですが、やり方がイマイチよくわかりません＞＜ よく使うフォントの指定方法、背景のデザインはわかったのですが、 テーブルや広告の表示方法がわかりません。 こういったことは可能なのでしょうか？ よろしくお願いいたします。
- ベストアンサー
- CSS
- メニューについて
こんにちは。私の少ない知識＆経験では分からないので、教えてください。（質問が） webサイトのメニューですが、1ページごとの設定ではなく、フレームのように全てのページに一括でメニュー設定する方法ってありますでしょうか？ つまりメニューのリンク先が変更になった場合、フレームだと、1ページのUPだけで済みますが、フレームでない場合、メニューを設定している全てのページのUPをしないといけなくなります。 これを、メニュー設定ページだけの修正・更新で済むようにすることは可能なのでしょうか？ 会社のホームページを作成しており、社長から「メンテナンスが楽になるよう、CSSだけの変更で済むよう作成出来ないのか」と指示されました。 私の少ない知識では、CSSはデザインなので、メニューのリンク設定は無理だと思うのですが…。 ページ数が多いサイトなどは、どのように管理されているのでしょうか？ 方法があれば教えていただけませんか?
- ベストアンサー
- HTML
- Webページのメニューについて便利だと思うサイト
Webページのデザインのリニューアルを考えていますが、 どのようなメニューが使いやすいか迷っています。 現在つかえるものとしてはFLASH、JavaScript、Perlくらいです。 このページのデザインはすばらしい！使いやすい！などあったら教えてください。 またデザインが優れたサイトも知りたいです。
- ベストアンサー
- CSS
- このHTMLとCSSの構造を教えてください！
http://www.apple.com/jp/downloads/ この中の下のほうにある「注目のダウンロード」の中にある部分(QuickCopyやAppleトレーニング Widgetなどのレイアウトです)を作ろうと思うのですが、自力ではうまく作れません。 divの後には普通idがきて、そして“"で指定をすればこのページだと6つのidが必要になるとおもうのですが、アップルのソースを開いてみると<div class="column first">というように idを指定せずにいきなりclassをかけるやり方になっています。 自分は初めて見たのでどうなっているのかよくわかりません(初心者なもので…)。 CSSを含め、どのようになっているのか分かる方いましたら回答お願いします！
- 締切済み
- HTML
- CSSレイアウトってなぜこんなに難しいのか？
個人事業で、WEBデザインの仕事をしています。 恥ずかしいですが、ずーっと、テーブルレイアウトでのみHP作成してきました。 文字を整えたり、種類をまとめたりだけ、CSSを使ってました。 先日初めて、クライアントから「そろそろテーブルレイアウトはやめてくれ」と、 ダメだしを食らいました。 独学でDreamweaver MX 2004を一から学んで、仕事やって来ましたが、 ちょっと恥ずかしい質問ですが、 CSSレイアウトってなぜ、こんなに難しいのでしょうか？？ みなさん、テーブルレイアウトと比べて異常に難しく感じませんか？ 今の調子ではＨＰ作成の仕事が請けられなくなっています。（涙） 例えば、テーブルレイアウトって、自由にドキュメントで確認しながらデザインできますよね。 でも、CSSレイアウトって、コードで全部書き出しますので、 ちょっとサイズや項目や要素を変更するだけでも、どのdiv?、どのクラス？のタグにそれを指定したかとか、 複雑になり解らなくなってしまい、ちょっと変更するだけでも凄い時間がかかってしまいます。 ■もしかして私、CSSレイアウトの学び方、作り方を間違ってるのでしょうか？ ■今まで2～3冊位、Dreamweaverの本で、CSSレイアウトを勉強してますが、 いっこうに進歩しません。（ここに本の題名書き出すとマズイですよね？） ★CSSレイアウトが解り易く学べる、勉強本を教えて頂けますでしょうか。 ■もしかして、DreamweaverでCSSレイアウトをするから難しいのでしょうか？ HPビルダーとかなら、もっと簡単に出来るのでしょうか？ ■今、私ができるCSSレイアウトの限界は、一番大まかな囲いの、 #header #side #main #footerを、#contentの中に入れて、 その中の各々の要素は、今までとおり、テーブルでレイアウトする。 （メニューや、商品スペック、写真並べなども、テーブルで。） それが精一杯ですが、これで通用するのでしょうか？ HPデザイナーとして、恥ずかしい質問ですが、 ご教授どうぞ宜しくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- ホームページビルダーでcssのサイトが崩れる
宜しくお願いします。 ホームページビルダーで、cssのサイトを開き、 テキスト文章の文字ひとつ削除するだけでレイアウトが崩れてしまいます。 cssのサイトは[Webレイアウト]という参考書の付録CDから入れた サンプルサイトです。 自由に書き換えできるサンプルなので、 テキストの「あ」を「か」に変えるだけでも、プレビューで崩れてしまう理由が不思議でなりません。cssはまったくいじっていません。 理由
- ベストアンサー
- ホームページ作成ソフト
- 下記サイトみたいな大胆なデザインとなる背景をcssでレイアウト設定する
下記サイトみたいな大胆なデザインとなる背景をcssでレイアウト設定するには？ お世話になります。css初心者です。 このサイトみたいに、http://www.blackcatpedals.com/pedal_od_1.html (1)ヘッダー部分のデザインがコンテンツ部分にまで関わっている（参考サイト→top左上のエフェクター写真みたいなデザイン） (2)コンテンツ枠の背景（参考サイト→情報が表示される部分＝中央白部分／両サイドに暗い壁のような背景）をtopから表示させ、情報量でheightが可変してもコンテンツ枠全体が違和感なく表示されている といったデザインのwebサイトを制作したいと考えています。 自分は全体の背景を#bodyにbackground-image no-repeatで表示していますが、#contensのbackground-colorを指定すると、ヘッダーからコンテンツ部分にまで関わっている上部のデザインが塗りつぶされてしまいます。 かといって、background-colorを指定しないと、背景が切れてしまいレイアウトが崩れます。これを解決するにはどうしたらよいのでしょうか？ 参考サイトはどのようにcssを組んでいるのでしょうか？ どなたか教えてください、よろしくお願いします。
- ベストアンサー
- HTML
- サイトの著作権について。HtmlやCssは著作権？
ある有名サイトがあり、htmlや外部Cssが非常に手が込んでいて、 かなり時間がかかったであろうサイトがあります。 そのサイトとほぼ同じレイアウトや配置で、 HTMLとCSSを見てみると、これまた全く同じでした！ メモの部分も同じで、驚きました。 しかし、デザインや文章などは自分でつくったらしく、 サイトのHTMLやCSSの構造部は同じだけれど、 デザインや文章は盗作していないようです。 これは著作権侵害になりますでしょうか？
- ベストアンサー
- その他（法律）
お礼
細かにフォローアップまでいただき、ありがとうございます。 取り急ぎいただいたリンクの情報を元に作り込んでみようと思います。 ありがとうございました。