超便利なDreamweaverのコードナビゲータテーブルレイアウトを卒業しようこのページに掲載されている内容は、2010年に作成されたものです。CSSの記述効率に激しく差がでることは間違いなし。ドリームウィーバーCS6の使い方からWebサイトの構築まで、2日間で制作の基礎を学べる入門講座。CS4から搭載された新機能で、HTMLと関連する外部ファイル(CSSやJavaScript)の編集したい箇所を一撃で開くことができます。以上おわり...ですが、これがとてつもなく便利です。「あれ...ここのスタイルを指定してるのはどこ...?」というような問題が起きたときにもコードナビゲータを使えば一瞬で探し出すことができます。これさえあれば自分でコーディングしたページは勿論、誰かが書いたごちゃごちゃコードも怖くない...かも。クリック!以上!CSSルールが適用されている部分をAltキーを押しながらクリックするとポップアップのウィンドウが開きます。すると、そこに適用されているスタイルのセレクタがズラリと出てくるので、編集したいスタイルをクリックします。マウスオーバーすると実際のプロパティと値も見ることができるので、大量にカスケーディングしていても楽に探せます。クリックすると該当する箇所を一瞬でコードビューで開くことができます。先ほども少し書きましたが、他の人が書いたCSSや、Spryで生成されたCSSを編集するときに最高に便利な気がします。HTMLとCSSの関係性が頭に入っていますが、人が作ったページのHTMLとCSSを紐付けていくのは結構メンドクサイですよね。Altキーを押さなくても、入力カーソルを置いて2秒間マウスを動かさずにいるとインジケータというアイコンが表示されるので、これをクリックしてもOKです。Altキーのほうが素早く操作できます。このインジケータはマウスを2秒止めると常に出てくるので、邪魔な場合は、コードナビゲータを開いて「インジケータを無効にする」のチェックを入れれば出ないようになります。CS4の新機能はあまり派手さはないのですが、地味に、しかし確実に効率があがるようなものが多いですね。アップデートする価値アリアリではないでしょうか。)XHTML、CSSなどのWeb関連技術を得意とする。かぼちゃの煮物が嫌い。Twitter大切にします個人情報m-Schoolは、お客さまのプライバシーを守ります。3分コーディング超便利なDreamweaverのコードナビゲータ。