• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 9. Creating and Managing Images > Inserting Images into a Page

Inserting Images into a Page

You can insert an image into a page in UltraDev by using the Select Image Source dialog box. To insert an image into your document, follow these steps:

1.
Place the cursor at the position on the page where you want to insert the image.

2.
Choose Insert, Image to display the Select Image Source dialog box, as shown in Figure 9.1.

Figure 9.1. Use the Select Image Source dialog box to select the image you want to insert into the Web page.


3.
The Look in drop-down list allows you to select an image from anywhere within your file system. By default, it lists the images in the local root folder. If the image that you want to use is in a subfolder of the local root folder, you can double-click that subfolder to view the image files. If the image is in a folder other than the local root folder, select that folder from the Look in drop-down list. When you select the image that you want to insert, a preview of the selected image appears on the right side of the dialog box. Click OK to insert the image. Figure 9.2 shows the Select Image Source dialog box with the preview of the selected image.

Figure 9.2. You can preview the image in Select Image Source dialog box before inserting it in the page.


4.
If the image file that you selected is not within the local root folder, a warning message prompts you to copy the image file to the local site folder. Click Yes in the message box to copy the image to the local site folder. The Copy File As dialog box appears.

Caution

If you do not copy an image to the local site folder, it does not appear when you publish your site. It is always better to have all the images you plan to use for your site in the local root folder, preferably within a subfolder of the local root folder. So, before you begin inserting an image, make sure you have all the images in the required subfolder of the local root folder.

5.
In the Copy File As dialog box, type a name for the image file in the File Name text box and click Save. The Copy File As dialog box closes and the image appears at the position you specified, as shown in Figure 9.3.

Figure 9.3. The image that you select is inserted at the position of the cursor.



PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint