1. Home
  2. Computing & Technology
  3. Web Design / HTML

Customize Dreamweaver Code Format
Dreamweaver Options

By , About.com Guide

Customize Dreamweaver Code Format

Customize Dreamweaver Code Format

Screen shot by J Kyrnin

Dreamweaver writes the HTML code so you don't have to, but it's nice to have it write code that can be read by other people. This window allows you to define how you want your code to look.

  • Indent
    You can indent your code elements with spaces or tabs, or not indent at all.
  • Tab size
    When you hit the tab key, your code will indent by the number of spaces you define here.
  • Automatic wrapping
    HTML code is much easier to read if it wraps after 60-80 characters.
  • Line break type
    Set the line break type to the operating system your Web server is on. That will insure the best compatibility.
  • Default tag case
    XHTML should be written in all lowercase.
  • Default attribute case
    XHTML attributes should be all lowercase as well.
  • Override case of
    When you open a new document that wasn't edited in Dreamweaver before, you can have it convert the HTML to your preferred case automatically.
  • No break after TD
    Some people prefer their table cells to be all on one line, while others want them separated. Deselect this option if you want your table cells all on one line.
  • Centering
    The CENTER tag has been deprecated, and it's recommended that the DIV tag is used instead. The best option is to center the element itself using style sheets, but that isn't a preference here.

Once you've updated the code formating, click "OK" to save your preferences.

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. HTML Editors and Software
  5. HTML Editors
  6. Dreamweaver
  7. Dreamweaver Options - Customize Dreamweaver Code Format>

©2009 About.com, a part of The New York Times Company.

All rights reserved.