- ベストアンサー
サイトの構築方法を教えてください
- 初心者が自分の思い通りのレイアウト、サイトの構築に難儀しています。フレームを使うことを避けたいが、ページごとに編集するのは困難です。
- CSSを利用してサンプルテンプレートから作成しましたが、編集ミスが元に戻せず苦戦しています。
- どのようにすればリンクメニューからメインの個所だけが変わり、他の部分は固定できるでしょうか？サイトの構築方法を教えてください。
- tikkys530
- お礼率41% (93/225)
- ホームページ作成ソフト
- 回答数4
- ありがとう数2
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
下記のHTMLにCSSで指定していけば、出来るはずですが。 尚、コピペするなら、「」で囲んだ部分は削除してください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>サイトタイトル</title> </head> <body> <header>「ここがヘッダー」 <hgroup> <h1>サイトタイトル</h1> <h2>サブタイトル</h2> </hgroup> <p><img src="xxx.jpg" alt="画像の解説"></p> </header> <nav>「←ここがナビ」 <ul> <li><a href="＊">PAGE1</a></li> <li><a href="＊">PAGE2</a></li> <li><a href="＊">PAGE3</a></li> <li><a href="＊">PAGE4</a></li> </ul> </nav> <div id="container"> <aside>「サイドバー＝サイト全体の関連補足」 <p></p> </aside> <section> <article> <h1></h1> <h2></h2> <p></p> </article> <aside>「メインコンテンツ内の関連補足」 <h1></h1> <p></p> </aside> </section> </div> <div class="clear"></div> <footer> <p>フッターの文字</p> </footer> </body> </html>
その他の回答 (3)
- nana_coco
- ベストアンサー率66% (56/84)
こんにちは。 ページが何枚もあるサイトの場合、毎回共通部分を変更すると確かに大変になりますよね。HTMLでの作成はそこが不便ですよね。 それを可能にしたのがフレームだったのですが、質問者様がおっしゃってるようにフレームはやめた方がいいでしょう。 質問者様の契約しているサーバーがPHPが使えればPHPがいいかな？（レンタルサーバー要確認） 詳しく説明してくださっている参考ページのリンク貼りますね http://benri-tools.net/contents.php?code=kyotu_menu PHP使えない場合はJavaScriptでもどうにかになります。 説明してくださっている参考ページのリンク貼りますね。 http://ri-mode.com/rainbow/2012/09/02/common_header_js/
- 鎌田 裕二（@yu2kama）
- ベストアンサー率62% (41/66)
フルＣＳＳテンプレートからはじめるのが近道だと思います。
- ゆでこちゃん（@ap3824）
- ベストアンサー率44% (23/52)
がんばってJavaScript覚えてみませんか？ ご所望のページが作れます。 簡単に実装したければ「jQuery UI」で検索してみてください。 jQueryは広く知られているので検索にもよくひっかかりますから、 がんばれば使いこなせますよ＾＾ｖ たとえばご質問の件に関しましては ボタンクリックで中央の領域の内容をajaxで通信してひろってくるとか。 （スマホでも使えます＾＾＠） あとは先に紹介したjQuery UI のタブを使うことです。 タブ切替で表示内容を切り替えられます。便利ですよ＾＾＠ CSSいじれるなら見た目も変えられますしね＾＾ ちなみに、IFRAMEはスマホサイトと相性わるいかもしれません。 PCサイトならどのブラウザでも見れますよ。 がんばれー＾＾！
