メニューの作成について

このQ&Aのポイント
  • ビルダーよりもドリームウェーバーの方が好ましいのか?ポップアップメッセージは必要か?リンクはテキストかボタンか?バーは画像か?サイズの設定はどうなっているか?ファイアーワークスで作るべきか?コードの可能性はあるか?
  • メニューの作成に関して悩んでいます。ビルダーよりもドリームウェーバーの方が好ましいのでしょうか?ポップアップメッセージは必要なのでしょうか?リンクはテキストなのかボタンなのかが気になります。また、バーは画像なのでしょうか?画像の場合、サイズの設定はどうなっているのでしょうか?ファイアーワークスで作る方が良いのでしょうか?
  • メニューの作成についての質問です。ビルダーよりもドリームウェーバーの方が好ましいのでしょうか?ポップアップメッセージは必要かどうかがわかりません。リンクはテキストなのかボタンなのかが気になります。また、バーは画像なのでしょうか?画像の場合、サイズの設定はどうなっているのでしょうか?ファイアーワークスで作るべきでしょうか?コードの可能性はあるでしょうか?
回答を見る
  • ベストアンサー

メニューの作成について

毎度お世話になっております。 http://www2.waldmann.com/WGAPublisher/wltde/html/default/BNEN-5Y4999.EN.0 上記のページの上のメニュー(青と灰の混じったような色のバー) のようなメニューを作成するのはビルダーよりも ドリームウェーバーの方が好ましいのでしょうか? (別にポップアップメッセージは必要ありません。 もしポップアップを出す場合はドリームウェーバーになりますよね?) またリンクを貼ってあるのはテキストでしょうか? ボタンなのでしょうか? このバーはやはり画像なのでしょうか? 画像の場合、サイズ等が決められてくるはずですが このバーはブラウザがどんなに大きくても際限なく 伸びているように思われます。 画像であればその辺りの設定はどうなっているのでしょうか? また、イラストレーターで作るよりも ファイアーワークスで作る方が良いのでしょうか? 逆に画像でない場合は、htmlなどのコードなのでしょうか? 当方何回かこういった感じの構成のページを目指したのですが どうしても解らずボタンを作ってごまかすことが多いのです。 おわかりでしたら、教えていただけるとありがたいです。

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

  • ベストアンサー
  • Joh_Taka
  • ベストアンサー率76% (222/292)
回答No.4

