ホームページビルダー15　テンプレートの編集

締切済

質問者：azumakengo
質問日時：2011/07/16 20:14
回答数：3件

ホームページビルダー15で自社のホームページを作成しています。
８月下旬までに完成させろとの社長命令により
CSSプロフェッショナルテンプレートを使用しております。
初心者の為、HTMLやCSSの入門編参考書を読みながらの作業で、
なんとか、おおまかな所までは完成させられそうなのですが、
どうしても乗り越えられない壁ができました。
それはメニューリストをプルダウン化させることです。

自分なりにいろいろ調べてはいるのですが、
いまいち理解できません。
例えば、某掲示板で私と同じ質問があり、
回答者の方が　

http://html.datura.jp/2009/07/pulldown.html
を参考にして、CSSをコピーしてメモ帳に貼り付け→名前を保存→menu.css
menu.cssファイルをホームページフォルダ内に移動する

スタイルシートマネージャを起動→外部スタイルシートの追加→menu.cssを指定

これでhtmlファイル内に
<link href="menu.css" rel="stylesheet" type="text/css"> が追加され、
CSSファイルがリンクとして呼び込まれます。

と回答し、質問者の方が「助かりました！」と納得されております。
ところが、私も同じようにしてみたところ
何も変わりません。

私の勉強不足もあるのだと思いますが、
そこから何かを変えたりしなければならないのでしょうか？
ちなみに私は、言われたままにしているのですが…

なんとか、テンプレートのHTMLとCSSをいじって
プルダウン化を実現させたいです。
少し時間もなく、焦って質問させていただきました。

できれば、手順を追って、細かく教えていただけますと助かります。

ご面倒かと思いますが、何卒よろしくお願い申し上げます。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

最新から表示
回答順に表示

No.3

回答者： DrFell
回答日時：2011/07/20 19:43

ファイルをまとめるとこんな感じ。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml" id="sixapart-standard" xml:lang="ja" lang="ja">
<head>
<STYLE type="text/css">

</STYLE>
</head>
<body>
<ul id="pulldown-menu">

<li><a href="#">検索エンジン</a>
<ul>
<li><a href="http://www.yahoo.co.jp">Yahoo!</a>
<ul>
<li><a href="http://image-search.yahoo.co.jp/">画像検索</a></li>
<li><a href="http://search.yahoo.co.jp/video">動画検索</a></li>
<li><a href="http://blog-search.yahoo.co.jp/">ブログ検索</a></li>
<li><a href="http://map.yahoo.co.jp/">地図</a></li>
</ul>
</li>
<li><a href="http://www.google.co.jp">Google</a>
<ul>
<li><a href="http://images.google.co.jp/">画像検索</a></li>
<li><a href="http://video.google.co.jp/">動画検索</a></li>
<li><a href="http://maps.google.co.jp/">地図</a></li>
<li><a href="http://news.google.co.jp/">ニュース</a></li>
</ul>
</li>
<li><a href="http://www.bing.com/">Bing</a>
<ul>
<li><a href="http://www.bing.com/?scope=images">画像検索</a></li>
<li><a href="http://www.bing.com/?scope=video">動画検索</a></li>
<li><a href="http://www.bing.com/?scope=news">ニュース</a></li>
<li><a href="http://www.bing.com/maps/">地図</a></li>
</ul>
</li>
</ul>
</li>

<li><a href="#">SEO</a>
<ul>
<li><a href="#">URL登録</a>
<ul>
<li><a href="http://submit.search.yahoo.co.jp/add/request">Ya …
<li><a href="http://www.google.co.jp/addurl/">Google</a></li>
<li><a href="http://www.bing.com/docs/submit.aspx">Bing</a></ …
</ul>
</li>
<li><a href="#">カテゴリ登録</a>
<ul>
<li><a href="http://dir.yahoo.co.jp/">Yahoo!</a></li>
<li><a href="http://www.google.co.jp/dirhp">Google</a></li>
</ul>
</li>
<li><a href="#">更新を通知</a>
<ul>
<li><a href="https://siteexplorer.search.yahoo.co.jp/">Yahoo! …
<li><a href="https://www.google.com/webmasters/tools/">Google …
<li><a href="http://www.bing.com/webmaster/WebmasterManageSit …
</ul>
</li>
</ul>
</li>

<li><a href="#">Validation</a>
<ul>
<li><a href="http://htmllint.itc.keio.ac.jp/htmllint/htmllint … HTML</a></li>
<li><a href="#">W3C</a>
<ul>
<li><a href="http://validator.w3.org/">HTML</a></li>
<li><a href="http://jigsaw.w3.org/css-validator/">CSS</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<br style="clear: both;" />
</body>
</html>

ｃｓｓを外部ファイル化するなら
<STYLE type="text/css">～</style>の～の部分をmenu.cssというファイルにする。<head>内に
<link href="menu.css" rel="stylesheet" type="text/css">
を入れるです。

- 0
- 件

通報する

No.2

回答者： Z31
回答日時：2011/07/17 02:01

次のサイトの「JavaScript編」を参考にしてみてください。

http://www.wsb.jp/hpb/

この回答への補足

Z31様

夜分の回答、恐れ入ります。
私はJava　Scriptの事に関しては無知で、
出来るかどうかはわかりませんが、
来週、出社した際には是非チャレンジしたいと思います。
頑張ります！

補足日時：2011/07/17 07:36

通報する

- 0
- 件

通報する

No.1

回答者： siotan88
回答日時：2011/07/16 21:42

　メニューリストをプルダウン化とは、プルダウンメニューからのリンクのことですね。

ＨＴＭＬソースタブからＨＴＭＬ編集をするとできます。

　次のサイトにサンプルが示されていますので、アレンジしてみるとよいでしょう。
ぜひ、お試しください。

参考URL：http://yume.hacca.jp/koiki/link/link14.htm

この回答への補足

siotan88様、迅速な対応、恐れ入ります。
私の言葉足らずな部分もあるのですが、
プルダウンではなく、正しくは「ドロップダウン」でした。
（メニューにカーソルを持って行くと、サブメニューが垂れ下がるようなやつです）。
しかし、このプルダウンの作り方も今後は参考になると思います。
ありがとうございます。
もし、お時間あるようでしたら、「ドロップダウン」のやり方も
お教えいただけたらと思います。
お願いします。

補足日時：2011/07/17 07:34

通報する