【Dreamweaver】テーブルを組むときによく使うショートカットキー

CSS Nite の2010年ベスト10セッションに CSS Nite in Ginza, Vol.49 「バシャログ。LIVE!」 を選出していただきました。ありがとうございます！
新年早々とても嬉しくて浮かれ気味だったのですが、オフィスを見渡すと浮かれているのは自分ひとりでした。うちのスタッフはみんな感情を表に出さないタイプなのだろうか。

今回は、Dreamweaver の “デザインビュー” でテーブルを組むときによく使うショートカットキーをご紹介します。
テーブルを組むときはデザインビューを使ったほうが断然効率がよいです！

テーブルの挿入

• Ctrl+Alt+T

まずはともかくテーブルの挿入です。デザインビューのテーブルを入れたい場所で上記のショートカットキーを押すと、テーブル挿入のダイアログが出て、テーブルを挿入することができます。

セルの選択

• Ctrl+A

デザインビューで任意のセルにカーソルを移動して Ctrl+A を押すと、その部分のセル（th要素、td要素）が選択されます。
さらに、もう一度 Ctrl+A を押すと、テーブル全体（table要素）が選択されます。

もしくは、以下のショートカットキーでもいけます。

• Ctrl+[ = 親要素を選択

デザインビューの任意のセルで Ctrl+[ を押すと、まずはそのセル、もう一度押すとそのセルを含む行（tr） 、さらにもう一度押すとその行を含むテーブル（table）といった感じで、親要素を選択していけます。

なるべくキーボードだけで操作したい人にはかなり便利なショートカットです。

行や列の挿入

• Ctrl+M = 行の挿入
• Ctrl+Shift+A = 列の挿入

デザインビューなら行や列もショートカットでサクサク追加できて便利です。

任意のセルにカーソルを移動して Ctrl+M を押すと、上方向に行が追加されます。
Ctrl+Shif+A だと左方向に列が追加されます。

行や列の削除

• Ctrl+Shift+M = 行の削除
• Ctrl+Shift+- = 列の削除

不要な行や列を削除するのも簡単です。

任意のセルにカーソルを移動して Ctrl+Shift+M を押すと、そのセルを含む行が削除されます。
Ctrl+Shift+- を押すと、そのセルを含む列が削除されます。

セルのマージ

• Ctrl+Alt+M = セルのマージ
• Ctrl+Alt+S = セルの分割

セルをマージする場合は、複数のセルを選択しなければなりません。
自分が無知なだけかもしれないのですが、複数のセルの選択だけはマウスを使わないとできない？ のではないかと思われます。（行ごと選択するなら可能）
そのため、セルのマージはちょっと面倒…

セルをマージする場合は、以下のショートカットキーが使えます。

• Ctrl+Shift+]

任意のセルにカーソルを移動して上記のショートカットキーを押すと、右方向の列をマージします。
逆に、「Ctrl+Shift+[」を押すと、マージされたセルが右方向から分割されます。
列をマージ・分割したい場合はこちらのショートカットのほうが便利。

なお、「修正」メニューの「テーブル」に「行の拡大」と「行の縮小」というメニューがありますので、独自にショートカットをカスタマイズすれば、行でも同じようにショートカットでマージ・分割することができるようになります。

最後に

というわけで、Dreamweaver の “デザインビュー” でテーブルを組むときによく使うショートカットキーのご紹介でした。

Dreamweaver は、コードビューとデザインビューを上手く使い分けることができると、とても便利なツールです。