難しく考えすぎではありませんか? >上のメニュー(青と灰の混じったような色のバー) >のようなメニューを作成するのはビルダーよりも >ドリームウェーバーの方が好ましいのでしょうか? そんなことはありませんよ。 HTMLでテーブルが作成できれば、ビルダーでもDreamweaverでも(余談ですが、片仮名表記ではドリームウィーバーが正式です)問題なく作成できます。 >リンクを貼ってあるのはテキストでしょうか? >ボタンなのでしょうか? 全てテキストです。 >このバーはやはり画像なのでしょうか? テーブルの各セルに背景画像を指定しています。 >画像の場合、サイズ等が決められてくるはずですが >このバーはブラウザがどんなに大きくても際限なく >伸びているように思われます。 >画像であればその辺りの設定はどうなっているのでしょうか? テーブルの幅を100%にして背景画像を設定すれば、ウインドウサイズに追従して背景画像のサイズも柔軟に適応されます。 >また、イラストレーターで作るよりも >ファイアーワークスで作る方が良いのでしょうか? GIFやJPEG、またはPNGで書き出せれば、どのようなグラフィックソフトでも問題ありません。 以下はテーブルに背景画像ではなく色を適用した記述例です。 背景画像であっても同じ事です。 (但しリンクは設定していません) ご質問のURLではJavaScriptとCSSを組み合わせ、尚かつ閲覧者の使用している各ブラウザ情報を取得して、CSSを切り換える仕組みの複雑なDHTMLとなっていますが、ポップアップリストメニューが不要でしたら類似したレイアウトは簡単なテーブルのみで作成できると思います。 サンプルはCSSで文字色やスタイル、サイズを定義して、テーブル内の文字列の折り返しを禁止しています。 また、テーブルの各セルに背景色や背景画像のみしかない場合、Netscapeでは背景色や背景画像が反映されないので、&nbsp;(&は実際には半角の&になります)を記述しています。 テキスト行の半角スペース×2も&nbsp;(実際は半角)を2つ連ねて記述しています。 <html> <head> <title></title> <style type="text/css"> <!-- .moji { color: #ffffff; font-size: x-small; font-weight: bold } --> </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="2" bgcolor="#9999ff"> <tr> <td width="100">&nbsp;</td> <td class="moji" nowrap>News&nbsp;&nbsp;|&nbsp;&nbsp;Products&nbsp;&nbsp;|&nbsp;&nbsp;Service&nbsp;&nbsp;|&nbsp;&nbsp;References&nbsp;&nbsp;|&nbsp;&nbsp;Light topics&nbsp;&nbsp;|&nbsp;&nbsp;Press&nbsp;&nbsp;|&nbsp;&nbsp;Company&nbsp;&nbsp;|</td> <td>&nbsp;</td> </tr> </table> </body> </html> &は全て半角&に置換して下さい。(ちょっと面倒ですが・・・)

cocoron24
質問者

お礼

知りたかったのはこれです!! 本当にありがとうございました!!!

その他の回答 (3)

回答No.3

ソースを見た感じでは、画像じゃなくてテキストみたいですね。 >>また、イラストレーターで作るよりも ファイアーワークスで作る方が良いのでしょうか? WEB用のメニュー作るなら、自分ならPhotoshop→fireworksって感じで作ります。 素材作りはPhotoshopの方が、作りやすいけどfireworksだとドリームウェーバーに持っていく時楽だし、fireworksでポップアップも設定できるし。 ちなみにビルダーは使った事ないです…。 ドリームウェーバーをお持ちならそっち使った方が良くないですか?? >>逆に画像でない場合は、htmlなどのコードなのでしょうか? javaかもしれないですね。あまりjavaは詳しくないので、分からないです;ごめんなさい。

cocoron24
質問者

補足

ありがとうございます。 画像ではなくテキスト、というのは プルダウンが出てくる文字のところ、ということでしょうか?

  • xyz0108f
  • ベストアンサー率39% (80/202)
回答No.2

結論から言うと、そういったソフトがなくても作れますよ。 HPビルダー使ってますが、そういうったメニューを作るような機能は無かった気がします…。 といってもバージョンによるのでしょうが。 http://www2s.biglobe.ne.jp/~club_tom/java-kouza/ja-index.htm ここの、一番下にあるメニューの「ハイパーリンク」の 一番下に同じようなメニューのサンプルプログラムがあります。 ここのプログラムではメニュー部分をテキストで行っていますが、サンプルコードの中身を見るとちゃんと画像でも表示できるようコメントが書いてあったと思います。 最近はFLASHを利用してこういった画面を作っている人も多いみたいです。

参考URL:
http://www2s.biglobe.ne.jp/~club_tom/java-kouza/ja-index.htm
cocoron24
質問者

補足

ありがとうございます。 非常にありがたいのですが 自分が知りたかったのはプルダウンのことではなく メニューバーが画像なのかコードなのか ということでした。 またご縁がありましたら、よろしくお願い致します。

noname#234311
noname#234311
回答No.1

こちらのサイトで参考になりますでしょうか? Sample2だと似たようなプルダウンメニューが出ます。 お探しのメニューの型でなかったらすみません。

参考URL:
http://www.wsb.jp/hpb/java_s/layer/ev00.htm
cocoron24
質問者

補足

ありがとうございます。 非常にありがたいのですが 自分が知りたかったのはプルダウンのことではなく メニューバーが画像なのかコードなのか ということでした。 またご縁がありましたら、よろしくお願い致します。

関連するQ&A

  • ポップアップメニュー

    Mac版ドリームウェーバーでHP作成をしているのですが、サーバーに上げる前にローカルでブラウザ(IE)で確認した時はポップアップメニューが表示されるのですが、サーバーに上げるとメニューが表示されません。何が原因なのでしょう??解る方、教えて頂きたいのですが......お願いします。

  • カテゴリータグの作成について

    毎度お世話になっております。 私はドリームウェーバーとファイアーワークスの最新バージョンを30日無償バージョンで只今使用しているものです。 これはソフトについての質問というよりも、画像の作成の仕方についての質問になるかもしれません。 例えばこのgooのページの上にある「何をお探しですか?」「ブロードバンドを検索」等5つのカテゴリーは、赤い本のタグかしおりのような画像の上に埋め込まれていますよね? こういったタグのような絵でカテゴリーを分別したいのです。 これはやはり画像を作成するようになるんでしょうか? それとも何かhtmlコードを埋め込むようになるのでしょうか? 言葉があまり上手ではなくて申し訳ありません。 どうかお解りの方がいらっしゃいましたら、よろしくお願いいたします。

  • ドリームウィーバーでテンプレートから新規でページを作成するとナビゲーションバーのポップアップメニューのリンクが切れる件

    ドリームウィーバーでテンプレートから新規でページを作成するとテンプレート内のナビゲーションバーのポップアップメニューのリンクが切れてしまいます。なぜでしょう。

    • ベストアンサー
    • HTML
  • HP作成のポップアップのメニューバーの印刷について

    ウェブのページ作成についてですが、ポップアップで別窓を立ち上げて、その小窓にメニューバーを表示させるようにしています。 が、そこの小窓メニューバーの印刷を押しても印刷をしてくれません。何が原因かおわかりになる方いらっしゃいましたら、是非教えて下さい。宜しくお願い致します。

  • Dreamweaverでポップアップメニューが・・・

     Dreamweaver8でホームページを作成しているのですが、ポップアップメニューの表示で困っています。  メニューバーにマウスポインタを合わせると下向きにポップアップメニューが表示されるようにしているのですが、メニューバーの下段にはFlashムービーがはりつけてあり、ポップアップメニューがFlashムービーの背面に表示されてしまいます。ポップアップメニューをFlashムービーの前面に表示させるいい方法がありましたら教えてください。  ちなみにポップアップメニューは「ビヘイビア→ポップアップメニューを表示ページ」にて作成。レイアウトはセンター揃えのレイアウトとなっております。  以上、どなたか解決策をご存知の方はよろしくお願いいたします。

    • ベストアンサー
    • CSS
  • ポップアップメニューの作成方法

    例えばMicrosoftのトップページの http://www.microsoft.com/japan/ のように、ポップアップメニューを画像ではなく HTML(Javascript)で表示させたいのですが、 どのような方法があるでしょうか? 画像では出きるのですが小さいフォントを使うと 潰れて見えなくなります。 参考サイトなどがあれば教えていただきたく思います。

  • Dreamwweaverでのポップアップメニュー作成について

    お世話になります。MACOS10,DreamweaverMX2004にてページを作成しております。ビヘイビアからポップアップメニューを作成したいのですが…できません。ポップアップメニューを表示させたいイメージを選択して、ビヘイビアの+をクリック。そこから「ポップアップメニューを表示」を選択すればいいだけなのでしょうが、「ポップアップメニューの非表示」以降の選択肢が薄いグレーの文字色表示で選択ができない状態なのです(選択可能なビヘイビアは黒文字表示)。イメージには無効リンク(Javascript:;)も張っています。なぜ、「ポップアップメニューを表示」が選択できないのでしょうか??

  • ポップアップメニューFireWorks

    FireWorksMXでポップアップメニューを作っています。 縦メニューですが、ポップアップエディターでコンテンツのところのテキストを改行するってできませんか? 幅をボタン画像の幅からはみ出したくないんです。 高さが変わる分には良いのですが・・・ なにか良い方法ありませんか? DWMXもありますので、そちらでも良いです。 アドバイス下さい。m(._.*)mペコッ

  • フレームでポップアップメニュー

    FWMXとDWMXでページを作っています。 ポップアップメニューのあるページをフレームでメニューバーとして作りたいのです。 例えば、上下のフレームで上フレームにメニューバー下フレームにはそれぞれ違うページのようにフレームを使用します。 なぜフレームかと言うと100ページのサイトだったとして、メニューの項目が増えた場合100ページの修正とアップロードが必要になります。このようなことが無いようなページを作りたいのです。 1つのファイルを修正したら全てのページにも自動で反映されるような…このような方法が有ればベストです。 そこで、フレームを使用する事にしました。 (他に方法があれば、フレームを使用しなくても良いです。何か方法があればこれも教えてください。) 話は戻りますが、このとき、上フレームと下フレームの境界でポップアップが隠れてしまいます。 これを回避する方法として、1つはマクロメディアのサイトを参考に見ました。 http://www.macromedia.com/jp/support/fireworks/ts/documents/fw0133.html これは、それぞれのページ全てに記述しなければならないので結局100ページの修正が必要になります。 その他Javascriptを外部ファイルにする。 という方法も試しました。 これは一見成功したと思いましたが、ポップアップメニューの表示する場所を指定する為、(下フレームページの一番上0の座標に表示する命令を書きました。)ページをスクロールした時にポップアップの内容が無くなってしまいます。 これを回避する方法があれば、それでも良いのですが… 何か良い方法を知っている方は、是非知恵を貸して頂けないでしょうか。 宜しくお願いします。 (*- -)(*_ _)ペコリ

  • ドリームウェーバーでのサーバーへのUP

     ドリームウェーバー2004Mxだと作成したページをUPしたら、その作成ページと画像がどちらもUPされますが、8のバージョンだと作成したページだけUPされて画像がUPされず、画像のみ再度UPしなければなりません。  8バージョンでも何か一括でUPする方法があるのでしょうか?

専門家に質問してみよう