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