dreamweaverをご使用の方に、ロールオーバーについて2点。

質問

よろしくお願いします。

今までタグの手打ちでいくつかのサイトを作ってきましたが、効率化を目指してdreamweaverの体験版をダウンロードしてみました。慣れないので余計に時間がかかりますが、便利なこともわかってきました。

現時点で気になるのが、画像でのロールオーバーについてです。はじめは便利だなー、と喜んでいたのですが、2点、疑問が出てきました。

１）マウスアウトをしても、マウスオンの画像が残ってしまいます。dreamweaverをお使いのみなさんは、これにどう対処していますか？

２）タグがものすごく長いです。head内のものは別ファイルにできますが、各画像についての記述も長いですよね。みなさんは、dreamweaverのロールオーバー機能を利用していますか？　その際はどのようにタグの書き換えをしていますか？　それとも、このような部分に関しては手でタグを打っているのでしょうか？

ご回答お待ちしています。よろしくお願いします。

回答No.1

神崎 渉瑠（@taloo） · ベストアンサー

> １）マウスアウトをしても、マウスオンの画像が残ってしまいます。dreamweaverをお使いのみなさんは、これにどう対処していますか？
スワップイメージをセットするときに、「onmouseoutで元に戻す」みたいな感じのチェックボックスがあるので、それにチェックをつける。
または、onmouseoutに「スワップイメージの復元」ビヘイビアを追加。

> 各画像についての記述も長いですよね。
Dreamweaverは古いブラウザをサポートした書き方をしているためです。

> みなさんは、dreamweaverのロールオーバー機能を利用していますか？
スタイルシートのa:hoverセレクタ（擬似クラス）でbackground-imageを変更することが多いですが、
アンカー（リンク）でない部分ではDreamweaverのスワップイメージを使ったり、
独自（自作）のライブラリを使える場合は独自のライブラリを使います。
Dreamweaverを使いこなせていない、という言い方も出来ますが。

>　その際はどのようにタグの書き換えをしていますか？　それとも、このような部分に関しては手でタグを打っているのでしょうか？
基本的には無視ですね。
オーサリングソフトのメリットは、ソースコードを見なくても作れることですから、ソースコードは見る必要はありません。
見る必要のない物を修正する必要はありません。

一応、画像やテーブルのwidth、heightやborderは、
プロパティインスペクタ（プロパティウインドウ）やタグインスペクタで編集や削除が出来ます。

お礼

丁寧なご回答ありがとうございます。　古いブラウザもサポートした書き方をしているというのは知りませんでした。　いったん別のjsに切り替えたのですが、それなら考え直そうかな・・・

「onmouseoutで元に戻す」チェックボックスには気づきませんでした。　まだまだ使いこなせていないようです。

私は今のところタグは自分で書くほうがずっとラクですが、ダウン/アップロードのお手軽さと互換性/文法チェックは完璧でないにしろ重宝しています。　購入して慣れる、というのもアリですね。　ありがとうございました。

回答No.2

神崎 渉瑠（@taloo）

Web標準やW3C推奨でもそうですが、古いブラウザは切り捨てる方向にあります。
利用者数が数えられないほど少ないブラウザはそれでよいと思いますが、
別のメリットも切り捨てているのは、個人的にはどうかと思いますけどね。

画像のwidth、height属性を書いておくと、画像の読み込み前にテキストだけを表示させたり、
テキストを表示した後で画像を表示したときにレイアウトがずれず、誤クリックを防げる、
というメリットがありますが、
パソコンのスペックもあがってきており、このようなメリットは無視されるようになってきています。
いくらパソコンのスペックが高くても、ネットワーク遅延は防げません。
OKWaveではJavaScriptを使用して、ワンテンポ遅らせてリンクがあった場所に広告を表示し、むしろ誤クリックを誘っているようですが。

スタイルシートやJavaScript関連で
古い記述しかサポートしていないもので、よく使われているのは、MacIEとIE5.0/5.5のみです。
全体の1%に満たない利用者数をどう思われるかは制作者次第ですね。

DreamweaverやGoLiveでもそうですが、
レイアウトはFireworksやImagereadyのスライスと連携しての「テーブルレイアウト」をメインにしています。
これはHomepageBuilderの標準モードやExpressionWeb（旧Frontpage）と大きく異なる点です。
DreamweaverはLynxや音声ブラウザを意識せず、グラフィカルブラウザでの閲覧を基本としています。
もちろん、Dreamweaverでテキストブラウザを意識した作り方も可能です。（若干作りづらいですが）

> いったん別のjsに切り替えたのですが、それなら考え直そうかな・・・
スクリプト次第ですね。
最新のブラウザにあわせつつ、古いブラウザでも問題なく見られる物もあります。
別途prototype.js必須などでしたら、基本的に古いブラウザは切り捨てられているとみて良いと思います。

お礼

いろいろありがとうございます。　さらに興味が出てきたので、本日教本を1冊購入しました。　マウスアウト云々の問題は、どうやらDreamweaverにだけあるわけではなく、どうやらhead内の記述も問題がありそうで、一度webについて基礎からやってみようと思い、こちらも教本を1冊。　本を読めばわかるというわけでもないのでしょうが、実践でネットで調べながら、という今のやり方だと、ところどころ穴の開いた知識になってしまっているような気がします。
Dreamweaverは購入の方向で行こうと思います。　ありがとうございました。