編集中のHTMLファイルの表示を切り替える
Dreamweaverでは編集中のHTMLファイルの表示ビューを切り替えることができます。
設定できる表示は、以下の3つです。
- コード
- 分割(コードとデザイン)
- デザイン
コードは、HTMLタグを、デザインはブラウザでの表示を、分割(コードとデザイン)ではし初期設定では、HTMLタグとブラウザでの表示で表示します。
↑コードでの表示例
↑デザインでの表示例
デザインでの表示はあくまでもDreamweaverのもので、実際のブラウザと表示結果が異なることが多いので、あくまでも「プレビュー」と割り切って考えたほうがいい。
↑分割(コードとデザイン)での表示例
初期設定では、コード表示は上に、デザインは下に表示されます。この表示は、編集中のドキュメントの上部に表示されたアイコンから選択できるメニューから、「デザインビューを上に表示」をコードとデザインビューを選択することで位置を入れ替えることができます。