Tag Archive for 再フォーマット

Dreamweaver cs5でHTMLコードの再フォーマット

Dreamweaver cs5でHTMLコードの再フォーマットする方法。
コード中に大文字や小文字のタグが混ざっていたり、タグ事にインデントや改行がされていないと読みづらくなってしまします。また、大文字や小文字の混合タグはサーバーによってはトラブルの元になってしまうので、ドリウィの機能を使って整理していきましょう。

 

dwapplysourceformatting01

ドリウィを立ち上げて、適当に作成したファイルを開きます。このファイルはタグごとにインデントが設定されておらず、少し見づらくなっています。これからインデントを設定して見やすくしていきます。

 

dwapplysourceformatting02

dwapplysourceformatting03

先ずは【コードビュー】の左にあるメニューボタンから【ソースコードのフォーマット】ボタンをクリックし、【ソースフォーマットの適用】を選択します。

 

dwapplysourceformatting04

これでタグごとにインデントが設定され綺麗にフォーマットされました。

 

dwapplysourceformatting05

dwapplysourceformatting06

因に、【コードビュー】の左にあるメニューボタンから【ソースコードのフォーマット】ボタンをクリックし、【コードフォーマット設定】を選択すれば、コードでのインデントの使用の有無や、コードの自動折り返し、属性の大文字/小文字等を設定する事が出来ます。


%d人のブロガーが「いいね」をつけました。