!../../wiki/easy-ide-book/common/images/prev_page.gif! !../../wiki/easy-ide-book/common/images/toc.gif! !../../wiki/easy-ide-book/common/images/next_page.gif!

 

 

 

Structure of a program in which an image or link is created

 

 

So, let’s examine the structure of the program that we just created.

 

 

1. Image display

 

 

{image source = {url curl_logo.gif}}

 

 

To display an image, use the image style. First, using the source property, specify the path to the image that you want to display using a url object. At this point, we can specify the width and height options to specify the displayed size of the image. When a height or width are not specified, the size of the image is calculated and the size set automatically.

 

Example of setting the height and width of an image

{image
    source = {url curl_logo.gif},
    width = 3cm,   || Specifies the width
    height = 4cm   || Specifies the height
}

 

 

 

           

-

---

           

<font color="navy">The image isn’t displayed.  What could be the cause?</font>

            <font color="navy">If loading a specified image fails, then an image like that shown below is displayed.

• The path is incorrectly specified. The image does not exist
• The image file is damaged
• Access to the image has been refused

    Below are some possible causes for this failure.         If the display of an image fails, check the above points</font>            

-

---

           

 

 

 

2. Creating “commented-out” text

 

 

||Link to Curl home page

 

 

Immediately before the word 'Link' is the character sequence  "||". Whenever "||" appears, the subsequent text on that line is displayed in green in the source-code editor. This green text is referred to as being “commented-out.” At runtime, such text is neither interpreted nor displayed. This feature lets us, for example, write memos within a program, or leave (rather than delete) any changed sections. By using “|# &#65374; #|”, we can comment out a block of text containing more than one line.

 

Example of commenting-out text

Hello Curl ||  1 line is commented-out
{text
    color = red,
    Hello Curl!
    |# Multiple lines are commented out
       This section is
       neither interpreted nor displayed.#|
}

 

 

 

           

-

---

           

<font color="navy">The "Comment Out" shortcut key</font>

            <font color="navy">In the IDE, select the lines that you want to comment-out, and then press the F8 key.     The selected lines are automatically commented out.     The commenting-out can be lifted from a range of text by selecting it in the same way,     and then holding down the “Shift” key and pressing “F8.” !../../wiki/easy-ide-book/try1/images/figure_1_30_31.png!</font>            

-

---

           

 

 

 

3. Creating a link

 

 

We can use the link style to create a hypertext link. We use href to specify the url to which we want to link. Then, after inserting “,” as a delimiter, we can specify whatever we want to display as the hyperlink.

 

{link href = {url http://www.curl.com/}, Curl home page is here}

 

 

Usually, the site to which we are linking will be displayed in the same browser window but, by using the target option, we can also open the page in a new browser window.

 

{link
    href = {url http://www.curlap.com/},
    target = _blank,
    Curl home page is here
}

 

 

 

           

-

---

           

<font color="navy">IDE Help</font>

            <font color="navy">In addition to the editor functions, the IDE offers many other functions. Among these is the Help Document Display function.     You can open the Help Documents from the IDE "Help" menu.     The contents of the Help are exactly the same for both the Personal and Pro versions.     First, let’s take a look at the Help by selecting “Curl IDE Help” from the “Help” menu.     The Help Documents contain four Curl documentation libraries. This Help gives you access to a huge amount of information about Curl.    

Table 1-4 Contents of documentation libraries

    |Type|Contents| |Developers’ Guide|Reference manual for the Curl language. Contains many sample programs that can be executed, with the results appearing in a pop-up window. This is very useful for learning Curl| |IDE Users’ Guide|Provides a detailed explanation of each of the IDE tools, such as the debugger| |VLE Users’ Guide|Provides a detailed explanation of the use of Curl VLE and each of the tools| |API Reference|Provides a detailed explanation of the use of individual APIs of the Curl language, such as classes and procedures.|     The document viewer is divided into two main areas.  The left-hand side of the screen is the Navigation pane, while the right-hand side is the Contents pane.     The Navigation pane has three tabs, namely, “Contents,” “Index,” and “Search.”     The tabs allow you to retrieve information from the documents, but each in a different way.    

Table 1-5 Contents of help

    |Item|Contents| |Contents|The contents of each document are displayed as a tree structure. Clicking the blue text causes the corresponding contents to be displayed in the Contents pane.| |Index|The index of documents is displayed in alphabetical order. Whenever you enter text into the input field, the index listing jumps to the first item matching the input text. Clicking that text in the Navigation pane causes the corresponding contents to be displayed in the Contents pane.| |Search|You can use a search function over documents. You can specify the search mode by selecting the check boxes as follows:                 Full text search: when this check box is selected, a search is made of the entire text in all the document.                 When this check box is not selected, only document titles and index entries are searched;                 Match case: when this check box is selected, the search is case-sensitive;                 Regular expression: the input search string is interpreted as a regular expression.| With the “Index” and “Search tabs, you can use the “Search Range” drop-down list to specify the documents to be searched. A particular feature of the Curl Help is that it contains many executable sample programs. And, the Help also provides the source code for many of those samples. You can thus modify the code directly and then confirm the operation of your modified code. Let’s try editing some source code, and then make a check by executing the code.     After editing the source code, we can simply click the Execute button to see the effects of our changes in a pop-up window.</font>            

-

---

           

 

 

 

 

 

!../../wiki/easy-ide-book/common/images/next_page.gif!