• ベストアンサー

こういったHPの作成法 with Dreamweaver

http://area-guerrilla.net/pc/ptop.htm (1)↑このホームページは、左側テーブル部分のTOP、TOPICS、SDHEDULE・・などを開いても、URLが変わらないのでしょうか? FLASHで、こういった感じのページは作ったことあるんですけど、コレはFLASHじゃなさそうですよね・・。 (2)↑このサイトで、左側メニューの『CREW』→『DREW NO.004の方のBlog-->』を開いたときのように、一つのサイト内の一部分を使ってで、他のサイト(この場合は魔法のアイランドの日記が出てくる)を開くようにしたいのですが・・・。 使用OSはWindowsXPで、使用ソフトはDreamweaverMX2004です。 中級者と初心者の間ぐらいの者です。よろしくお願いします。

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

  • ベストアンサー
  • sutead_02
  • ベストアンサー率46% (26/56)
回答No.3

他の人と同じ説明になりますがご容赦ください。 (1)について  ■全体はただのテーブルで出来ており、コンテンツが切り替わ   るセル部分に以下のようなタグが書いてあります。 <iframe src="初期ファイル" name="名前"></iframe>   これはインラインフレームと呼ばれる別のhtmlファイルを表   示する部分で、このサイトの場合は src で最初に表示される   htmlファイルを指定し、さらに name でこのインラインフ   レームに g-win という前を付けてあります。   (実際は高さや幅、スクロールの有無などがタグに中に記述    されています。)   そして、左にあるメニュー用のGIF画像に各コンテンツへ   のリンクが貼ってありますが、タグには以下のようにター   ゲットを指定します。   <a href="呼び出すファイル" target="g-win">   <img src="メニュ画像名" ></a>      コンテンツの表示先としてtargetにインラインフレームの名   前であるg-winを指定することで、リンク画像をクリックす   ると名前のついたインラインフレームに指定したhtmlファイ   ルが呼び込まれるわけです。 (2)について   ■インラインフレームの中は、ただの独立したWEBページ    ですので、これは単純にブログページへのリンクが貼って    あるだけなので、普通に別ページと入れ替わります。 こんな感じで解りますか? ドリの2004バージョンにインラインフレーム作成機能があればいいのですが、私はその機能のない4なのでタグで説明しましたが、説明下手で申し訳ない。

satoyan-com
質問者

お礼

回答ありがとうございます。 インラインフレームのタグの説明非常に参考になります。 とても丁寧にありがとうございました。

その他の回答 (2)

  • hime_mama
  • ベストアンサー率32% (1543/4717)
回答No.2

フレームで組んであるサイトですね。 http://iswebmag.hp.infoseek.co.jp/sample100.html ↑これの応用だと思います。 メニューはクリッカブルマップ(イメージマップ)といって、画像の一部にリンク機能をもたせてあるものです。 http://iswebmag.hp.infoseek.co.jp/sample115.html

参考URL:
http://iswebmag.hp.infoseek.co.jp/sample100.html
satoyan-com
質問者

お礼

回答ありがとうございます。 参考URL非常にわかりやすかったです。 探していたものはまさに、コレでした。

  • sanjihhhh
  • ベストアンサー率45% (134/295)
回答No.1

インラインフレームを使っています。 ソースを表示させて「iframe」を検索してください。 (2)はただ、<a href="">○</a>で外部サイトにリンクをさせておき インラインフレーム内に表示させているだけです。

satoyan-com
質問者

お礼

早速の回答ありがとうございました。 こういうのを、インラインフレームっていうのですね。。勉強になりました。 フレームについての理解もまだ曖昧だったため、この機会にしっかり使いこなせるようにします。ありがとうございました。

