• 締切済み

サイトの画面の分割

サイトの上と左部分がメニュー等出来ていて、次のページに行ってもそこは固定されていて変わらず、残りの部分だけが新しくなるデザインのサイトの場合、その変わる部分にFC2のショッピングカートのページを丸ごと組み込みたいのですがどうすればいいですか?

  • HTML
  • 回答数2
  • ありがとう数0

みんなの回答

  • abacabu
  • ベストアンサー率37% (250/663)
回答No.2

趣味でHPを作成している者です。 NO,1さんの回答でほぼ完璧ですが、補足を少し。 まず 「その変わる部分にFC2のショッピングカートのページを 丸ごと組み込みたい」 との事ですが、これは一応著作物ですので製作者に許可を貰うか、 ページ内にOKが記述されていれば問題ないでしょう。 フレームは表示しないブラウザがあるので フレームの様にサイトの上と左下にメニューと 右下にインラインフレームをお勧めします。 その画面分割自体はCSS(スタイルシート)で作成します。 段組み(だんぐみ)で検索すると色々ヒットすると思います。 が参考までに書きます。 style.cssという外部スタイルシートファイルを作る html{ overflow:hidden; ←全体にスクロールバーが出るのを阻止 height:100%; } body{        ←画面表示を全ブラウザで100%表示 height:100%;     見た目の違いを解消 width: 100%; } #wrapper{      ←段組みスタート width:760px; } #header{ height:70px; } #container{ position:relative; margin:10px 0; width:100%; } #right{ overflow:auto; margin-left:190px; width:570px; height:400px; } #left{ position:absolute; left:0px; top:0px; width:180px; height:400px; } ここからがHTMLファイルです。 インラインフレームはTransitionalで宣言します <!DOCTYPE html PUBLIC"-//W3C//DTD HTML4.01Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <title></title> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" type="text/css" href="style.css"> </head>      ↑これは外部CSSを呼び出してます <body scrool="no">   ←念のためこちらでもスクロール解除 <div id="wrapper"> <div id="header">ここにヘッダー(上部分)内容記述</div> <div id="container">   ←ここがした2個始まり <div id="right"><iframe src="最初に表示させるURL" width="570px" height="400px" name="sub" scrolling="auto"></iframe></div>   ↑ここが右下インラインフレーム <div id="left">ここにメニュー(左下)部分を書く 例:<a href="お好きなURL" target="sub">表示される名前</a>              ↑iframeにターゲット指定しています。               これにより右側に表示されます </div> </div> </body> </html> こんな感じです。 やってみて下さい。私もこんな感じのレイアウトですので 殆どコピペで書けたので楽でした。

  • youtube
  • ベストアンサー率50% (16/32)
回答No.1

インラインフレームを使うか、フレームページにしてそのFC2のショッピングカートやらのページにリンクすればいいんじゃないですか?

参考URL:
http://www.tagindex.com/html_tag/frame/index.html

