• ベストアンサー

スタイルシートについて質問です。

ホームページのデザインで、メニューバーと企業のロゴ、プルダウンメニューを1セットとして、全てのページに起用しています。現在は、この1セットをテンプレートとしてそれぞれのページを作成していますが、この1セット部分に変更が生じると、今まで作った全てのページの同じ部分を1ページごとに修正しなくてはならず、大変面倒です。このような場合、スタイルシート、というのを使うと便利かも、と友人に言われたのですが、この1セットの中では、JavaScriptなどを使用しています。そして、私自身、スタイルシートに関してはほとんど今まで使用したことがなく、経験不足のため、どのようにして作ったらよいのか皆目検討がつかない状態です。 何か、こういう形で同様のテンプレート使用について、修正などが簡単にできる方法、、というのがあれば教えてください。

  • CSS
  • 回答数2
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • keiso
  • ベストアンサー率66% (6/9)
回答No.1

Dreamweaverの様なテンプレートを使うことができるツールでしたら、簡単に修正が出来ます。 もし現在テキストエディタやテンプレートを扱うことが出来ないツールでページを作られているならば、Dreamweaverの様なツールを導入される事をお勧めします。

参考URL:
http://www.macromedia.com/jp/
ronnie
質問者

お礼

なるほど、ありがとうございます。大いに検討してみたいと思います。

その他の回答 (1)

  • jakarta
  • ベストアンサー率38% (607/1597)
回答No.2

裏わざ的な方法ですがSSIを利用して、メニューバーと企業のロゴ、 プルダウンメニューの部分のタグをテキストファイルとしてhtmlから include(読み込み)させる方法もあります。 レイアウトしながらhtmlを起こすような場合には不便かも知れません。 スタイルシートはレイアウトを規定するためのものなので スクリプトなどを埋め込むのには適しません。スクリプト部分のみ 外部ファイルにして読み込ませることでメニュー部分の変更に 対処する方法も考えられます。 それ以外はやはりGolive,DreamWeaverを使用してテンプレートとして 読み込ませるのがもっとも単純な方法だと思います。

