Graphics Programs Reference
In-Depth Information
Adding a Form to a Web Page
The fi rst step in creating a form is to add the form to a page. This places a container in
the page for the form content that you will add. Try to insert the form in the page loca-
tion where you want the form to appear, although you can reposition the form if needed.
When you add a form to a Web page, Dreamweaver inserts <form> </form> tags in the
code for the page, and a red dotted line appears in the Document window in Design
view. The red line designates the form area in Dreamweaver and is invisible in the
browser window.
You'll add a form at the bottom of the contact.html page.
To add a form to the contact.html page:
1. If you took a break after the previous session, make sure that the NextBest Fest
site is open and the workspace is reset to the default Designer configuration.
2. Open the contact.html page in Design view, click in the blank line below the
page heading, and then press the Shift+Enter keys to create a new line. You'll
insert the form on this new line.
3. Collapse the CSS Styles panel, then, in the Forms category of the Insert panel,
click the Form button. A red dotted line that designates the form area appears in
the contact.html page below the content. See Figure 6-27.
Figure 6-27
Form added to the contact.html page
red dotted line
designates the
form area
4. Save the page.
Search WWH ::




Custom Search