Q and Aの最近のブログ記事

245ページでカラーを「#313fof」に設定する箇所がありますが、次のようなエラーが出てしまいます。というご質問をいただきました。

「#313fof」は有効な色の値ではありません。標準色名もしくは16進数値（#RPGGBB）を入力してください

「#313fof」の右から2番目は「o」（オー）ではなく、「0」です。 カラー指定に使える文字は、0-9、a-fの16文字（0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F）です。

たとえば、次のようなMTタグなどがソースコードにある場合、

<a href="<MTEntryPermalink>"><MTEntryTitle></a>

［コマンド］→［XHTMLのクリーンアップ］を実行すると、次のように<、>、"などがエンコードされてしまいます。

<a href="&lt;MTEntryPermalink&gt;"><MTEntryTitle></a>

これを回避するには、［XHTMLのクリーンアップ］を実行する前に、環境設定の［コードの書き換え］カテゴリ内、［特殊文字］の［&を使用して属性値の<、、>、&、"をエンコード］のチェックをはずしておきます。

次の質問をいただきました。

ドキュメントツールバーの「関連ファイル」に参照しているはずのCSSファイルが出てきません。［CSSスタイル］パネルから［コードへ移動］を実行しようとしても、該当するコードにジャンプしません。複数のサイトを管理しており、サイトによっては問題ないのですが…

DreamweaverはCS4以降、ドキュメントツールバーに、そのHTMLファイルが参照しているCSSファイルやJavaScriptファイルが一覧表示されます。

「screen.css」が参照している「reset.css」、「base.css」が関連ファイルが、次のように表示されない場合、［コードへ移動］を使うことができません。

これを回避するには、サイトを管理しているローカルルートフォルダーまでのディレクトリ（フォルダ名）を確認してみてください。「作業フォルダ」など、日本語を使っている場合にこのような現象がおきます。

なお、Macの場合、「書類」フォルダは、そのままで問題ありません。その階層より下のフォルダ名をご確認ください。

226ページの「header-menu-home_on.gif」は「header-menu-home.gif」の誤りでは？というご指摘をいただきました。結論からいうと、このチュートリアルでは「header-menu-home_on.gif」が正しいです。

作例しているページは、トップページのため、ホーム=現在位置です。そのため、ほかのナビゲーションボタンとは少しだけ異なる処理にしています。

そういう意味では、その後、テンプレートに変更する過程で、「header-menu-home_on.gif」は「header-menu-home.gif」に変更しておく必要があるので、この時点でご指摘通り変更しておくのがベターかもしれません。

なお、たとえばjQuery+yuga.jsを利用すれば、リンク先が現在位置の場合には「_cr」がつく画像に自動で差し替えることができますので、実際には、その方法を使って実装するのが今的なアプローチであるといえます。

S.Tさん、ご指摘ありがとうございました！

そんなことはありません。

もちろん、バージョンが上がるごとにDreamweaverは進化していますが、便利なことが増えたというレベルで、ワークフローが変わるようなDreamweaverのコアの部分は何も変わっていません。

ご参考までに、CS5/CS4のみでしか実現できないのは次の機能です。いずれもPART 3のチュートリアルを進めるには、なくてもまったく問題ありません（サイト定義はUIが異なるのでpp.044-045を参照してください）。

Dreamweaver CS5しかない機能（または変更された機能）

• 簡単なサイト定義（UIの変更）
• CSSインスペクト（ライブビュー実行中にFirebug的なデバッグ作業を行う）
• BrowserLabとの連携（ローカルファイルも対象に）

Dreamweaver CS4以上

• ライブビュー（もうひとつのデザインビュー、WebKitを搭載）
• コードナビゲータ（対応する要素に対するCSSルールにスピーディにジャンプ）
• 関連ファイル（HTMLがリンクしているCSSやJavaScriptファイルをドキュメントツールバーに一覧表示し、クリックして編集可能）
• Subversionのサポート

一般企業のWeb担当の方から「テーブルレイアウトからCSSレイアウトに切り替えたいのですが、どこから手を付けたらよいでしょうか？」という質問をいただきました。

まず、テーブルレイアウトは「悪」ではありません。特に、一般企業のWeb担当者ということでしたら、重視すべきはメンテナンス性です。

CSSレイアウトに切り替えたとき、担当が変わっても更新が可能なワークフローを作ることが重要です。

p.234ページの手順で4の図版内にて、［アプリケーション］内に「Firefox.app」が表示されていますが、これはMacのみです。Windowsでは「Firefox.exe」を選択してください。

Firefoxに限らず、アプリケーションについている拡張子はMacでは.app、Windowsでは.exeです。

［閉じタグコメントを挿入］拡張機能（p.060）や、HTML5 Pack（p.188）、また、Dreamweaver CS5でバリデート機能を復活する拡張機能などをインストール後に、メニューバーが文字化けしてしまうことがあります。

この場合には、一度、それぞれのユーザーの「Configuration」フォルダーを捨ててから、Dreamweaverを再起動してみてください。

Dreamweaverがインストールされているフォルダーと同じ階層にある「Configuration」フォルダーを捨ててしまうと、Dreamweaverが起動しなくなりますのでご注意ください。

「Configuration」フォルダーの場所については、p.035に掲載されています。またはWebページ制作の効率をUPするためのカスタマイズ | デベロッパーセンターをご覧ください。

• Macromedia - Dreamweaver ドキュメント : Configuration フォルダ

追記（2011年9月21日）：

「Configuration」フォルダーを丸ごと捨ててしまうと、すべての拡張機能がオフになってしまいます。メニューバーだけの文字化けであれば「Configuration」フォルダー内の「Menu」のみを捨ててからDreamweaverを再起動することで直ります。

• Dreamweaverのメニューが「文字化け」してしまった時の対処法｜DESIGN Oil BLOG

Mac版のInternet Explorerなど、すでに開発元から配布が終了してしまっているブラウザーもあります。古いブラウザーを入手したい場合には「browser archive」が便利です。

ブラウザーのほか、iTunesなどの古いアプリケーションをダウンロードできるOld Version Downloads - OldApps.comもあります。

CSSのコメントは「/*」ではじまり、「*/」で終了します。 これを一括で削除するには、［検索および置換］ダイアログボックスで正規表現にチェックをつけ、検索フィールドに次のように入力します。

/\*.*?\*/

［すべて置換］をクリックすれば、一括削除することができます（もちろん、［置換］ボタンをクリックして順番に削除していくことも可能）。

「*」は正規表現のメタ文字のため、「\」（バックスラッシュ）をつける必要があります。

たとえば、Dreamweaverに用意されているCSSレイアウトのテンプレートやSpryフレームワーク内のCSSファイルに（ごっそり）入っているCSSコメントを削除するときに役立ちます。