Webプログラミングに役立つ Dreamweaverの基礎知識

　Eclipseなどの開発ソフトには，プログラムコードをインデントしたり解除したりするツールが付属しています．これを使ってコードの可読性を高めることができますが，Dreamweaverにも同じ機能が搭載されています．

　エディタを「コードビュー」に切り替えると，画面の左端に図13のような「コーディング」ツールバーが表示されています．これを使えば，プログラムコードをきれいにまとめることができます．

　前述のインデント，インデント解除はもちろん，HTMLなどを含めてインデントをきれいに整えてくれる「コードフォーマット」もあります．コメントの摘要も図1 4 のように， H T M L だけではなくJavaScriptタイプなどのよくあるコメント記号を選ぶことができます．

　さらに便利なのは，HTMLの折りたたみ機能です．プログラマにとっては，デザイナ，コーダーの制作したHTMLは非常に量が多く，プログラムの可読性を損なわせる要因ですが，このHTMLを図15のように折りたたむことができます．

　これは，Dreamweaver上だけでの機能なため，ソースプログラム自体には一切影響を与えることなく，折りたたんだり広げたりすることができます．

　こうして，プログラマはデザイナの，デザイナはプログラマのコードを折りたたんでおくことで，お互いの作業に集中できます．

▼図13 コーディングツールバー．表示されていない場合にはツールバー付近を右クリックして表示しよう

▼図14 コメントの摘要．JavaScriptのコメントなども挿入できる

▼図15 ソースコードの折りたたみ．保存して，再度開いたときも再現される