<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/">
	<channel>
		<title><![CDATA[Curl Global Community - Try 1: Getting to Know Curl with 'Hello Curl']]></title>
		<link>https://communities.curl.com/</link>
		<description><![CDATA[Curl Global Community - https://communities.curl.com]]></description>
		<pubDate>Wed, 06 May 2026 16:13:16 +0000</pubDate>
		<generator>MyBB</generator>
		<item>
			<title><![CDATA[Page 6: Summary and Extra Practice]]></title>
			<link>https://communities.curl.com/showthread.php?tid=87</link>
			<pubDate>Mon, 20 Jun 2011 08:11:26 +0000</pubDate>
			<guid isPermaLink="false">https://communities.curl.com/showthread.php?tid=87</guid>
			<description><![CDATA[<span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Try 1 Summary</span></span></span><br />
<br />
<ul class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">A project groups together related files</span><br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">A Curl applet file contains herald declarations, text, and styles</span><br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">There are predefined text styles for common situations</span><br />
</li>
</ul>
<br />
<hr class="mycode_hr" />
<br />
<img src="wiki/easy-ide-book/common/images/syntax.gif" /><span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Setting a text style</span></span></span><br />
<br />
<ul class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">SFrequently used text styles such as bold and italic are predefined.</span><br />
</li>
</ul>
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{text Option 1 = Value, Option 2 = Value, … displayed text}</code></div></div><br />
<hr class="mycode_hr" />
<br />
<hr class="mycode_hr" />
<br />
<img src="wiki/easy-ide-book/common/images/syntax.gif" /><span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Incorporating an image link</span></span></span><br />
<br />
<ul class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">The IDE help documents let us acquire information about the Curl language.</span><br />
</li>
</ul>
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{image<br />
&nbsp;&nbsp;&nbsp;&nbsp; source = {url path to image file}<br />
&nbsp;&nbsp;&nbsp;&nbsp; (, …)&nbsp;&nbsp;||When options are to be specified, describe them delimited with “,”.<br />
 }<br />
 {link href = {url path to link destination}, linking text(, …)}</code></div></div><br />
<hr class="mycode_hr" />
<br />
<span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Try 1: Extra Practice</span></span></span><br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Practice Problem 1: Basics</span></span></span><br />
<br />
Without using the text style, create a program that produces the same result as that shown below.<br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{curl 6.0 applet}<br />
{curl-file-attributes character-encoding = utf8}<br />
{applet manifest = manifest.mcurl,<br />
&nbsp;&nbsp;&nbsp;&nbsp;{compiler-directives careful? = true}<br />
}<br />
{text<br />
&nbsp;&nbsp;&nbsp;&nbsp;font-weight = bold,<br />
&nbsp;&nbsp;&nbsp;&nbsp;text-underline? = true,<br />
&nbsp;&nbsp;&nbsp;&nbsp;font-style = italic,<br />
&nbsp;&nbsp;&nbsp;&nbsp;We’re studying Curl programming!<br />
}</code></div></div><br />
Hint: Use predefined text formats.<br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Solution</span></span></span><br />
<br />
Solution Program: <span style="font-family: Courier;" class="mycode_font">c:\Curl\Try1\03_exercise1\start.curl</span><br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{curl 6.0 applet}<br />
{curl-file-attributes character-encoding = utf8}<br />
{applet manifest = manifest.mcurl,<br />
&nbsp;&nbsp;&nbsp;&nbsp;{compiler-directives careful? = true}<br />
}<br />
{bold<br />
&nbsp;&nbsp;&nbsp;&nbsp;{underline<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{italic<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;We’re studying Curl programming!<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;}<br />
}</code></div></div><br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_33.png" /><br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Explanation</span></span></span><br />
The created program uses the predefined text formats to display text on the screen.<br />
<br />
]]></description>
			<content:encoded><![CDATA[<span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Try 1 Summary</span></span></span><br />
<br />
<ul class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">A project groups together related files</span><br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">A Curl applet file contains herald declarations, text, and styles</span><br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">There are predefined text styles for common situations</span><br />
</li>
</ul>
<br />
<hr class="mycode_hr" />
<br />
<img src="wiki/easy-ide-book/common/images/syntax.gif" /><span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Setting a text style</span></span></span><br />
<br />
<ul class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">SFrequently used text styles such as bold and italic are predefined.</span><br />
</li>
</ul>
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{text Option 1 = Value, Option 2 = Value, … displayed text}</code></div></div><br />
<hr class="mycode_hr" />
<br />
<hr class="mycode_hr" />
<br />
<img src="wiki/easy-ide-book/common/images/syntax.gif" /><span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Incorporating an image link</span></span></span><br />
<br />
<ul class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">The IDE help documents let us acquire information about the Curl language.</span><br />
</li>
</ul>
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{image<br />
&nbsp;&nbsp;&nbsp;&nbsp; source = {url path to image file}<br />
&nbsp;&nbsp;&nbsp;&nbsp; (, …)&nbsp;&nbsp;||When options are to be specified, describe them delimited with “,”.<br />
 }<br />
 {link href = {url path to link destination}, linking text(, …)}</code></div></div><br />
<hr class="mycode_hr" />
<br />
<span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Try 1: Extra Practice</span></span></span><br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Practice Problem 1: Basics</span></span></span><br />
<br />
Without using the text style, create a program that produces the same result as that shown below.<br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{curl 6.0 applet}<br />
{curl-file-attributes character-encoding = utf8}<br />
{applet manifest = manifest.mcurl,<br />
&nbsp;&nbsp;&nbsp;&nbsp;{compiler-directives careful? = true}<br />
}<br />
{text<br />
&nbsp;&nbsp;&nbsp;&nbsp;font-weight = bold,<br />
&nbsp;&nbsp;&nbsp;&nbsp;text-underline? = true,<br />
&nbsp;&nbsp;&nbsp;&nbsp;font-style = italic,<br />
&nbsp;&nbsp;&nbsp;&nbsp;We’re studying Curl programming!<br />
}</code></div></div><br />
Hint: Use predefined text formats.<br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Solution</span></span></span><br />
<br />
Solution Program: <span style="font-family: Courier;" class="mycode_font">c:\Curl\Try1\03_exercise1\start.curl</span><br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{curl 6.0 applet}<br />
{curl-file-attributes character-encoding = utf8}<br />
{applet manifest = manifest.mcurl,<br />
&nbsp;&nbsp;&nbsp;&nbsp;{compiler-directives careful? = true}<br />
}<br />
{bold<br />
&nbsp;&nbsp;&nbsp;&nbsp;{underline<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{italic<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;We’re studying Curl programming!<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;}<br />
}</code></div></div><br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_33.png" /><br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Explanation</span></span></span><br />
The created program uses the predefined text formats to display text on the screen.<br />
<br />
]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Page 5: Examining the Program Structure of Images and Links]]></title>
			<link>https://communities.curl.com/showthread.php?tid=46</link>
			<pubDate>Thu, 16 Jun 2011 04:50:31 +0000</pubDate>
			<guid isPermaLink="false">https://communities.curl.com/showthread.php?tid=46</guid>
			<description><![CDATA[<span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Structure of a program in which an image or link is created</span></span></span><br />
<br />
So, let’s examine the structure of the program that we just created.<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_28.png" /><br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">1. Image display</span></span></span><br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{image source = {url curl_logo.gif}}</code></div></div><br />
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.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Example of setting the height and width of an image</span> <br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{image<br />
&nbsp;&nbsp;&nbsp;&nbsp;source = {url curl_logo.gif},<br />
&nbsp;&nbsp;&nbsp;&nbsp;width = 3cm,&nbsp;&nbsp; || Specifies the width<br />
&nbsp;&nbsp;&nbsp;&nbsp;height = 4cm&nbsp;&nbsp; || Specifies the height<br />
}</code></div></div><br />
<hr class="mycode_hr" />
<br />
<img src="wiki/easy-ide-book/common/images/hint.gif" /><span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">The image isn’t displayed. What could be the cause?</span></span></span><br />
If loading a specified image fails, then an image like that shown below is displayed. <br />
<ul class="mycode_list"><li>The path is incorrectly specified. The image does not exist<br />
</li>
<li>The image file is damaged<br />
</li>
<li>Access to the image has been refused<br />
</li>
</ul>
<img src="wiki/easy-ide-book/try1/images/figure_1_29.png" /><br />
<br />
Below are some possible causes for this failure. If the display of an image fails, check the above points<br />
<br />
<hr class="mycode_hr" />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">2. Creating “commented-out” text</span></span></span><br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>||Link to Curl home page</code></div></div><br />
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 “|# ～ #|”, we can comment out a block of text containing more than one line.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Example of commenting-out text </span><br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>Hello Curl ||&nbsp;&nbsp;1 line is commented-out<br />
{text<br />
&nbsp;&nbsp;&nbsp;&nbsp;color = red,<br />
&nbsp;&nbsp;&nbsp;&nbsp;Hello Curl!<br />
&nbsp;&nbsp;&nbsp;&nbsp;|# Multiple lines are commented out<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; This section is<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; neither interpreted nor displayed.#|<br />
}</code></div></div><br />
<hr class="mycode_hr" />
<img src="wiki/easy-ide-book/common/images/hint.gif" /><span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">The "Comment Out" shortcut key</span></span></span><br />
<span style="font-family: Verdana;" class="mycode_font">In the IDE, select the lines that you want to comment-out, and then press the <a href="http://developers.curl.com/docs/F8" target="_blank" rel="noopener" class="mycode_url">F8</a> 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.” <img src="wiki/easy-ide-book/try1/images/figure_1_30_31.png" /><br />
<br />
</span><hr class="mycode_hr" />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">3. Creating a link</span></span></span><br />
<br />
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.<br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{link href = {url http://www.curl.com/}, Curl home page is here}</code></div></div><br />
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.<br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{link<br />
&nbsp;&nbsp;&nbsp;&nbsp;href = {url http://www.curlap.com/},<br />
&nbsp;&nbsp;&nbsp;&nbsp;target = _blank,<br />
&nbsp;&nbsp;&nbsp;&nbsp;Curl home page is here<br />
}</code></div></div><br />
<hr class="mycode_hr" />
<br />
<img src="wiki/easy-ide-book/common/images/hint.gif" /><span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">IDE Help</span></span></span><br />
<br />
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.<br />
<br />
<img src="attachment.php?aid=92" /><br />
<br />
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. <br />
<br />
<img src="attachment.php?aid=93" /><br />
<br />
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. <br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_32.png" /><br />
After editing the source code, we can simply click the Execute button to see the effects of our changes in a pop-up window.<br /><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://communities.curl.com/images/attachtypes/image.gif" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=92" target="_blank" title="">1-4.PNG</a> (Size: 14.76 KB / Downloads: 1403)
<!-- end: postbit_attachments_attachment --><br /><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://communities.curl.com/images/attachtypes/image.gif" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=93" target="_blank" title="">1-5.PNG</a> (Size: 19.57 KB / Downloads: 1481)
<!-- end: postbit_attachments_attachment -->]]></description>
			<content:encoded><![CDATA[<span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Structure of a program in which an image or link is created</span></span></span><br />
<br />
So, let’s examine the structure of the program that we just created.<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_28.png" /><br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">1. Image display</span></span></span><br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{image source = {url curl_logo.gif}}</code></div></div><br />
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.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Example of setting the height and width of an image</span> <br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{image<br />
&nbsp;&nbsp;&nbsp;&nbsp;source = {url curl_logo.gif},<br />
&nbsp;&nbsp;&nbsp;&nbsp;width = 3cm,&nbsp;&nbsp; || Specifies the width<br />
&nbsp;&nbsp;&nbsp;&nbsp;height = 4cm&nbsp;&nbsp; || Specifies the height<br />
}</code></div></div><br />
<hr class="mycode_hr" />
<br />
<img src="wiki/easy-ide-book/common/images/hint.gif" /><span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">The image isn’t displayed. What could be the cause?</span></span></span><br />
If loading a specified image fails, then an image like that shown below is displayed. <br />
<ul class="mycode_list"><li>The path is incorrectly specified. The image does not exist<br />
</li>
<li>The image file is damaged<br />
</li>
<li>Access to the image has been refused<br />
</li>
</ul>
<img src="wiki/easy-ide-book/try1/images/figure_1_29.png" /><br />
<br />
Below are some possible causes for this failure. If the display of an image fails, check the above points<br />
<br />
<hr class="mycode_hr" />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">2. Creating “commented-out” text</span></span></span><br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>||Link to Curl home page</code></div></div><br />
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 “|# ～ #|”, we can comment out a block of text containing more than one line.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Example of commenting-out text </span><br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>Hello Curl ||&nbsp;&nbsp;1 line is commented-out<br />
{text<br />
&nbsp;&nbsp;&nbsp;&nbsp;color = red,<br />
&nbsp;&nbsp;&nbsp;&nbsp;Hello Curl!<br />
&nbsp;&nbsp;&nbsp;&nbsp;|# Multiple lines are commented out<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; This section is<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; neither interpreted nor displayed.#|<br />
}</code></div></div><br />
<hr class="mycode_hr" />
<img src="wiki/easy-ide-book/common/images/hint.gif" /><span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">The "Comment Out" shortcut key</span></span></span><br />
<span style="font-family: Verdana;" class="mycode_font">In the IDE, select the lines that you want to comment-out, and then press the <a href="http://developers.curl.com/docs/F8" target="_blank" rel="noopener" class="mycode_url">F8</a> 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.” <img src="wiki/easy-ide-book/try1/images/figure_1_30_31.png" /><br />
<br />
</span><hr class="mycode_hr" />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">3. Creating a link</span></span></span><br />
<br />
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.<br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{link href = {url http://www.curl.com/}, Curl home page is here}</code></div></div><br />
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.<br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{link<br />
&nbsp;&nbsp;&nbsp;&nbsp;href = {url http://www.curlap.com/},<br />
&nbsp;&nbsp;&nbsp;&nbsp;target = _blank,<br />
&nbsp;&nbsp;&nbsp;&nbsp;Curl home page is here<br />
}</code></div></div><br />
<hr class="mycode_hr" />
<br />
<img src="wiki/easy-ide-book/common/images/hint.gif" /><span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">IDE Help</span></span></span><br />
<br />
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.<br />
<br />
<img src="attachment.php?aid=92" /><br />
<br />
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. <br />
<br />
<img src="attachment.php?aid=93" /><br />
<br />
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. <br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_32.png" /><br />
After editing the source code, we can simply click the Execute button to see the effects of our changes in a pop-up window.<br /><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://communities.curl.com/images/attachtypes/image.gif" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=92" target="_blank" title="">1-4.PNG</a> (Size: 14.76 KB / Downloads: 1403)
<!-- end: postbit_attachments_attachment --><br /><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://communities.curl.com/images/attachtypes/image.gif" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=93" target="_blank" title="">1-5.PNG</a> (Size: 19.57 KB / Downloads: 1481)
<!-- end: postbit_attachments_attachment -->]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Page 4: Images and Links]]></title>
			<link>https://communities.curl.com/showthread.php?tid=45</link>
			<pubDate>Thu, 16 Jun 2011 04:41:18 +0000</pubDate>
			<guid isPermaLink="false">https://communities.curl.com/showthread.php?tid=45</guid>
			<description><![CDATA[<span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Application... Making images and links</span></span></span><br />
<br />
Next, let’s display an image that uses special text styles, and enable a transition to another Web page through a link.<br />
<br />
<img src="wiki/easy-ide-book/common/images/step1.gif" /><span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Create a new project to be used for Try 1-2</span></span></span><br />
<br />
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).<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_21.png" /><br />
<br />
<img src="wiki/easy-ide-book/common/images/step2.gif" /><span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Displaying the Curl logo on the screen</span></span></span><br />
<br />
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.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_22.png" /><br />
<br />
2. After the declarations, copy the following.<br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>Curl Logo Image<br />
{image source = {url curl_logo.gif}}</code></div></div><br />
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.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_23.png" /><br />
<br />
3. Save and then execute the program. Check that the Curl logo is displayed on the screen.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_24.png" /><br />
<br />
<img src="wiki/easy-ide-book/common/images/step3.gif" /><span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Creating a link to take us to the Curl home page</span></span></span><br />
<br />
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.<br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>||Link to Curl home page<br />
{link href = {url http://www.curlap.com/}, Curl home page is here}</code></div></div> <br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_25.png" /><br />
<br />
2. Save and then execute the program. Check that, when you click the link, the Curl home page is displayed.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_26.png" /><br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_27.png" /><br />
]]></description>
			<content:encoded><![CDATA[<span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Application... Making images and links</span></span></span><br />
<br />
Next, let’s display an image that uses special text styles, and enable a transition to another Web page through a link.<br />
<br />
<img src="wiki/easy-ide-book/common/images/step1.gif" /><span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Create a new project to be used for Try 1-2</span></span></span><br />
<br />
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).<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_21.png" /><br />
<br />
<img src="wiki/easy-ide-book/common/images/step2.gif" /><span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Displaying the Curl logo on the screen</span></span></span><br />
<br />
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.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_22.png" /><br />
<br />
2. After the declarations, copy the following.<br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>Curl Logo Image<br />
{image source = {url curl_logo.gif}}</code></div></div><br />
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.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_23.png" /><br />
<br />
3. Save and then execute the program. Check that the Curl logo is displayed on the screen.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_24.png" /><br />
<br />
<img src="wiki/easy-ide-book/common/images/step3.gif" /><span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Creating a link to take us to the Curl home page</span></span></span><br />
<br />
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.<br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>||Link to Curl home page<br />
{link href = {url http://www.curlap.com/}, Curl home page is here}</code></div></div> <br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_25.png" /><br />
<br />
2. Save and then execute the program. Check that, when you click the link, the Curl home page is displayed.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_26.png" /><br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_27.png" /><br />
]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Page 3: Examining the Program Structure of Text Display]]></title>
			<link>https://communities.curl.com/showthread.php?tid=44</link>
			<pubDate>Thu, 16 Jun 2011 04:38:19 +0000</pubDate>
			<guid isPermaLink="false">https://communities.curl.com/showthread.php?tid=44</guid>
			<description><![CDATA[<span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Structure of our created program</span></span></span><br />
<br />
So, let’s examine the structure of the program that we just created.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_18.png" /><br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">1. Line 1 herald declaration</span></span></span><br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>curl 6.0 applet</code></div></div><br />
The text on line 1 is known as the “herald declaration.” This describes the version of Curl RTE that will execute this source code, as well as the type of the file.<br />
<br />
<hr class="mycode_hr" />
<br />
<img src="wiki/easy-ide-book/common/images/syntax.gif" /><span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Herald Declaration Syntax</span></span></span><br />
<br />
The curl expression has the following syntax: <span style="font-family: Courier;" class="mycode_font">{curl api-version-list component-type}</span> where <ul class="mycode_list"><li>api-version-list: a list of API versions that can be used to interpret the page. Use commas to separate version numbers. If a user loads a page into the Curl RTE, it checks to make sure that this installation of the RTE can support at least one of the API versions listed in api-version-list. If the installation is compatible, the RTE loads the file. Otherwise, it throws an error.<br />
</li>
<li>component-type: the type of Curl content. Specify applet for applets; specify package for packages; or specify script for scripts.<br />
</li>
</ul>
<br />
<hr class="mycode_hr" />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">2. Line 2 character encoding specification</span></span></span><br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{curl-file-attributes character-encoding = utf8}</code></div></div>The character encoding for this file has been specified. In this case, the specification is for utf8.<br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">3. Applet declaration</span></span></span><br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{applet manifest = manifest.mcurl,<br />
&nbsp;&nbsp;&nbsp;&nbsp;{compiler-directives careful? = true}<br />
}</code></div></div><br />
On line 3, the locations of the files referenced by this applet, such as the manifest, are specified.<br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">4. Hello Curl!</span></span></span><br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>Hello Curl!</code></div></div><br />
The actual program begins from this point. The parts outside the range defined by the outmost “{“ and “}” are referred to as the “top level.” Any text for which a style is not specified, like "Hello Curl!", is displayed on the browser as is.<br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">5. Text style</span></span></span><br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{text<br />
&nbsp;&nbsp;&nbsp;&nbsp;font-style = italic,<br />
&nbsp;&nbsp;&nbsp;&nbsp;font-size = 30pt,<br />
&nbsp;&nbsp;&nbsp;&nbsp;color = red,<br />
&nbsp;&nbsp;&nbsp;&nbsp;Text with color or font setting<br />
}</code></div></div><br />
With Curl, a style is created by enclosing the text inside “{“ and “}”. The name of the style is specified immediately after “{“ and then, the arguments to which the style is applied are described, separated by “,”.<br />
<br />
Style options are specified first in the list of arguments, then followed by the text displayed on the screen.<br />
<ul class="mycode_list"><li><span style="color: #008000;" class="mycode_color">CORRECT</span>: <span style="font-family: Courier;" class="mycode_font">{text color = "red", font-size = 15pt, Hello Curl!}</span><br />
</li>
<li><span style="color: #FF0000;" class="mycode_color">INCORRECT:</span> <span style="font-family: Courier;" class="mycode_font">{text color = "red", Hello Curl!, font-size = 15pt}</span><br />
</li>
</ul>
<img src="attachment.php?aid=89" /><br />
<hr class="mycode_hr" />
<br />
<img src="wiki/easy-ide-book/common/images/point.gif" /><span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Arguments</span></span></span><br />
<br />
Within a program, the values that are exchanged in a funtion call or similar operation are called arguments. Processing is performed using the exchanged value, and then the result is returned.<br />
<br />
<hr class="mycode_hr" />
<br />
Curl, like other languages, supports the nesting of styles. The browser displays text according to this nesting. Note that multiple spaces between text or carriage returns will be displayed as a single space. If we insert a blank line between blocks of text, then those blocks are displayed as separate paragraphs. <br />
<br />
Thus, a Curl applet contains a herald declaration, text, and styles.<br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">6. Predefined text styles</span></span></span><br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{bold {italic text using defined format}}</code></div></div><br />
For text styles that we use frequently, such as bold and italic, we can use pre-defined styles. Style has the same meaning as {text font-weight = "bold" …}.<br />
<br />
<img src="attachment.php?aid=90" /><br />
<br />
<img src="wiki/easy-ide-book/common/images/hint.gif" /><span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">IDE Layout</span></span></span><br />
<br />
The IDE supports two types of window layouts. One is used for editing, while the other is used for debugging. Each layout consists of panes that are designed specifically for either editing or debugging. The default layout is the editing layout. If an error is detected at run time, however, the layout automatically switches to the debugging layout. Icons on the toolbar can also be used to switch the layout. Each layout can be customized. Once you have changed a layout to suit your needs, you can then save it. To subsequently restore the default layout, go to the IDE “View” menu and then select “Restore Layout” --&gt; “From Default.”<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_19.png" /><br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_20.png" /><br />
<br />
The IDE lets you display several different panes. For example, the following panes are available. <br />
<br />
<img src="attachment.php?aid=91" /><br />
<br /><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://communities.curl.com/images/attachtypes/image.gif" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=89" target="_blank" title="">1-1.PNG</a> (Size: 8.89 KB / Downloads: 1607)
<!-- end: postbit_attachments_attachment --><br /><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://communities.curl.com/images/attachtypes/image.gif" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=90" target="_blank" title="">1-2.PNG</a> (Size: 9.39 KB / Downloads: 1561)
<!-- end: postbit_attachments_attachment --><br /><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://communities.curl.com/images/attachtypes/image.gif" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=91" target="_blank" title="">1-3.PNG</a> (Size: 11.98 KB / Downloads: 1563)
<!-- end: postbit_attachments_attachment -->]]></description>
			<content:encoded><![CDATA[<span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Structure of our created program</span></span></span><br />
<br />
So, let’s examine the structure of the program that we just created.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_18.png" /><br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">1. Line 1 herald declaration</span></span></span><br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>curl 6.0 applet</code></div></div><br />
The text on line 1 is known as the “herald declaration.” This describes the version of Curl RTE that will execute this source code, as well as the type of the file.<br />
<br />
<hr class="mycode_hr" />
<br />
<img src="wiki/easy-ide-book/common/images/syntax.gif" /><span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Herald Declaration Syntax</span></span></span><br />
<br />
The curl expression has the following syntax: <span style="font-family: Courier;" class="mycode_font">{curl api-version-list component-type}</span> where <ul class="mycode_list"><li>api-version-list: a list of API versions that can be used to interpret the page. Use commas to separate version numbers. If a user loads a page into the Curl RTE, it checks to make sure that this installation of the RTE can support at least one of the API versions listed in api-version-list. If the installation is compatible, the RTE loads the file. Otherwise, it throws an error.<br />
</li>
<li>component-type: the type of Curl content. Specify applet for applets; specify package for packages; or specify script for scripts.<br />
</li>
</ul>
<br />
<hr class="mycode_hr" />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">2. Line 2 character encoding specification</span></span></span><br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{curl-file-attributes character-encoding = utf8}</code></div></div>The character encoding for this file has been specified. In this case, the specification is for utf8.<br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">3. Applet declaration</span></span></span><br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{applet manifest = manifest.mcurl,<br />
&nbsp;&nbsp;&nbsp;&nbsp;{compiler-directives careful? = true}<br />
}</code></div></div><br />
On line 3, the locations of the files referenced by this applet, such as the manifest, are specified.<br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">4. Hello Curl!</span></span></span><br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>Hello Curl!</code></div></div><br />
The actual program begins from this point. The parts outside the range defined by the outmost “{“ and “}” are referred to as the “top level.” Any text for which a style is not specified, like "Hello Curl!", is displayed on the browser as is.<br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">5. Text style</span></span></span><br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{text<br />
&nbsp;&nbsp;&nbsp;&nbsp;font-style = italic,<br />
&nbsp;&nbsp;&nbsp;&nbsp;font-size = 30pt,<br />
&nbsp;&nbsp;&nbsp;&nbsp;color = red,<br />
&nbsp;&nbsp;&nbsp;&nbsp;Text with color or font setting<br />
}</code></div></div><br />
With Curl, a style is created by enclosing the text inside “{“ and “}”. The name of the style is specified immediately after “{“ and then, the arguments to which the style is applied are described, separated by “,”.<br />
<br />
Style options are specified first in the list of arguments, then followed by the text displayed on the screen.<br />
<ul class="mycode_list"><li><span style="color: #008000;" class="mycode_color">CORRECT</span>: <span style="font-family: Courier;" class="mycode_font">{text color = "red", font-size = 15pt, Hello Curl!}</span><br />
</li>
<li><span style="color: #FF0000;" class="mycode_color">INCORRECT:</span> <span style="font-family: Courier;" class="mycode_font">{text color = "red", Hello Curl!, font-size = 15pt}</span><br />
</li>
</ul>
<img src="attachment.php?aid=89" /><br />
<hr class="mycode_hr" />
<br />
<img src="wiki/easy-ide-book/common/images/point.gif" /><span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Arguments</span></span></span><br />
<br />
Within a program, the values that are exchanged in a funtion call or similar operation are called arguments. Processing is performed using the exchanged value, and then the result is returned.<br />
<br />
<hr class="mycode_hr" />
<br />
Curl, like other languages, supports the nesting of styles. The browser displays text according to this nesting. Note that multiple spaces between text or carriage returns will be displayed as a single space. If we insert a blank line between blocks of text, then those blocks are displayed as separate paragraphs. <br />
<br />
Thus, a Curl applet contains a herald declaration, text, and styles.<br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">6. Predefined text styles</span></span></span><br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{bold {italic text using defined format}}</code></div></div><br />
For text styles that we use frequently, such as bold and italic, we can use pre-defined styles. Style has the same meaning as {text font-weight = "bold" …}.<br />
<br />
<img src="attachment.php?aid=90" /><br />
<br />
<img src="wiki/easy-ide-book/common/images/hint.gif" /><span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">IDE Layout</span></span></span><br />
<br />
The IDE supports two types of window layouts. One is used for editing, while the other is used for debugging. Each layout consists of panes that are designed specifically for either editing or debugging. The default layout is the editing layout. If an error is detected at run time, however, the layout automatically switches to the debugging layout. Icons on the toolbar can also be used to switch the layout. Each layout can be customized. Once you have changed a layout to suit your needs, you can then save it. To subsequently restore the default layout, go to the IDE “View” menu and then select “Restore Layout” --&gt; “From Default.”<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_19.png" /><br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_20.png" /><br />
<br />
The IDE lets you display several different panes. For example, the following panes are available. <br />
<br />
<img src="attachment.php?aid=91" /><br />
<br /><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://communities.curl.com/images/attachtypes/image.gif" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=89" target="_blank" title="">1-1.PNG</a> (Size: 8.89 KB / Downloads: 1607)
<!-- end: postbit_attachments_attachment --><br /><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://communities.curl.com/images/attachtypes/image.gif" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=90" target="_blank" title="">1-2.PNG</a> (Size: 9.39 KB / Downloads: 1561)
<!-- end: postbit_attachments_attachment --><br /><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://communities.curl.com/images/attachtypes/image.gif" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=91" target="_blank" title="">1-3.PNG</a> (Size: 11.98 KB / Downloads: 1563)
<!-- end: postbit_attachments_attachment -->]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Page 2: Displaying Text and Text Styles]]></title>
			<link>https://communities.curl.com/showthread.php?tid=43</link>
			<pubDate>Thu, 16 Jun 2011 04:17:04 +0000</pubDate>
			<guid isPermaLink="false">https://communities.curl.com/showthread.php?tid=43</guid>
			<description><![CDATA[<img src="wiki/easy-ide-book/common/images/step2.gif" /><span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Displaying Text in the Browser</span></span></span><br />
<br />
1. Double-click “start.curl” in the Project pane.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_10.png" /><br />
<br />
2. The contents of the start.curl file appear in the editor. The first five lines of the file are declarations. The source code follows these statements.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_11.png" /><br />
<br />
3. Here, let’s write “Hello Curl!” Figure 1-12 shows where this appears in the program.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_12.png" /><br />
<br />
4. Click the “Save” button at the top left corner of the screen. The file is saved.<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_13.png" /><br />
<br />
5. Click the “Run file” button. The program is executed. The browser will start and “Hello Curl!” will be displayed.<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_14.png" /><br />
<br />
<img src="wiki/easy-ide-book/common/images/step3.gif" /><span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Setting Different Kinds of Text Styles</span></span></span><br />
<br />
Next, we’ll use a style to display text for which we’ve specified a range of fonts.<br />
<br />
1. To set a text style, we’ll use a format called text. By attaching different options to this style, we can set a color or a font. In the editor pane, add the following program code. Rather than input the following from scratch, you can use the editor to open the c:\Curl\Try\01_hello_curl\start.curl sample and then copy and paste.<br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{text<br />
&nbsp;&nbsp; font-style = italic,<br />
&nbsp;&nbsp; font-size = 30pt,<br />
&nbsp;&nbsp; color = red,<br />
&nbsp;&nbsp; Text with color or font setting<br />
}<br />
&nbsp;&nbsp;&nbsp;&nbsp;<br />
{bold {italic Text using defined format}}</code></div></div><br />
<img src="wiki/easy-ide-book/try1/images/figure_1_16.png" /><br />
<br />
2. Save and then execute the program. The text is displayed in the set style.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_17.png" /><br />
<br />
]]></description>
			<content:encoded><![CDATA[<img src="wiki/easy-ide-book/common/images/step2.gif" /><span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Displaying Text in the Browser</span></span></span><br />
<br />
1. Double-click “start.curl” in the Project pane.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_10.png" /><br />
<br />
2. The contents of the start.curl file appear in the editor. The first five lines of the file are declarations. The source code follows these statements.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_11.png" /><br />
<br />
3. Here, let’s write “Hello Curl!” Figure 1-12 shows where this appears in the program.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_12.png" /><br />
<br />
4. Click the “Save” button at the top left corner of the screen. The file is saved.<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_13.png" /><br />
<br />
5. Click the “Run file” button. The program is executed. The browser will start and “Hello Curl!” will be displayed.<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_14.png" /><br />
<br />
<img src="wiki/easy-ide-book/common/images/step3.gif" /><span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Setting Different Kinds of Text Styles</span></span></span><br />
<br />
Next, we’ll use a style to display text for which we’ve specified a range of fonts.<br />
<br />
1. To set a text style, we’ll use a format called text. By attaching different options to this style, we can set a color or a font. In the editor pane, add the following program code. Rather than input the following from scratch, you can use the editor to open the c:\Curl\Try\01_hello_curl\start.curl sample and then copy and paste.<br />
<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>{text<br />
&nbsp;&nbsp; font-style = italic,<br />
&nbsp;&nbsp; font-size = 30pt,<br />
&nbsp;&nbsp; color = red,<br />
&nbsp;&nbsp; Text with color or font setting<br />
}<br />
&nbsp;&nbsp;&nbsp;&nbsp;<br />
{bold {italic Text using defined format}}</code></div></div><br />
<img src="wiki/easy-ide-book/try1/images/figure_1_16.png" /><br />
<br />
2. Save and then execute the program. The text is displayed in the set style.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_17.png" /><br />
<br />
]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Page 1: Creating a Project]]></title>
			<link>https://communities.curl.com/showthread.php?tid=42</link>
			<pubDate>Thu, 16 Jun 2011 04:14:39 +0000</pubDate>
			<guid isPermaLink="false">https://communities.curl.com/showthread.php?tid=42</guid>
			<description><![CDATA[<img src="wiki/easy-ide-book/common/images/try.gif" /><span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Getting to Know Curl with 'Hello Curl'</span></span></span><br />
<br />
In Try 0, we installed the IDE. So, now that the installation is complete, we'll create our first Curl program. We'll write a program that displays "Hello Curl!" in our browser.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Please download</span> <span style="font-family: Courier;" class="mycode_font">Try1.zip</span> <span style="font-weight: bold;" class="mycode_b">file by selecting the following link: <span style="font-family: Courier;" class="mycode_font"><a href="http://developers.curl.com/wiki/easy-ide-book/try1/Try1.zip" target="_blank" rel="noopener" class="mycode_url">Try1.zip</a></span>.</span><br />
<br />
Unzip the contents to the <span style="font-family: Courier;" class="mycode_font">C:\Curl</span> directory. This is the working directory for all the examples and exercises contained within this tutorial. Note: If C:\Curl has not already been created, you can create it now.<br />
<br />
<img src="wiki/easy-ide-book/common/images/step1.gif" /><span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Start the IDE, and create a new Project</span></span></span><br />
<br />
1. To start the IDE, double-click the Curl IDE shortcut that we created on the desktop. Then, the screen shown in Figure 1-1 appears. When the IDE is first started, the screen is divided into a three-pane layout, as shown in the figure. You can rearrange this as you like.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_1.png" /><br />
<br />
2. From the IDE “File” menu, select “New Project” (Figure 1-2). Or, click “Create New Project” on the start page (Figure 1-3). Then, the “New” dialog box shown in Figure 1-4 appears.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_2.png" /><br />
<img src="wiki/easy-ide-book/try1/images/figure_1_3.png" /><br />
<img src="wiki/easy-ide-book/try1/images/figure_1_4.png" /><br />
<br />
3. Refer to Figure 1-5. Select “Applet Project” (1) and then, in the “Manifest Name” field, enter “Try1-1” (2). In the “Directory” field, specify “c:\Curl\lesson\Try1\01 hello_curl” (3). For an explanation of how to make this specification, see “Specifying a directory for creating a project” in the hint box below. Specify “6.0” for "API Version" (4), and then click "OK" (5).<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_5.png" /><br />
<br />
<hr class="mycode_hr" />
<br />
<img src="wiki/easy-ide-book/common/images/hint.gif" /><span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Debug Options</span></span></span><br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Specifying a directory for creating a project</span></span></span><br />
You can specify the directory to be used for creating a project in either of two ways: directly inputting the path or selecting the 'Browse" button.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">1. Inputting the path to the directory directly into the "Directory" field</span><br />
<br />
Input the path to the directory to be used for project creation directly into the "Directory" field. If you specify a directory that does not yet exist, that directory is automatically created when you create the project.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_6.png" /><br />
<br />
<span style="font-weight: bold;" class="mycode_b">2. Using the "Browse" button to select a folder</span><br />
<br />
Click the “Browse” button, located next to the “Directory” field. The "Browse for Folder" dialog box appears. Using this dialog box, select the directory in which a project is to be created. For the example given in Step 1, the specified directory has not been created. In such a case, create and specify a directory as described below. After selecting the “Curl” folder, click “Make New Folder.”A folder named “New Folder” is created. Right-click “New Folder,” select “Rename” and then change the folder name to “lesson”. In the same way, create folders named “Try1” and “01_hello_curl”. Then, select “01_hello_curl” and click “OK”. <br />
<br />
<hr class="mycode_hr" />
<br />
4. The IDE project pane displays a tree like that shown in Figure 1-7. Curl manages related resources in groupings of “Projects.”<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_9.png" /><br />
]]></description>
			<content:encoded><![CDATA[<img src="wiki/easy-ide-book/common/images/try.gif" /><span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Getting to Know Curl with 'Hello Curl'</span></span></span><br />
<br />
In Try 0, we installed the IDE. So, now that the installation is complete, we'll create our first Curl program. We'll write a program that displays "Hello Curl!" in our browser.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Please download</span> <span style="font-family: Courier;" class="mycode_font">Try1.zip</span> <span style="font-weight: bold;" class="mycode_b">file by selecting the following link: <span style="font-family: Courier;" class="mycode_font"><a href="http://developers.curl.com/wiki/easy-ide-book/try1/Try1.zip" target="_blank" rel="noopener" class="mycode_url">Try1.zip</a></span>.</span><br />
<br />
Unzip the contents to the <span style="font-family: Courier;" class="mycode_font">C:\Curl</span> directory. This is the working directory for all the examples and exercises contained within this tutorial. Note: If C:\Curl has not already been created, you can create it now.<br />
<br />
<img src="wiki/easy-ide-book/common/images/step1.gif" /><span style="font-size: x-large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Start the IDE, and create a new Project</span></span></span><br />
<br />
1. To start the IDE, double-click the Curl IDE shortcut that we created on the desktop. Then, the screen shown in Figure 1-1 appears. When the IDE is first started, the screen is divided into a three-pane layout, as shown in the figure. You can rearrange this as you like.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_1.png" /><br />
<br />
2. From the IDE “File” menu, select “New Project” (Figure 1-2). Or, click “Create New Project” on the start page (Figure 1-3). Then, the “New” dialog box shown in Figure 1-4 appears.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_2.png" /><br />
<img src="wiki/easy-ide-book/try1/images/figure_1_3.png" /><br />
<img src="wiki/easy-ide-book/try1/images/figure_1_4.png" /><br />
<br />
3. Refer to Figure 1-5. Select “Applet Project” (1) and then, in the “Manifest Name” field, enter “Try1-1” (2). In the “Directory” field, specify “c:\Curl\lesson\Try1\01 hello_curl” (3). For an explanation of how to make this specification, see “Specifying a directory for creating a project” in the hint box below. Specify “6.0” for "API Version" (4), and then click "OK" (5).<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_5.png" /><br />
<br />
<hr class="mycode_hr" />
<br />
<img src="wiki/easy-ide-book/common/images/hint.gif" /><span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Debug Options</span></span></span><br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-family: Arial;" class="mycode_font"><span style="font-weight: bold;" class="mycode_b">Specifying a directory for creating a project</span></span></span><br />
You can specify the directory to be used for creating a project in either of two ways: directly inputting the path or selecting the 'Browse" button.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">1. Inputting the path to the directory directly into the "Directory" field</span><br />
<br />
Input the path to the directory to be used for project creation directly into the "Directory" field. If you specify a directory that does not yet exist, that directory is automatically created when you create the project.<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_6.png" /><br />
<br />
<span style="font-weight: bold;" class="mycode_b">2. Using the "Browse" button to select a folder</span><br />
<br />
Click the “Browse” button, located next to the “Directory” field. The "Browse for Folder" dialog box appears. Using this dialog box, select the directory in which a project is to be created. For the example given in Step 1, the specified directory has not been created. In such a case, create and specify a directory as described below. After selecting the “Curl” folder, click “Make New Folder.”A folder named “New Folder” is created. Right-click “New Folder,” select “Rename” and then change the folder name to “lesson”. In the same way, create folders named “Try1” and “01_hello_curl”. Then, select “01_hello_curl” and click “OK”. <br />
<br />
<hr class="mycode_hr" />
<br />
4. The IDE project pane displays a tree like that shown in Figure 1-7. Curl manages related resources in groupings of “Projects.”<br />
<br />
<img src="wiki/easy-ide-book/try1/images/figure_1_9.png" /><br />
]]></content:encoded>
		</item>
	</channel>
</rss>