関連するQ&A

  • DreamWeaverでのフレーム作成

    分からなくて困ってます。教えてください。  DreamWeaverMXを使用しています。 Fireworksで縦のポップアップメニューを作成しました。  DreamWeaverでフレームを縦にニ分割して左側にメニューを挿入しましたが・・・、実際にプレビューしてみると、右のフレームの写真とポップアップ部分がダブってしまい、ポップアップのほうが写真の下にはいってしまい、表示されません。メニューを写真の上に表示したいのです。  いろいろと本を調べたりしたのですが、そのような例を探すことができませんでした。  どなたか知っている方がいらっしゃったら、教えてください。

  • ホームページ作成でCSSを使用したいのですが・・・

    左のバナーの部分だけ各ページに反映させたいのですがいまいちやり方が分かりません。 色々なサイトを参照してやっているのですがどうもうまくいかないです。 どこかにわかりやすく載っているサイトがあれば教えて下さい。 参考にしたいと思っております。 当方WinXP DreamWeaverMX 使用しています。

    • ベストアンサー
    • HTML
  • このHPに置いてあるFlashを保存したいのですが…

    こちらでキャッシュを使う方法があったので一旦ファイルを削除して わかりやすくしてからキャッシュを使用する方法で行ってみたのですが、そのファイル自体が何故か出てきません; FLASH MANIAも使ってみたのですが、ファイルが一覧になく困っています… 下のサイトのFlashです。当方動画初心者ですので何か的外れな質問をしていたらすみません! 是非よろしくお願いいたします http://allnetri.cocolog-nifty.com/blog/

    • ベストアンサー
    • Flash
  • flash movie作成に関してアドバイスお願いします。

    windowsでflash mx 2004使用しています。 flashムービーの作成の仕方でアドバイスしていただきたいのですが、 以下のサイトのフラッシュムービーでタイトルの「ウサテイ」のロゴが 左側から飛んでくる棒によって少しずつ文字が形成されていきますよね。 これはどのように作成しているのでしょうか。 マスクで通り道だけ見えるようにしてあるのでしょうか? 同様のムービーを作りたいのですがうまいやり方がわかりません。 http://shatyou.hp.infoseek.co.jp/toho5/flash-2.htm よろしくお願いします。

  • Dreamweaver でのフレーム分割についていくつか質問です。

    DreamweaverMX2004 でホームページ作成に挑戦してる初心者です。左側のフレームをナビゲーションバーにして、右側をメインにして作っているのですが、分からないことがあり、いくつか教えていただけると助かります。 1)タイトルが「無題ドキュメント」になる 左側のフレームにも、右側のメインにもタイトルを付けているのですが、アップすると「無題ドキュメント」になります。フレーム作成で作った場合、どうすればサイトに反映できるタイトルを付けられるのでしょうか? 2)フレーム部分を固定したい フレーム部のナビゲーションバーで、たとえば「プロフィール」のページに行くようクリックすると、フレームセットごと移動します。できれば、フレーム部はいったん閉じたりせずに、右側だけページが変わるように設定したいのですが、どうすればいいのでしょうか。今は、単に新規作成のときにフレームセットにして、左のフレーム部に「フレーム内に開く」でフレームを挿入しています。 3)いま開いているページの項目をわかるようにしたい フレームのナビゲーション項目(たとえば「プロフィール」とか「日記」とか)で、いま開いているのがどの項目かをフレームを見てわかるようにしたいのですが、可能でしょうか?たとえばプロフィールを開いているときは、ナビゲーションの「プロフィール」だけ色が違うようにするとか・・・。その場合、フレームをそれぞれに作らないといけないということなんでしょうか。 以上、複数質問がありすみませんが、お分かりになる方にご教示いただけると幸いです。どうぞよろしくお願いします。

  • DreamweaverでHP作成

    (1)ドリームウェーヴァーでパスワードをいれると開くページをつくれるでしょうか?他のHPを見ると.htaccessで認証…とあるのですが、簡単にドリームウェーヴァーで作れないでしょうか? (2)ドリームウェーヴァーでインラインフレームを簡単に挿入できないでしょうか? (3)よく、フォームに記入し送信ボタンを押すと、確認のページが出てきて、これで内容は良いですか?と記載されていて、もう一度送信を押すと本当に送信されます。一番最初のページはわかるのですが、ドリームウェーヴァーで確認ページはどうやって作るのでしょうか? 宜しくお願い致します。

  • HP作成はDreamweaverが一番良いかどうか

    現在、一般的に、ホームページ制作では、 Adobe Dreamweaver CS6 Windows版 http://www.amazon.co.jp/%E3%82%A2%E3%83%89%E3%83%93%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E3%82%BA-Adobe-Dreamweaver-CS6-Windows%E7%89%88/dp/B007STFQ3W が、非常に有名であります。 ちなみに現在、私は「ホームページビルダー14」(以後、HPB)を持っています。また、OSは、Windows7 64bitを使用しています。 普段、実際にホームページを作成するときは、「HTML」と「CSS」で書いており、HPBはサイト転送をする時のみに使用したりしています。 ここで質問ですが、Dreamweaverは、購入に際して、アカデミーでなはく一般の場合でも、アマゾンで、DreamweaverとHPBでは、両者の間に大きな価格差がありますが、やはりそれだけ機能の差も大きいでしょうか? また、今後、多数のホームページを作成、管理する場合は、やはりDreamweaverが無難なのでしょうか。つまり、Dreamweaverが王道で、他に選択肢はないのでしょうか? 詳しい方がいましたら、よろしくお願い致します。

  • photoshopを使ったヘッダのイメージの作り方

    photoshopを使って、下のサイトのビジネス用のヘッダの様なイメージを創るにはどうすればいいのでしょうか、、、? hotomaiのinboxlなどの上の部分にも使われていますが、よくウェブサイトのヘッダの部分やフラッシュのコンテントでグラデーションの波が重なった様なイメージになっているのですが、難しいものではなくても、ふたつ程のグラデーションの波が重なっている簡単なものでも構いません。 作り方をご存知の方、ぜひ教えて下さい。 http://ao777.blog64.fc2.com/blog-category-27.html

  • google ajax feed api

    google ajax feed api を使用してガズーブログのRSSより、他のサイトに新着トピックス表示させ自動更新したいです。 下記の参考サイトのものを利用させていただきカスタマイズしましたが、なぜか日付が表示されません。 参考サイト:http://weboook.blog22.fc2.com/blog-entry-80.html 利用RSS:https://gazoo.com/G-Blog/tam/BlogRss.aspx

  • この程度のフラッシュをつくるにはどれくらいかかる?

    フラッシュ未経験者です。 PCスキル中級程度、ホームぺージ作成はビルダー12ではありますが そこそこのページは作成することができます。 そんな私がフラッシュで以下のサイトのようなものを作りたいと 思っているのですが一から勉強し始めてこれを作り上げるために はどれくらいの期間がかかるものでしょうか? http://www.n-artics.co.jp/video/itiran.htm#viewer (DMV-441Bの部分)

専門家に質問してみよう