Developing NetBeans IDE/Certain Pack Content for netbeans.org Publication (This title must match the string in the title tag.)

This document is meant to assist NetBeans IDE/Certain Pack content contributors during the development process. In its initial form, the document will contain content examples to be used by content developers.

For more information about working with NetBeans IDE, see the Support and Docs page on the NetBeans web site.

Note: Wherever you see the icon,
you can click to view a detailed interactive demonstration of the steps that are described in the tutorial.

Warning: This box is intended for warnings or notices that are related to drafts posted for customer review.

Software Needed for This Tutorial

List all the software that is needed and where to download it. For NetBeans builds, just link to http://www.netbeans.info/downloads/index.php.
If the user can build on an example project, link to it here as well.
Just include the example project in the zip file you send to the web team, and we
will post it with the correct link.

Before you begin, you need to install the following software on your computer:

The following code is used for the center-aligned placement of the image, with line breaks for readability.

Code Example 1: Code for the Placement of the Center-Aligned Image

<p align="center">
<img src="../../images/articles/nbentpack-tuts/sample_image_nolink.png"
alt="Sample image that does not require a link to the full version because the width of the image is not more than 600px">
</p>

If the image is wider than 600 px, you must scale-down the image so that it is not more than 600 px wide. You must then place the scaled-down image below the step, and use the image as a link to the full-size version of the image.

This image is wider than 600 px. This means that you have to create a resized version of the image and place the scaled down version directly in the text. The scaled down version of the image must provide a link to the full-size image.

The <a href> link and <img> tags are enclosed in a center-aligned <p> tag, and the <li> tag is closed after the closing <p> tag.

Use the title attribute on the <a href> link tag to provide text for the link, for example, title="Click to view full size image." Do not use an alt attribute on the <img> tag, because browsers override this tag if it is enclosed in a link tag.

The following code is used for the link and the placement of the scaled-down image, with line breaks for readability.

Code Example 2: Code for the Link and the Placement of the Scaled-Down Image

Add the following metatag to a file if you do not want the file to use the default navigation wrapper.
The metatag is useful if you want to open a file in a pop-up window.
You should also include this metatag if the file is used to display an SWF file [Linking to a Flash Demo].

Code Example 6: Metatag to Be Included if the File Is Used to Display an SWF File

See Also

About the Send Us Your Feedback link: If you do not have a See Also section, place the Feedback link immediately above the final "top" link on the page. In this template, the Feedback link would immediately follow this paragraph (the paragraph that you are reading).

Use the following code for the Send Us Your Feedback link in your tutorial.