Adobe GoLive 6.0- P14

Adobe GoLive 6.0- P14: This book, as well as the software described in it, is furnished under license and may be used or copied only in accordance with theterms of such license. The content of this book is furnished for informational use only, is subject to change without notice, andshould not be construed as a commitment by Adobe Systems Incorporated. Adobe Systems Incorporated assumes no responsibilityor liability for any errors or inaccuracies that may appear in this book
Nội dung trích xuất từ tài liệu:
Adobe GoLive 6.0- P14 ADOBE GOLIVE 6.0 405 Classroom in a BookThe Personal Information table you created was sized to fit perfectly in the designated cellof the main table for the membership application. If you had not sized the Personal Infor-mation table correctly, you could adjust the size of the Personal Information table in theTable Inspector. Before you begin creating a form, however, it’s a good idea to carefullyplan its layout. You should always decide on the contents of the main table, paying specialattention to whether or not you will add nested tables to it. Careful planning will save youfrom having to redesign your form’s layout during the creation process.Adding an image that spans two columnsNow you’ll replace the words “Membership Application” by adding an image to the page.First you’ll adjust the table columns so that the words “Membership Application” spantwo columns.1 Move your pointer over the bottom edge of the cell that contains the words“Membership Application,” so that the pointer changes to an arrow. Then click to selectthe cell.The Inspector changes to the Table Inspector, with the Cell tab automatically selected.2 In the Table Inspector, enter 2 for Column Span, and press Enter or Return.Now you’ll replace the text with an image.3 Triple-click in the text to select the words “Membership Application,” and press Delete.You’ll add the image to the form using a file in the site window.4 Choose File > Open, and open the forms.site file in Lessons/Lesson11/11Start/formsfolder/.The site file contains a media folder, the index.html file, and the membership.html file. Italso contains the name_form.html file that you created earlier in this lesson; however,before this file displays in the site window, you need to update the contents of the window.If you had created the new page, name_form.html from the site window, the page wouldhave been visible right away.5 Choose Site > Refresh View to update the contents of the site window.406 LESSON 11 Creating Forms 6 In the site window, expand the media folder. Then drag form_header.jpg from the media folder in the site window to the empty table cell that previously contained the words “Membership Application.” The image is added to the cell. Dragging image file from site window to table cell 7 Click in the document window, and choose File > Save to save the page. Adding radio buttons The Payment Information section in the lower right corner of the form already contains a nested table with one row and five columns that has been inserted into the main table. You’ll add a group of radio buttons to this section so that viewers can select a payment type. If you created the Payment Type section from scratch, you would create it much in the same way as the Personal Information section. You would create a table with one row and five columns. Then you would type the text “Payment Type” in the first cell and insert images of a MasterCard and VISA card into the third and fifth cells. You would then add radio buttons to the second and fourth cells, as you are about to do now. ADOBE GOLIVE 6.0 407 Classroom in a Book1 Click the Forms button ( ) at the top of the Objects palette. Then drag the RadioButton icon from the Forms set of the Objects palette to the empty table cell located tothe left of the MasterCard image in the document window.Dragging Radio Button icon from the Forms set of the Objects palette to table cellThe Inspector changes to the Form Radio Button Inspector.2 Click the radio button that you added to the page to select it.3 In the Form Radio Button Inspector, enter paymentType for Group. This names thegroup of radio buttons.You’ll use the same group name for the second radio button that you’ll add to the page.Using the same group name for the two radio buttons ensures that visitors can only selectone option from the group.4 Enter mastercard for Value. This is the value that will be returned to the CGI script forthe form when a viewer chooses this option.5 Check the Selected option. This makes MasterCard the preselected option.Note: It’s not required that you preselect any of the radio buttons.Now you will copy the radio button that you just created, paste it into the empty table celland then edit the properties of the copied radio button in the Radio Button Inspector.408 LESSON 11 ...