WEB部ログ

WEB部メンバーの勉強用ブログです。

WEB部メンバーの勉強用ブログです。

Dreamweaverで簡単にソースコードの字下げをする方法

1年の森本です。今回は簡単にソースコードを字下げすることができるDreamweaverの機能を紹介します。

  1. 上のメニューの「コマンド」をクリック
  2. ソースフォーマットの適用」をクリック

これだけの操作でソースコード全体に、階層を考慮した字下げの処理ができます。

また、初期設定の字下げ幅は2スペースになっているので、Tabキーと同じ字下げ幅にしたいときは

  1. 上のメニューの「編集」をクリック
  2. 環境設定」をクリック
  3. インデントの項目に「1」を入力、単位を「タブ」に変更

といった手順で設定することができます。

この機能では、divタグ前後の改行の有無を細かく調整することはできないのですが、私は前回の計測で、時間が足りずきちんと字下げをしないまま提出になってしまったので、そういったときの緊急措置として使いたいと思いました。

 

参考サイト

Dreamweaverを手放せない10の理由 | アライドアーキテクツのクリエイターブログ