Page 4: Images and Links

[ashimo]

Application... Making images and links

Next, let’s display an image that uses special text styles, and enable a transition to another Web page through a link.

Create a new project to be used for Try 1-2

Using the same procedure as that used for Try1-1, create a “Try1-2” project. From the IDE “File” menu, select “New Project.” In the “New Project” dialog box, select “Applet Project” (1), input “Try1-2” (2), specify c:\Curl\lesson\Try1\02_image_link in the “Directory” field (3), set the "API Version" to "6.0," and then click “OK” (5).



Displaying the Curl logo on the screen

1. Copy the curl_logo.gif file from the c:\Curl\Try1\02_image_link folder to the c:\Curl\lesson\Try1\02_image_link folder.



2. After the declarations, copy the following.

Code:

Curl Logo Image
{image source = {url curl_logo.gif}}

To save yourself from inputting this manually, you can copy and paste the sample data from c:\Curl\Try1\02 image_link\start.curl. Figure 1-23 shows where this appears in the program.



3. Save and then execute the program. Check that the Curl logo is displayed on the screen.



Creating a link to take us to the Curl home page

1. Next, let's create a hypertext link. Add the following code to the program. Figure 1-25 shows where this appears in the program.

Code:

||Link to Curl home page
{link href = {url http://www.curlap.com/}, Curl home page is here}

2. Save and then execute the program. Check that, when you click the link, the Curl home page is displayed.