How to Upload Picture on to a Kompozer

Adding Pictures (Images) to Your Web Page

Inserting an Image into Your Page

You tin insert GIF, JPEG, BMP, and PNG (Portable Network Graphics) images into your web page. You lot tin can as well use them to create links. When you insert an epitome, KompoZer saves a reference to the image in your page.

Note: If you program to publish your pages to the web, it's all-time not to use BMP images in your pages.

Tip: It's best to first save or publish your page before y'all insert images into it. This allows KompoZer to automatically use relative references to images once you insert them.

To insert an prototype:

1. Click to place the insertion point where y'all want the epitome to appear.
2. Click the Image button on the toolbar, or open the Insert carte and choose Epitome. You come across the Image Backdrop dialog box.
3. Type the location and filename of the epitome file, or click Choose File to search for an image file on your difficult drive or network.
4. Type a uncomplicated clarification of your paradigm as the alternate text that will announced in text-only browsers (every bit well as other browsers) when an image is loading or when image loading is disabled.

   Alternatively, y'all can choose not to include alternate text.

5. If needed, click other tabs so y'all tin can adjust the settings (for example, alignment) in the Image Properties dialog box.

Tip: To apace insert an paradigm: Drag and drop it onto your page.

Tip: To insert a line interruption after all images in a paragraph, choose Break Beneath Images from the Insert carte.

[ Return to starting time of section ]

Editing Prototype Properties

Once you've inserted an prototype into your page, you tin edit its backdrop and customize the layout in your page, such as the height, width, spacing, and text alignment. If you lot are not currently viewing the Image Properties dialog box, follow these steps:

To edit the properties for a selected paradigm:

1. Double-click the image, or select information technology and click the Image push on the toolbar to display the Image Backdrop dialog box.
2. Click the Location tab to edit these properties:
   • Image Location: Type the filename and location of the image file. Click Choose File to search for an prototype file on your difficult drive or network.
   • URL is relative to page location: If checked, KompoZer converts the URL to be relative to the page's location. This is peculiarly useful if you lot plan to publish your pages on a web server so that others can view them. Using relative URLs allows you to continue all your linked files in the aforementioned identify relative to each other, regardless of their location on your hd or a web server.

     Unchecking this box causes KompoZer to convert the URL to a full (absolute) URL. You typically use accented URLs when linking to images on other web servers (non stored locally on your hard deejay).

     If you have never saved or published the page, y'all must first save the page in order to enable this checkbox. (This checkbox is not available if you open the Epitome Properties dialog box in a message compose window.)

   • Alternate Text: Enter text that will brandish in identify of the original paradigm; for case, a caption or a brief description of the image. It's a skillful practise to specify alternate text for readers who use text-only web browsers or who have prototype loading turned off.
   • Don't utilize alternate text: Cull this option if the epitome does non require alternate text or if you don't desire to include it.
3. Click the Dimensions tab to edit these backdrop:
   • Actual Size: Select this option to undo any changes you've made to the dimensions and render the image to its original size.
   • Custom Size: Select this selection and specify the new top and width, in pixels or as a percentage. This setting doesn't bear upon the original image file, just the image inserted in your page.
   • Constrain: If you change the paradigm size, it's a practiced idea to select this in order to maintain the prototype'southward aspect ratio (so that it doesn't appear distorted). If you cull this pick, then yous but need to change the height or width, but not both.
4. Click the Advent Tab to edit these properties:
   • Spacing: Specify the amount of space surrounding the image; betwixt the paradigm and adjoining text. Yous tin can besides put a solid black border effectually the image and specify its width in pixels. Specify zippo for no border.
   • Align Text to Epitome: If you've placed your image adjacent to whatever text, select an alignment icon to betoken how you want text positioned relative to the image.
   • Image Map: Click Remove to remove whatever epitome map settings.
5. Click the Link tab to edit these properties:
   • Enter a web page location: If you want to define a link for this paradigm, enter the URL of a remote or local page, or select a named anchor or heading from the drop-downward list. Click Choose File to search for an image file on your hard drive or network.
   • URL is relative to page location: If checked, KompoZer converts the URL to be relative to the page'southward location. This is especially useful if you programme to publish your pages to a web server and so that others can view them. Using relative URLs allows you to proceed all your linked files in the same place relative to each other, regardless of their location on your hard disk or a web server.

     Unchecking this box causes KompoZer to convert the URL to a full (absolute) URL. You typically use absolute URLs when linking to images on other web servers (not stored locally on your hard disk).

     If you take unsaved changes, yous must first save the page in guild to enable this checkbox. (This checkbox is not bachelor if you open up the Image Properties dialog box in a message compose window.)

   • Show edge around linked paradigm: If checked, displays the link highlight colour effectually the image.
6. To utilize additional attributes or JavaScript events, click Advanced Edit to display the Avant-garde Holding Editor.
7. Click OK to ostend your changes.

[ Return to offset of section ]

[Dwelling house] [Side by side] [Previous]

TeliuTe, 07 July 2009

Copyright © 2004-2009 Contributors to the Nvu, KompoZer Aid Documentation Project.

loarwhomed1977.blogspot.com

Source: https://teliute.org/linux/kz_en_help/images.html

Share this post