WEB業界で働く人や興味がある人に役立つ情報サイト“qam（カム）”

投稿者： かじかじ
カテゴリー： マークアップ >作業効率化

便利なHTMLエディタは色々ありますが、Dreamweaverにも様々な便利な機能が備わっています。
今回は知っておくと便利なDreamweaverの機能をご紹介いたします。

サイト全体のリンクチェック

「サイト」→「サイトオプション」→「サイト全体のリンクチェック」を選択します。

「破損リンク」「外部リンク」「単独ファイル」の3つの結果が表示されます。

• 破損リンク・・・リンク切れしている箇所が表示されます。
• 外部リンク・・・名前の通りですが、外部リンクが表示されます。
• 単独ファイル・・・他からのリンクがないファイルが表示されます。

コードの整理

「編集」→「コード」→「ソースフォーマットの適用」からソースコードを綺麗に整えることができます。

クイック編集

HTMLコード上で、編集したいタグやクラス・IDにカーソルを合わせたままCtrl+E（MacはCmd + E）をクリックするとHTMLを開いたまま付随するCSSの編集が可能です。

スニペット

詳しくは下記の記事でご紹介していますので、ご覧ください。

https://www.qam-web.com/?p=19054

おまけ

ショートカットキーを覚えるだけで、かなり時短につながると思います！
覚えると便利だなと思うショートカットキーをご紹介いたします。

Ctrl + 1～6	見出しタグ<h1>～<h6>
Ctrl + Shift + P	段落タグ<p>
Shift + Enter	改行<br>
Ctrl + /	コメントアウト
Ctrl + T	選択範囲を任意のタグで囲う
Ctrl + D	複製

まとめ

一度覚えて使いこなせるようになると時短につながるものばかりですので、ぜひ使ってみてください！