• 締切済み

HP作成 1ページに複数ページを縦長に表示したい

今HPを作成しています。 知識レベルとしては若干かじってる程度です。 Topページの作成が終わり、各メニュー画面の作成に取り掛かるところです。 下記のようなページにしたく思っています。 http://www.hotakubo-seikei.com/news/ 画面を縦3つにわけ、左に画像。真ん中に文章。右にメニュー。 メニューボタンを押すと真ん中の文章がスライドして表示し、 同時に左の画像が変わるようにしたいです。 いろいろ調べたのですがよく分からなかった為、 教えて頂けないでしょうか。 よろしくお願い致します。

みんなの回答

  • akira618
  • ベストアンサー率35% (101/281)
回答No.1

回答にはなりませんが、一応手かがりにはなるかもしれません。 このページのソースを見て頂くとわかりますが、タグに下記のようなのがあります。 「<script type="text/javascript" src="/common/js/html5.js"></script>」 ここでわかるのは、javaスクリプトをhtml5の規で読み込ませる形になっています。 また、ほかにも分割するために、javaを使ってるようなので、その意味がわからないとかなり厳しいでしょう。 同じ様なことは、一部分FLASHでも可能のようです。 一番簡単なのは、フレームという手もありますが、これはあまりにも初心者すぎますね(^_^;) ただ、私でわかることはかなり難しいということです。 いずれにしても、勉強の一つとしてやるには良いかもしれません。

harusekaoru
質問者

お礼

ありがとうございます。 やっぱり簡単にはいかないんですねぇ。。。 Javaの環境構築から始めないと駄目なんですね。 フレームを使ってもいいのですが、 なんか急に普通な感じになっちゃうんで、嫌だったんですよぉ。 FLASHはiPhoneの環境だと見れないので javascriptでいい方法ないのかと悩んでましてね。 もう少し自分なりにがんばってみます!

