Dreamweaver上で、背景の領域にリンクを張りつつ、オンマウスで背景色を変更する構造を組む方法。

質問

現在Dreamweaver CS3を使用してWEBサイトを制作しております。

任意の領域の背景色を設定して、その上にテキストを記入した状態で、その背景領域全域にリンクを張り、
オンマウスした際に背景色を変化させるような構造を作りたいと考えております。

下記の様に、ソースでは希望通りの動作を組むことはできたのですが、その設定を行うページ箇所が膨大なのと、
その作業内容を他者に引き継が無くてはならないため為、可能であればDreamweaver上の機能を使用して簡易に行えたらと思っております。

ソースに関する知識は若干はあるのですが、逆にDreamweaverの使用方法については殆ど理解できていないため、
ご存知の方がいらっしゃいましたらお教えいただけませんでしょうか。

宜しくお願い申し上げます。

【html】

<ul class="test4-1-1">
<li><a href="http://○○○.com/">○○○</a></li>
</ul>

【css】

.test4-1-1 {
width: 200px;
margin: 0;
line-height:2;
font-size: 14px;
}

.test4-1-1 li{
list-style: none outside;
}
.test4-1-1 li a {
text-decoration: none;
width: 100%;
display: block;
padding-left: 20px;
background: #FCF;
}
.test4-1-1 li a:link {
color: #969;
}
.test4-1-1 li a:hover {
color: #FFF;
background: #CCF;
}
.test4-1-1 li a:visited {
color: #C9C;
}
.test4-1-1 li a:active {
color: #F00;
}

回答No.1

noname#119957 · ベストアンサー

■dreamweaverでＣＳＳを操作する方法。
ＨＴＭＬ側で、class="test4-1-1"をクリックすればＣＳＳエディタが開きますので、それで、ＣＳＳを書けばいいです。
ＣＳＳに関しては、ＣＳＳの知識を学習してもらえばいいです。ソースコードも直接編集でき、その際はコードヒントまで表示してくれます。

■ＣＳＣで背景を入れ替えたいなら、background-image:url();
を指定すればいいです。

お礼

ご教示いただきました方法で設定してみます。

ご回答いただきまして、誠にありがとうございました。