This document provides instructions and definitions for creating tables, forms, and frames in Adobe Dreamweaver. It discusses how to organize content using tables with rows and columns, customize table designs, import data into tables, and sort table content. It also defines what forms and frames are, including the components of forms like fields, labels, and values. Frames are described as regions on a page that contain other HTML pages.
Before you can change the table, you need to select a portion of the table or the entire table. Use these guidelines for selecting table elements: Select a single cell by clicking in it. Select a column using the column header menu. Or, position the pointer so that it touches the top edge of the column. When the pointer becomes a solid black arrow, click the mouse button to select the column. You can also select a row this way—position the pointer so that it touches the left edge of the row and click. To add a new row elsewhere in the table or a new column, use the commands on the Modify > Table submenu: Click Modify > Table > Insert Row to insert a new row above the currently selected cell. Click Modify > Table > Insert Column to insert a new column to the left of the currently selected cell. You can also use the column header menu to insert a new column to the right or left of the currently selected cell.
Single-line text fields are used to hold a small amount of text data that can appear on one line. You might use a text field to gather names, e-mail addresses, and street addresses. Insert a single-line text field using the Insert > Form > Text Field command. Or, click or drag the Text Field button from the Forms category of the Insert panel. Supply accessibility information when prompted. Radio buttons are small circles that visitors click to select a single option from a group of options. Radio buttons allow simple selections to supply data. If you have ever participated in an online poll, you have used this kind of form object. Insert a radio button using the Insert > Form > Radio Button menu command. Or, use the Radio Button item from the Forms category of the Insert panel. Be sure to use the Attach label tag using ‘for’ attribute style option, so that all visitors can select the option using the radio button or its label. Checkboxes are much like radio buttons, but checkboxes can stand alone in a form or be grouped to allow visitors to make more than one selection from several options. Use the Attach label tag using ‘for’ attribute accessibility option to make it possible for a visitor to click either the checkbox or its label to select the field. Insert a checkbox using the Insert > Form > Checkbox command. Or, use the Checkbox button from the Forms category of the Insert panel. Dreamweaver’s List/Menu field allows you to place several options on a scrollable list or drop-down menu. Visitors click the list or menu to display choices and then select one (or more, if you allow multiple selections). Insert a list or menu using the Insert > Form > List/Menu command. Or, use the List/Menu button from the Forms category of the Insert panel.
Type the item labels (the actual list items visitors will see in the form) and a value for each label. As in other form objects, the value is the data that will be sent to the server when the form data is recorded. Use the plus (+) button to enter additional labels and values (or simply press Tab to create a new label), and use the up and down arrow buttons to change the list order. To remove a list item, select the item and click the minus (-) button. If desired, you can select one of the choices to appear in the list or menu box (if Height is set to 1). Expand the Property inspector, if necessary, and click the desired label in the Initially selected box in the expanded Property inspector. After you add all the fields you need on the form, you also need to give your site visitors a way to send the information they have provided. Use Dreamweaver’s Button fields to create Submit and Reset buttons. Insert a button using the Insert > Form > Button command. Or, use the Button item on the Forms category of the Insert panel.
It’s good practice to name the frames you create (or change the default names Dreamweaver supplies). Even if you have already supplied a title, you still need to provide a name for each frame. Name and title attributes serve different functions in the code. As you begin to add content to frames, you will find the Frames panel useful as you work with the frames. The Frames panel shows the frame layout of the frameset and the names you have assigned each frame. A common use for frames in a frameset is to insert links in one frame that open pages in other frames. For example, you may insert a list of links such as a table of contents in a frame at the left side of a page. Clicking a link in the left frame opens a page in the main frame of the frameset. In addition to the frames in the current frameset (such as main, contents), the Target list Includes four other default targets: _blank, _parent, _self, and _top. Use these targets as follows: Choose the _blank target to open the linked page in a new browser window while also keeping the current browser window open. Choose _parent to open the linked page in the current frameset, replacing all frames. Choose _self to open the linked page in the frame that also contains the link, replacing all content in this frame. Choose _top to open the linked page in the outermost frameset, replacing all frames.