カテゴリー別アーカイブ: 設定・機能

DreamWeaverでコード行番号を表示する

メニューから[表示] ⇒ [コードビューオプション] ⇒ [行番号]を選択。

これでワークスペースの左側にコードエディターの行番号が表示される。

掲載情報につきましては、当サイトが独自に調査、検証および収集した情報です。

情報の妥当性や確実性を一切保証するものでなく、情報や内容が訂正や修正、変更されている場合があります。 よって、当サイトの利用により生じたいかなる損害等についても運営側にて一切の責任を負いません。

掲載情報の修正・変更等をご希望の場合はお知らせください。

DreamWeaver コードナビゲータでコーディングの高速化・効率化

DreamWeaverでマークアップ作業中に、もはやCSSの編集なくしてホームページ作成は極めて難しいことが多いのですが、CSSセレクタの編集も、数が増えるとなかなかプロパティや値の修正に手間がかかってしまいます。

そこでプロユースのHTMLエディタDreamWeaverCS4から追加された新機能のコードナビゲータでCSSの編集を効率的にスピードアップできます。

コードナビゲータでは、HTMLソースコードの編集画面上で、
「Altキーを押しながらマウスクリック」
すると関連するCSSプロパティの一覧が表示され、ダイレクトに編集したプロパティのCSSフィアルの該当箇所を開いてくれる機能です。

CSSルールが適用されているソースコード、もしくはclassやid部分をAltキーを押しながらクリックすることで、関連するプロパティの一覧がポップアップウィンドウで表示されます。

セレクタ内容のプロパティや値、cssファイル内の記述箇所を探すのにとても役に立ちます。

ちなみにコードナビゲータを表示させたくない場合は表示されたポップアップウィンドウの右下の「インジケーターを無効にする」にチェックを入れます。

掲載情報につきましては、当サイトが独自に調査、検証および収集した情報です。

情報の妥当性や確実性を一切保証するものでなく、情報や内容が訂正や修正、変更されている場合があります。 よって、当サイトの利用により生じたいかなる損害等についても運営側にて一切の責任を負いません。

掲載情報の修正・変更等をご希望の場合はお知らせください。

Dreamweaverのリンク切れチェック機能の活用

アンカーテキストのリンク先がない場合、いわゆるリンク切れのときにはいくつかのデメリットがあります。

・顧客に注意を受ける
・検索エンジンからの評価が微妙に低くなる
・閲覧ユーザーをがっかりさせる

など。

リンク切れのチェックはDreamweaverを利用しての一括チェックが便利です。

リンク切れのチェック方法は以下です。

まず対象のサイト定義を開いたら、メインメニューの[ファイル]から[ページチェック]→[リンク]をクリックし、リンクチェックウィンドウを開き、再生ボタンのようなボタンがあるので、リンクチェックの範囲を指定してチェックします。。
もしくはタブグループの[リンクチェック]タブを選択しウィンドウを開く方法があります。

ショートカットはShift+8で、自動的にサイト定義全体のリンクチェックがはじまります。

掲載情報につきましては、当サイトが独自に調査、検証および収集した情報です。

情報の妥当性や確実性を一切保証するものでなく、情報や内容が訂正や修正、変更されている場合があります。 よって、当サイトの利用により生じたいかなる損害等についても運営側にて一切の責任を負いません。

掲載情報の修正・変更等をご希望の場合はお知らせください。