関連するQ&A

  • スタイルシートについて

    ホームページビルダー11を使って、ホームページ作成途中なのですが、メニューについて悩んでいます。 http://home.isle.ne.jp/index.html 上記HPでは一番上のメニュー、ロゴ等がどのページからアクセスしても常に固定されています。 これと同じ事をしたいのですが、スタイルシートを利用すれば解決できるのでしょうか?  *フレームの使用考えていません。 商用としてホームページを作成するため、固定部分に営業日カレンダー等を挿入したいのです。 そうすると少なくとも1ヶ月に1回は固定部分を更新しなくてはなりません。ページ数は100以上あるので1個1個更新することは避けたいです。 この問題をスタイルシートを用いれば一括編集可能でしょうか? それともスタイルシートはあくまでスタイルを一括編集出来るだけであって、文字(テキスト)までは一括編集できないのでしょうか?

  • スタイルシートを使用したホームページの作成について

    教えて下さい。ホームページビルダー7を使用して、現在HPを作成しているのですが、スタイルシートを使って、同じレイアウトのページを作成したいと思っています。イメージとしては、ページ上部にタイトル、左側にメニューバーと考えているのですが、これをテンプレートとして保存して、各ページを作成しているのですが、この方法だと、メニューに1つコンテンツを増やしたりすると、すべてのページに1つずつコンテンツをつけてしていかなければいけません。今後の事を考えれば、コンテンツが増えていくと考えられますので、外部スタイルシート(css?)を使用して、そこを変更すれば全ページのメニューに反映されるような方法をとりたいと思います。 フレームを使用すればそれは簡単ですが、HPにフレームはいろいろな弊害があるので、やめたいと思います。フレーム以外でそれと同じような方法があればよろしくお願いします。 私のホームページの知識は、ビルダーで作成して、HTMLをちょこちょこと変更するぐらいなので、専門的に勉強していません。大体の意味がわかるのですが…。 どうぞよろしくお願いします。

  • スタイルシートの表の固定

    ホームページビルダー10で作成しています。テンプレートを使用して作成したいのですがスタイルシートになっているものを加工しようとしています。今までに作成してきたhtmlファイルをコピーしてスタイルシートの表の部分に貼り付けると表の幅が一気に広がり上手く収まりません。スタイルシートの表が変更されないように固定する事が出来ますか?または元のhtmlファイルに加工を加えてからでないとダメなのでしょうか?よろしくお願いします。

  • スタイルシート(CSS)の中にテーブルのようなスタイルシートをつくりたいです。

    Dreamweaver8にてHPを作成しております。 今回CSSをやってみようと思い試行錯誤しながらがんばっているのですが、 現在スタイルシートのfloatタグなどを使って、 ヘッダー、メニュー、コンテンツ、フッターというよくある構成で作っております。 そしてコンテンツ部分以外はテンプレート機能を使い共有できるようにしています。 そして新しいページを作る際、コンテンツ部分だけを編集していくのですが、真ん中で2つにわかれた2段組の文章をつくりたくて、テーブルを使用したところ、テーブルが縦に長くなるとCSSで指定した範囲を超えてしまいレイアウトが崩れてしまいます。 これがテーブルでなく文章でなら縦に長くなっても自動的にCSSの高さが長くなってくれます。 ですので、題名のようにCSSでテーブルのような機能のあるものを教えていただきたいのですが、素人でなにぶん申し訳ないですがよろしくお願い致しますm(_ _)m

    • ベストアンサー
    • HTML
  • スタイルシートについて教えてください(ホームページビルダー11で)

    ホームページビルダー11を使用してWebページをつくっています。 (超初心者です) そこにCSSのnavigation menuのテンプレートを挿入したいと思っています。 ソース(タグ?)は以下です。 http://www.13styles.com/css-menus/style1/ 挿入自体はうまくいって、ちゃんと目的のようにできるのですが、スタイルシートにほかの設定をすると、表示が変わってしまいます。 ほかの設定とは、リンクやリンク済みのフォントを変更するということです。 (a:linkやa:hoverを入れると) テンプレートだと「font-size:11px;font-weight:bold」になるのですが、リンク関係のフォントをほかのサイズに設定すると、そちらの表示になってしまいます。 そうならないように、テンプレートの設定そのままに表示されるようにするにはどうしたらよいでしょうか? 教えてください。 宜しくお願いいたします。

  • JSでプルダウンメニューリンクジャンプについて質問です。

    プルダウンメニューで、サイト全体のメニューを入れ込んでクイックジャンプ、みたいにして作っていますが、スクリプト部分は、HEADにいれて、外部ファイルでリンクをさせているのですが、実際に表示される<FORM>~</FORM>部分は、全てのページのBODY内に書き込む必要がありますよね?それは、たとえば、サイト内のメニューが変更になったりしたときには、今まで作った全てのページにコピペーストした<FORM>~</FORM>内容をまた、全部1ページづつ変更してゆかなくてはならない、、、という方法しかないのでしょうか?何か他に、1枚のテンプレートみたいなところにリンクをさせて、その1枚を変更すれば、そのテンプレートを使用している全ページが一気に変更になる、、というようなことはできるのでしょうか。。。教えてください。

  • スタイルシートが全く理解できません

    質問させて頂きます。 HPを開こうと思っているのですが、私にとって都合のいいスタイルシートの例文が載っているサイトが見つからないのです。 ヘッダ用の画像を作ったので、 トップページはそのヘッダが画面一番上の中央に来るように(繰り返しなし)、 メニュー(サイドバー?)は左側に羅列されるように、 メイン画面はそのメニューの右側に来るように。 2カラムっていうらしいんですが。 │ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄│ │   ヘッダ画像      │ │____________│ │メ             │  ←この表、崩れて  │ニ             │   表示されてしまいます。 │ュ   メイン画面     │   一番右の縦線は真っ直ぐだと ││             │   仮定してください │              │ │              │ │____________│ こんな感じです。HTMLでもできるのでしょうか?でもHTMLはIE以外のブラウザで見ると崩れると聞いたのでやはりスタイルシートかなと…。 他のページはメニューの右のメインウィンドウに表示されるわけですから、単純なHTMLで充分なHPなので、そのヘッダとindex.htmlをどうにかしたいのです。 あ、1Pだけ別窓で開かせたいページがありまして、そこはヘッダだけでヘッダの下は単純なテーブルが置いてあるだけのページです。 上の図のメニューがなく、ヘッダの下が全てメイン画面なページですね。 普通にHTMLでfixedにすると、画像の上に文字が来てしまうので、とりあえず<br>で間隔を開けてみたんですが、IEとFireFoxでは見え方がぜんぜん違ってしまって、困っています。 本当に基本的な質問なんですが、index.htmlを始めとするHTMLファイルがありますよね。スタイルシートはそれとは別に、text.cssというようなファイルを別に作ってサーバに上げるんですか?それともHEAD部分に埋め込むのでしょうか。 何かいい(コピペしてアレンジすればOK!みたいな)都合のいいサイトをご存知でしたらどうぞ教えて下さい。宜しくお願い致します。

    • ベストアンサー
    • HTML
  • スタイルシートで印刷用のレイアウトの作り方

    こんにちわ スタイルシートでレイアウトしたWEBページの印刷用のレイアウトのことで悩んでいます。 WEBページはヘッダー部分、サイトナビゲーション部分、メニュー部分、コンテンツ部分、コピーライト部分とあるのですが印刷時にはヘッダー部分とコンテンツ部分とコピーライト部分のみ印刷できないかと考えています。印刷したくない部分をdisplay:noneのようにできませんか?

  • chmファイルでスタイルシートを変更したい

    ローカルのHTMLに対してブラウザ上でスタイルシートを変更できるように、 javascriptでcookieを使用したスタイルシートチェンジャーを導入しました。 これは正常に動作してページを遷移しても記憶したスタイルで表示されます。 この内容をそのままchmファイルにした場合、表示しているページでは指定したスタイルに 変更されるのですが、他のページに遷移するとデフォルトのスタイルに戻ってしまいます。 何故でしょうか?

  • JavaScript・スタイルシート

    あるHPにアクセスすると、ログイン完了後の各ページが表示されなくなります。案内には、下記のように記載がありました。 ◆ブラウザの設定 JavaScript・スタイルシートを有効にしてください。 これってどうやって設定状況を確認できるのでしょうか。 どなたかご教授ください。よろしくお願いします。

専門家に質問してみよう