関連するQ&A

  • HP作成でわからないこと・

    ホームページビルダのバージョン6を使っています。 このソフトじゃなくてもいいのですが、 あるレイアウトの作成の仕方を教えていただきたいのです。 (1)トップページを2分割にして、左側をメニューに、右側をパラパラかえていくようにしたいのですが、 フレームでわけますよね。そのときにindex.htmlはどうなるのでしょうか?僕がやっているのはindex.htmlを表示させて、フレームでわけると左(F1と呼びます)と右(F2)に新しいページ作成がでて、それで作っています。が、index.htmlは真っ白でいいのでしょうか? なぜか画像とかがばぐったりして、いまいちそこがうまくいきません・・ またこのような場合は、index.html と F1とF2をFTP転送するのでしょうか? うまく説明できなくてすみません。 (2) とあるHPで、F2のところが画像が後ろにあって動かず、その上に文章があるのですが、それはスクロールすると動きます。 このような画像と文章の関係はどのように作成すればいいのでしょうか? 最終的に作りたいHPを載せておきます。このようなページを作りたいからです。 お願いします。 作りたい型のHP http://saseed.fc2web.com/

  • 1回のクリックで複数ページ表示

    お世話になってます。ビルダーで縦に3分割のHPを作っています。 index.html(全画面)→TOPで(3分割)になっており、 左フレームがmenu 真ん中フレームがmain 右フレームがsubmenuです。 アドバイスをいただきたいのは、menuのボタンを押すと真ん中と右側2箇所が同時に表示変更されて なおかつブラウザのバックボタンで1回で2箇所が戻れる連動方法です。 過去ログで同じ内容の質問があり↓を参考にして5.6時間やっていたのですが フレーム形式が違うのと、恥ずかしながら私の知識の浅さでわかりませんでした。 http://www.din.or.jp/~hagi3/JavaScript/JSTips/FrameCon.htm この方法がある事を知る前は、カテゴリ別のTOPページを作っていましたが それだと更新マークを複数ページの何箇所にも付けなければならず 3分割している意味が無いような気がするので、理解できるならこの方法で表示したいのです。 途方にくれてこんな時間になってしまいました・・・。 回答をいただいた時、内容について質問するかもしれませんがよろしくお願いいたします<m(__)m>

  • ジオシティーズでページが表示できません

    ジオシティーズでページが表示できませんと表示されてしまいます。 こんにちは、ホームページ作成初心者のものです。 今、ジオシティーズでHPを作成しているのですが トップページ(フレームページ)が表示出来なくて困っています。 メニューを左、内容を右としているのですが、そのメニューの中にトップページのリンクを作ったのですが、リンクをクリックしてもページが表示できませんと表示されてしまいます。 トップページ(フレームページ)自体は表示出来てるし、他のメニューはちゃんと右に表示されるのですがトップページのリンクだけ表示できません。 開いた時はトップページとして右に表示されるのですが、リンクをクリックすると表示できません。 何が問題でしょうか? URLも間違ってないと思うのですが…あ、でもそのトップページに使用しているページをプロパティでURLを確認したらの一番最後の.htmに%22という文字が付いてましたがこれも関係あるのでしょうか? 文章がまとまらなくて申し訳ございません。 自分でも試行錯誤して頑張ってみますが、ページが表示されない何が問題かわかる方いらっしゃいましたらご教授お願いします。 カテ違いだったらすみません、HTMLで作ってます。

    • ベストアンサー
    • HTML
  • HP作成(トップページ)表示について

    初めて質問します。 Dreamweaver4j、Fireworks4、Flash5jでHPを作成しました。IEでHPを見たときにトップページが表示される時に画面がパズルみたいにパラパラと表示されます。トップページはFireworksで作成してDreamweaverに取り込んでいます。 index.htmは16KBです。画像(JPEG)が多いので圧縮しました。自分ではそんなに重たいページではないと思うのですが・・・ 分かりにくい質問ですいません。よろしくお願いします。

  • HP作成 トップページの横・縦線 テンプレートなどを消す方法を教えてください。

    よろしくお願いいたします。 HP作成ツールを使ってHPを作り始めましたが、トップページの作成で 既につまづいています。 トップページへの自分の描くイメージが強く先に進めないでいます。 1枚の画像を使い無駄な線を省き、なるべくシンプルな画面にしたいのです。 画像をアップしましたが、画像と左メニュー欄の境目、上のタイトルと その下に入れた画像との境目が細かい点線……でT字状態で区切られています。 この点線を消す方法を教えてください。 少し調べたら線は<hr>と有ったのですがソースには見当たらないのです。 コンピューターには詳しくないのだから、ツール通り進んでいけばいいものを と、自分でも思うのですが。。。すみません、どなたかお助けを!

  • topページから開いたメインページが・・

    fc2ホームページでホームページを作成しています。 初心者です。右も左も分かりません。 ”topページから開いたページ”が本来の動きをしてくれないのです。 本来の動きというのは 「topページからホームページのメイン画面に移る↓ 移ったメイン画面は二分割で左側がメニューで右側に表示される」 というものなのですがtopページから開いたメインページ内のメニューで項目を選択しても 右側には表示されずに新しくもうひとつページが開かれ、その新しく開かれたページが メインページとしての本来の動きをしてしまうんです。 ※左側のメニューは右側に表示されるようにしています。 どうしてこうなってしまうのか分かりません。それゆえ、どうすればよいのかも分かりません。 どなたか教えてください!

  • IFRAMEページ表示について

    html超初心者で相当ハマッテいます・・・。  _menu__main______  |   |       |←のようなページをIFRAME  |   |       | を使って作成し、左にmenu/  |   |       | 右にそのリンク先を表示  |   |       | させようとしています。  |   |       | menuボタンをクリックした  |   |       | ときにスクロールバーが  --------------  下りていると、次に表示されたページも同じスクロール位置で表示されてしまいます。 menuボタンをクリックしたとき、ページのトップにリンク先のページも表示させるにはどうしたらいいのでしょうか? ちなみに <a href="***.html#TOP" target="main">~</a>としてみるとスクロールが一応は上がったのですが、微妙におかしくて・・・。 どなたかご教授いただけませんか?

    • ベストアンサー
    • HTML
  • dreamweaver8 同じページにリンク

    上手く説明できないかもしれませんが、宜しくお願いします。 まず、左と右に分かれたフレームのページを作成しました。 左には縦に三行「A」「B」「C」と文字を入れ、 右には縦に長い文章のページを作りました。 左の「A」のリンクをクリックすると、右の文章の上部分 左の「B」のリンクをクリックすると、右の文章の中間部分 左の「C」のリンクをクリックすると、右の文章の下部分 に行くようにしたいのです。 こんな風に、ページをワープ(?)させる方法はありますか? アドバイスお願いします。

  • Flashを使わず動きのあるかっこいいトップページを作成したい

    自社ホームページのトップページ作成を任されているのですが かっこいいトップページになりません。 Flashを使わずにjavascriptで以下の様なトップページ作成を試みています。 http://www.kagetu.com/ 今の所、jquery.cross-slide.jsのajax?を使って画面がスライドするページは できたのですが、スライドが止まって文字が浮かび上がってまた別の画像が スライドするといったような複雑な動きができません。 どなたかここで掲載したようなホームページをjavascriptとかを使って (Flashを使わず無料のツールで)作成する 方法をご存知の方いらっしゃいましたらご教授ください。 ※コードも載せていただけると助かります。

  • フロントページ2000でのHP作成について

    今、FP2000を使ってHPを作っています。 作成画面で、たとえば画像の下に説明文を入れる場合のことです。 画像の真下にきっちり納まるように文字を書いても、それをプレビューすると文字の位置が右にずれてしまいます。(画像の左端に合わせて文字を配置しても、プレビュー画面になると文字だけ右に移動しています。) 仕方なく、文字だけを大幅に左にずらして書いています。(プレビュー画面と作成画面を切り替えて確かめながら位置の調整をしています。面倒くさいです。) そうしてやっと、プレビュー画面でちゃんと表示したい位置に文字が出ます。 市販のマニュアル本を見ても、それについては触れていません。 もしかしたら初歩的な原因なのかもしれないのですが、とにかく初心者ですので、何かアドバイスが頂けたら非常に助かります。よろしくお願いします。

専門家に質問してみよう