• ベストアンサー

CSSでHP作成したい。メニューコンテンツはどのように作ったらいいですか?

CSSでHP作成したい。メニューコンテンツはどのように作ったらいいですか? こんにちは。 今まで、ホームページビルダーを使って、HTMLでウェブページを作ってきました。 左カラムをメニュー部分として、インラインフレームで作成していました。 この度、SEO対策から、 CSSを使ったテンプレートに代えて作り変えようと思っています。 でも、いまいちよくわからないのですが、 スタイルシートで左カラム(メニュー)を書くとなると、 全てのページを作った後にリンクを貼って、 そのメニュー部分をすべてのページにまた複製しないとならないですよね?? 私のウェブサイトは、100ページ弱あるので、 なかなか考えただけで大変そうです。。。 スタイルシートで、2カラム形式左メニューのページを作成したことのある方、 もし良かったら方法を教えて下さい。 ※ちなみに、ブログは自己カスタマイズが大変なので利用しない方向です。 FC2で持っていますが、やっぱりHTMLの方が使いやすいので・・・

noname#250839
noname#250839
  • SEO
  • 回答数2
  • ありがとう数23

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

  • ベストアンサー
回答No.2

ホームページビルダー13にテンプレート機能が追加されたと思います。 新しくDWの使い方を覚えるより、すでに使われているHPBの方が使いやすいと思いますし、 もしバージョンが12以前ならアップデートして、HPB13のテンプレートの使い方を練習されてはいかがでしょうか。 他にはSSIという方法もありますが、 結局、手作業で全てのファイルにコピーするか、 ソフトウェアの使い方を覚えてソフトウェアにコピーさせるかの違いですので、どちらかしか選択肢はありません。 どちらも嫌なら今まで通りフレームを使うしかないです。

その他の回答 (1)

  • chiki777
  • ベストアンサー率42% (396/929)
回答No.1

アドビ Dreamweaverの テンプレート機能を利用して下さい。 各ページの共通部分は一度記述するだけで、 変更も一カ所変更するだけで、 テンプレートを利用したページ全部に反映されます。 という便利機能があるので、 Dreamweaverを利用して下さい。

