Creating Reusable Assets and Forms - New Perspectives on Adobe Dreamweaver CS5, Comprehensive - page 367

browser. Finally, you can turn Inspect on in Live View or Live Code to help you identify
what is affecting various elements of your form.
These features enable you to more easily preview and debug interactive pages from
within Dreamweaver and can be helpful tools. You should still preview all pages in the
site in the browsers your target audience will use because you can catch many browser
display variations that will not appear in Live View.
You will view the contact.html page in Live View.

To preview the contact.html page in Live View:

◗

1. On the Document toolbar, click the Live View button. The div layout does not
display correctly, causing the logo to shift down in the page. This display error is
an example of why Live View cannot replace previewing the page in a browser
and over the Internet. See Figure 6-32.

Figure 6-32 contact.html page in Live View

click to toggle
Live View

◗

2. Scroll down the contact.html page to view all the text fields and the text area. The
table and form elements display the same way they do in a browser, not as they
do in Design view. See Figure 6-33.