関連するQ&A

  • サイトのデザインについて

    サイトのデザインについて 上にロゴなどが載っている太めのライン 左側にメニューがあって、メニューをクリックすると その右側に情報が表示される、というサイト (例)トヨタのページ http://toyota.jp/carlineup/index.html などの企業のページなどでよく見かけます。 情報の表示される右側の部分は表(の中に)で作られているのでしょうか さきほどからマネして試行錯誤しているのですが 表だと上から文章を書くことが出来なくて (Enterをたくさん押して、下側を延ばしていくと上のほうに来ますが) 詰まってしまいました。 右のページの文章が多くなってくると 左のメニューもだんだんとずれてきてしまいます。 ソフトはホムページビルダー14を使ってます。 どうしたら上手く作れるでしょうか

  • flashで作ったショッピングサイトを教えてください

    ショッピングカートの部分がflashで作ってあるサイトを探しています。知っているサイトがあれば教えてください。

  • 既存のサイトをホームページに取り込むには

    先ほど、関連の質問をしたのですが、 再度質問させていただきます。 FC2のショッピングカートでサイトを作ったのですが、 このサイトをホームページビルダーに取り込むにはどのようにしたら良いのでしょうか? サイトのソースをコピーしてホームページビルダーに貼り付けたのですが、 意味不明な英語がたくさんかいてあって、 サイトの画像が全部出てきません。 FC2のショッピングカートのFTPサーバー名・アカウト名が分かれば、 ホームページビルダーのFTP機能で、ダウンロード出来ると思ったのですが、 サーバー名・アカウント名がどこに書いてあるのか分かりません。。。 どなたか、取り込み方をご存知の方教えていただけますか? よろしくお願いします。

  • ショッピングカートのURLを他サイトで使用する方法。

    はじめまして。 ショッピングカートのURLについてお聞きしたいのですが、現在私が使用しているショッピングカートのURLは、『http://www.独自ドメイン.net/mobile/shopdetail.html?brandcode=028000000127』となっておりまして、商品に応じて最後の数字部分が変化する仕様になっています。 この独自ドメインを他のサーバーに移管した上で、先述のショッピングカートURLをショッピングカートを使わずに、『http://www.独自ドメイン.net/mobile/shopdetail.html?brandcode=028000000127』というページを作る事は可能でしょうか? 何らかの手段をご存知の方がおられましたら、どうかご教授下さいませ。

  • レンタルのショッピングカートについて教えてください

    現在ネットショップを始めるためDreamweaverCS3でサイトを作っています。 ショッピングカートをCGIかレンタルのカートかで悩んでいたのですが今のところレンタルにしようと思います。 そこでレンタルのカートと言ってもたくさんあるのでどれを選べばいいか悩んでいます。 希望としては ・独自ドメインが使える。 ・商品ページのデザインやレイアウトが自由に出来る。 ・携帯サイト用のページを自動で変換してくれる。 ・SSL通信対応。(決済は代引きしか使いませんが信用のため) ちなみに携帯用のページも既に作成してありTOPページでCGIを使ってPCのページと携帯のページに振り分けるようにする予定です。 特定商品取引法などのページなども作成してあります。 過去にFC2のカートを一度だけ使ったことがあるのですがあくまでもレンタルカートで使うのは商品・手続きのページだけなのでレンタルカートの特定商品取引法ページなど余計なページは表示されないようにしたいです。 サーバーもまだ借りていません。 希望に合ったよいカートがあったら是非教えてください。 よろしくお願いします。

  • FC2でこんなデザインのブログは作れますか?

    自由度が高いと言うことでFC2を選びました。 こんなブログを作りたいのですが、可能かどうかよければアドバイスお願いします。 上のタイトル部分と左右端のメニュー部分につながったイラストを載せたいです。 ブログのページを「問」の漢字にたとえると、「門」の部分にイラスト、「口」の部分に日記です。 左右のメニュー?部分は文字の裏にイラストが透けて見えるようにしたいです。 ちょっとわかりづらい説明ですみません。 よろしくお願いします。 また、もしそういう編集の説明をしているサイトがあったら教えてくれたら嬉しいです。

  • ネットショップのサイトアドレスを独自ドメインに変えたが、古いサイトアドレスが検索サイトに表示される

    FC2ショッピングカートでネットショップを作り、さらに半年前、FC2ドメインで独自ドメインを取得して、ネットショップのサイトアドレスを独自のサイトアドレスに変更しました。 が、Yahooなどで検索するといまだに、独自ドメインでない「cart.fc2.com」が含まれる古いサイトアドレスが、検索結果に出ています。 また、当店を訪れてくださる方も、古いサイトアドレスへ来てくださる方が大半です。 古いサイトアドレスを訪問しても、新しい独自ドメインのサイトアドレスを訪問しても、同じ自分のネットショップが開くのですが。 Yahooなどの検索結果を、新しい独自ドメインのサイトアドレスに変更する方法はないでしょうか?

  • フレーム分割したページの表示で困っています。

    ホームページビルダー9でホームページを作成しています。 ページを上下に2分割して上のフレームにリンクメニューを、下のフレームにメニューのリンク先を表示するように作りました。 自分のデスクトップパソコンでは問題なく表示されているのですが、試しにB5サイズのノートパソコンで表示してみると、画面全体が表示されず、上のページのメニューボタンを表示しているところが下のフレームページで隠れてしまっているのです。 下フレームは属性で自動的にスクロールバーが出るように設定しているので問題ないのですが、上のメニューは「なし」に設定しています。 ※デザイン上、表示させたくないので。 ここからが質問です。 ページを表示させた時に、ページ全体のサイズを変えても上のメニューのフレームページが常に下のフレームページの上に来るように、つまり、上のメニューページのサイズは変わらないように固定させる方法(!?)を教えて下さい。 説明がへたで申し訳ないのですが、どうぞ宜しくお願いします。

  • ネットショップ・ショッピングカートについて教えて下さい。

    自分の探している機能がついているショッピングカートが見つかりません。 ・バリエーションを選択すると販売価格と数量が自動で変わる。 このようなページです。→http://www.yugi1.com/product/19 ・メールマガジンの登録するボタンがある。 ・ページのデザインが自由にできる。 以上の機能があるサーバーを探しています。 また、下記の2つのサイトは同じショッピングカートを使っているのでしょうか?どこのショッピングカートか分かる方がいましたら教えて下さい。 http://www.cardshop-happy.com/ http://www.yugi1.com/

  • フレームを使わずに、表でHPを作ったけど(3分割)、それぞれを独立させるのは難しい?

    このようなホームページを表で作りました。 一番上の目次部分を動かさないように固定して、下の部分だけ下にスクロールして見れるようにしました。 このページは日記のページなのですが、左の白い部分は過去の日付などにしたく、右のグレーの部分は毎日の日記を書きたいと思います。きっとフレームなら左右別々に作業できるのでしょうが、表で作っているので文章を入力していくと左の白い部分もどんどん下に降りていってしまいます。これも動かさないようにするにはどうしたらいいでしょうか?