意外と知らない?Dreamweaverのショートカットキー2013-06-04Webデザイン前回の続編で、今回は、Dw(Dreamweaver)のショートカットを紹介していきます。これを知っているといないでは、スピードに、倍以上の差が出るんじゃないでしょうか。一言、言っておきましょう。これを見れば、Dwのショートカットを完全網羅できます。!嘘じゃないです!騙されないつもりで読んでください(騙されたと思って~というフレーズは、個人的に大嫌いです)。使うであろうショートカット~HTML編~さぁ、さらっと紹介していきますよー!h1等の見出しタグを爆速作成Dwの画面で、テキストを入力して、「ここh2にしたいなー」っていうとき、いちいち、括弧→h2→閉じ...なんて打ってたら、けっこうストレスです。そこで、画面のように、まず、選択します。矢印キーを使いこなせるようになると、更にラクに選択できます。これについては、説明が非常に面倒なので、割愛させていただきます。選択で思い出したので、豆知識コーナー的な感じで紹介ます。いくつもWebサイトを作っていると、意外と悩むのが、id名やclass名。メインコンテンツのidを、「メインコンテント」としたいとき、main-contentmain_contentまぁ、他にもmainContent等の書き方もありますが、上記2つがあるとして、あなたはどっち派ですか?「どっちでも変わんないよ!」と思う方もいらっしゃると思いますが、これ、かなり違うんです。選択範囲がそこで切れます。半角英数字と一緒に選択されます。見た目が違うだけで、こういった違いがあります。これを知っておくだけでも、記号の使い方がまた変わってくるんじゃないでしょうか。話が逸れたので、本題に戻ります。「よいしょ、よいしょ。「どぅあっー!お前じゃないよ!!!」で、仕方ないから消してもう一回打ち直すと、コードヒントが出て来なーい!なんてフラストレーションに遭遇したことってありますよね。これ、実は、すぐに出せるんです。スペースで、いつでもどこでも、コードヒントを出すことができます。htmlでも一緒で、このキーで、途中で消えてしまったコードヒントを出すことができます。