5
Working With Images 5-1
5
Working With Images
In addition to adding and editing text on your web pages, you can also add images. Images are a great way to illustrate a point or add color and variety to your pages. You
can add, modify, and remove images in Contributor. The image can be in the JPEG, GIF, or PNG format, and it must be checked into the content server.
You generally perform the following tasks with images:
■
Checking Images Into Content Server on page 5-1
■
Adding Images on page 5-2
■
Replacing Existing Images on page 5-2
■
Resizing an Image on page 5-3
■
Changing the Properties of an Image on page 5-4
■
Deleting an Image on page 5-5
5.1 Checking Images Into Content Server
Before you can add an image to the Web site, the image must be checked into the content server. As is the case with native documents see
Chapter 10, Working With Native Documents
, you can use one of the various methods available on the content server to check the image in.
Please note the following when checking in an image:
■
The image must be in the JPEG, GIF, or PNG format. Contact your site designer or site manager if you have questions regarding these files.
■
The image should be checked in using the appropriate Site Studio metadata so that it is recognized as belonging to the Web site. In particular, you should specify the
correct value for Web Sites and Website Object Type. Otherwise, your images may get lost if the site is ever moved to another server.
■
The image may need to follow certain company style guidelines, like file type, size, and aspect ratio. Contact your site designer or site manager if you have
questions regarding these policies.
Note: For more information on checking content into the content
server, see the User’s Guide for Content Server.
5-2 Oracle Fusion Middleware Users Guide for Site Studio Contributor
5.2 Adding Images
You can add images in Contributor using the editing toolbar. Once you add the image, you can resize it, change its properties, and more.
1.
Place your cursor where you would like to add the image.
2.
Click the Insert Image icon Figure 5–1
in the editing toolbar.
Figure 5–1 Image Icon
3.
A window opens displaying the search results page in the content server. Click Select
beside the image that you would like to use. If you do not see the image you want to add, you may not have checked it into the content server correctly. See
Checking Images Into Content Server on page 5-1 for more information.
If the content server has Digital Asset Management, then the Actions column in the results page shows the blue information icon, and a Digital Asset Management
icon Figure 5–2
. Click the icon and multiple renderings of the image to use on the Web site are listed. Each rendering is a version of an image created by the content
server when the image is checked in. The renderings available depend on how the content server is set up, but will typically include a thumbnail version, a preview
version, and similar smaller-sized versions of the image ready to use on a Web site.
Click Select beside the specific rendering of the image that you would like to use. Figure 5–2
Digital Asset Management icon
4. The search results page closes, and you return to Contributor, where you see your
image on the page.
5.3 Replacing Existing Images