関連するQ&A

  • CSSでメニューの作成

    初心者ですがホームページを作成しています。 メニューをあとから追加して複数ページを一括変更するには、外部スタイルシートを用いてメニューを作成すると良い、ということを検索してみつけたのですが、どうすればいいのかよくわかりません。 過去の質問を検索するとCSSではメニュー自体は作れないと書いてあったのですが、実際はどっちが正しいのでしょうか? もし作れるなら、作り方の載っているサイト等をおしえてください。

    • ベストアンサー
    • HTML
  • HTML+CSSについて質問です

    当方のHPは左サイドにメニューリスト、中央部分に記事を書いている2カラムです。また、ページ数は100ページくらいありますが左サイドのメニューリストは全て共通となっています。左サイドのメニューリストは定期的に更新しているのですが、一つの項目を追加したい(削除したい)場合、全てのページの左サイドメニューを更新しなければならず、かなりの手間がかかってしまいます。なので、左サイドメニューは独立したHTMLを作成し、更新の手間がかからないような形にしたいと考えています。このようなHTML+CSSを作成する場合、どのようにすればよろしいのでしょうか?また、参考になるサイトがあればご教授よろしくお願いします。ちなみに当方のHPを作成する知識は、基本的なタグやCSSがわかる程度の初心者レベルです。

    • ベストアンサー
    • HTML
  • CSSレイアウトの2カラム左メニューでコンテンツを先にHTMLに記述できる方法をおしえてください。

    趣味でHPを作成しております。 一般的なCSSレイアウト2カラム左メニューにしたいのですが、 HTML部分で左メニューよりコンテンツを先に記述し、 CSSで左メニューで右にコンテンツがくるようにしたいです。 現在のCSSは * { margin:0; padding:0; } .wrapper { width: 750px; margin: 0 auto; } .header { width: 750px; height: 100%; } .main { width: 750px; } .menu { float: left; width: 200px; } .contents { float: left; width: 550px; } .footer { clear: both; width: 750px; height: 100%; } .menu ul { list-style: none; } このような記述です。 つづきましてHTML部分は <body> <div class="wrapper"> <div class="header"> ヘッダー部分 </div> <div class="main"> <div class="contents"> コンテンツ部分 </div> <div class="menu">  メニュー部分 </div> </div> <div class="footer"> フッター部分 </div> </div> </body> このような感じです。 しかしこれだとHTML部分はコンテンツが先にきておりますが、 メニューが右になってしまいます。 これをHTML部分を変えずにCSSでメニューを左に配置する方法はありますでしょうか? 1週間くらい試行錯誤したのですが、できませんでした。 お詳しい方教えてください。

    • ベストアンサー
    • HTML
  • HP上でのメニューボタン作成について

    ホームページを作成しています。 作成中に疑問に思ったことがあります。 全ページにメニュー(図クリックでリンクに飛ぶもの)をつけたいのですが、メニュー表示のHTMLを全ページで共有(1つで管理)することはできませんか? メニューに変更があるごとに全ページ修正するのはさすがにどうかと思うので。 CSSの使い方次第できるのでは・・・と思っているのですが。 (でも、メニューとページが別れて表示される方法は避けたいです。)

  • CSSでメニュー作成

    OS:WindowsXP ProXP2 現在ホームページを作成しています。 メニューを作ろうと思うのですがフレームは使いたくありません。 実現したいことは左にメニュー、右に内容を表示させようと考えています。(メニューはリンク先へジャンプしても変わりません) しかしCSS(float)を使って実現できそうなところまで調べたのですが、 この方法ではリンク先をページ毎に書かなくてはいけなくなってしまい、もし変更があった場合全ページを修正しなくてなりません。 メニューだけ外部ファイルなどにして呼び出す方法はあるのでしょうか? ご存知の方ご教示宜しくお願いいたします。

  • CSSでのページ構築について

    CSSでのページ構築について CSSでのサイト制作に挑戦しています。 まずは、テンプレートをつかってカスタマイズしてみようとおもい、テンプレートをDLしました。 「フッタ/左メニュー/メインコンテンツ/フッタ」というブログなどでよくあるものです。 (縦三段で、真ん中が左右2つに別れている2カラム) CSSファイルは、外部読み込み形式です。 トップページを作って、いざメニューからメインページのリンクを貼ろうと思ってつまずきました。 左ページのコンテンツメニューに設定したリンクを、右側の枠内に表示したいのですが、そういった場合は、どうすれよいでしょうか。普通に右側の内容をいれたHTMLにリンクすると、全画面がそのページになってしまって、ヘッダ/左メニュー/フッタは消えて(隠れて)しまいます。 ヘッダや左メニューをそのままにしてページ数を増やしたいときは、トップページをひたすらコピーして、右側の要素部分だけを変更していくのでしょうか? でも、それだとCSSにする意味がないというか、全然楽ではないですよね。 左メニューの項目が増えた時など、全ページを修正しなければならなくなりますし。 自分なりにCSS関連のサイトを検索して調べてみたのですが、どこも「トップページをそのままコピーしているようにしかみえない」のです。 右側ページ内容のHTMLに、ヘッダやメニューも読み込ませるような設定が必要なのでしょうか? ソフトはDW CS4を使っています。 どなたか、CSSの達人さま、教えてくださいませ。 お願い致します。

  • CSSでのメニュー作成

    お世話になります。 HTMLなどの知識は殆ど無いのですが、これからホームページを作る勉強をしようと思っています。 そこで質問なのですが、CSSを使って下記のページのメインビジュアルのようなメニューを作る事は可能ですか? http://www.mediafactory.co.jp/ ここのジャンル毎に画面が右からヒョイヒョイ出てくるようなものを作れたら、と思ってるのですが・・・。 やり方なども教えていただけると大変ありがたいです。 よろしくお願いいたします。

    • 締切済み
    • CSS
  • XHTML+CSSコーディングについて

    個人のホームページを作成していますが、 SEOを考慮し、XHTML+CSSでトップページのみ作成し、サブページはHTMLで作成しようと考えております。 トップページとサブページでXHTML+CSSとHTMLとで違う構築の方法だとSEO上逆効果とかありますでしょうか?

    • ベストアンサー
    • HTML
  • ホームページの作成について

    こんにちは。よろしくお願いします。 現在ホームページを作成しているのですが、フレームを使用すると、いろいろと問題があるようなので、フレームを使用せずにホームページを管理していきたいと思っています。 イメージとしては、トップ画面の同じデザイン(スタイル)を使用していきたいので、左にメニューバー、右側に情報を掲載させていくよう考えています。トップページをテンプレートとしてページを作成していくと、左のメニューバーにコンテンツを増やすと、すべてのページにコンテンツを一つずつ付け足していかないといけません。これでは、今後かんりしていくのに不便なので、スタイルシートのようなものを使用して、コンテンツを増やすと、すべてのページにコンテンツを増やすことができているっていうのは無理でしょうか? HTML等のレベルは、ホームページビルダーを使用して作成しているので、ほんの基本的なことしかわかりません。参考のページ等ありましたら教えてください。よろしくお願いします。

  • 左メニューをCSSで固定したい

    左メニューを固定しスクロールはメイン部分のみするページをHTMLとCSSで作っています。 固定自体はできたのですが、私が作っているページのメニューの項目が多すぎて、メニュー部分を固定するとブラウザ内に入らない下の方の項目が見えなくなってしまいます。 これをフレームを使わずに作ることはできないでしょうか? できればカクカクしないようなメニューが作りたいです。 ■■■■■■■■■■■■■ ■menu  ■ main      ■ ■      ■          ■    ■       ■          ■ ■      ■          ■ ■■■■■■■■■■■■■ ・メニュー部分は固定だが、一番下の項目が見えるまではスクロールできる ・メニューが一番下までいったらメニューはそこで固定してメイン部分だけスクロール 【HTML】 <div id="main"> メインの内容 </div> <div id="menu"> <ul> <li>メニュー1</li> <li>メニュー2</li> <li>メニュー3</li> <li>メニュー4</li> ・・・・(26項目) </ul> </div> 【css】 #main{ float:right; } #menu{ width:160px; position:fixed; _position:absolute; top:30px; left:0px; }

    • ベストアンサー
    • HTML

専門家に質問してみよう