29.01.2013 Views

WebSphere Application Server - IBM Redbooks

WebSphere Application Server - IBM Redbooks

WebSphere Application Server - IBM Redbooks

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

To add an image to the body of a page, you can drag and drop it from another<br />

location (including from external files from Windows Explorer), or you can do the<br />

following:<br />

1. Place the cursor on the page in the location you want to put the image.<br />

2. Select Insert -> Image file -> From file (or from URL).<br />

3. Browse to the image, select it, and click Open.<br />

The Attributes view for an image allows you to change the layout of the image<br />

or to assign an existing image map.<br />

4. You can add and work with image maps by selecting the image and then<br />

clicking Edit -> Image -> Image Map.<br />

5.1.8 Working with forms, input fields, and buttons<br />

As with the other elements we have seen, Studio Site Developer provides tools,<br />

views, wizards, and other aids to make working with forms, input fields, and<br />

buttons easy. Forms are a familiar method for collecting data from users in a<br />

structured way. Form design in Page Designer is best supported in the Design<br />

page, where you can see the spatial and style-related attributes as you construct<br />

the form.<br />

Most activities related to creating and editing forms are available by clicking<br />

Insert -> Form and Input Fields. To create a form, place the cursor where you<br />

want to position the form and select Insert -> Form and Input Fields -> Form.<br />

After determining a layout scheme for your form elements, you can use the<br />

options in Insert -> Form and Input Fields to insert the following fields and<br />

controls:<br />

► Submit, Reset, Image, General, and Extended buttons<br />

► Radio button<br />

► Check box<br />

► List box<br />

► Drop-Down menu<br />

► Group box<br />

► Text area<br />

► Text field<br />

► File Selection field<br />

As you add form elements, the dialog for each object will open so that you can<br />

supply format, style, and content details.<br />

Chapter 5. Working with HTML 119

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!