- -
Ayuda poliformaT

Árbol de páginas

Versiones comparadas

Clave

  • Se ha añadido esta línea.
  • Se ha eliminado esta línea.
  • El formato se ha cambiado.

...

UI Steps
sizesmall


UI Step

Para insertar una imagen, pulsaremos en el icono de "Imagen" en el editor de texto.



UI Step

A continuación, copiaremos y pegaremos el enlace de una imagen de internet, escogeremos una de nuestra carpeta de "Recursos" pulsando sobre "Ver Servidor" o cargaremos una pulsando sobre "Cargar".


UI Tabs


UI Tab
titleInsertar mediante enlace

Para insertar una imagen mediante un enlace:

UI Steps
sizesmall


UI Step

Buscaremos una imagen en internet y copiaremos el enlace de esta.



UI Step

Pegaremos ese enlace en el campo de "URL".





UI Tab
titleInsertar desde recursos

Para insertar una imagen de nuestra carpeta de "Recursos":

UI Steps
sizesmall


UI Step

Pulsaremos sobre "Ver Servidor".



UI Step

Buscaremos la carpeta "Resources" y, dentro de esta, la imagen deseada. Pulsaremos sobre "OK".





UI Tab
titleCargar una imagen

Para cargar una imagen de nuestro dispositivo:

UI Steps
sizesmall


UI Step

Pulsaremos sobre "Cargar" del menú superior.



UI Step

Elegiremos un archivo y pulsaremos sobre "Enviar al Servidor".







UI Step

El siguiente paso es, si lo deseamos, modificar las propiedades básicas de la imagen. Podremos:

  • Cambiar la "Anchura". Se puede bloquear la relación anchura-altura dejando "cerrado" el candado .
  • Cambiar la "Altura". Se puede bloquear la relación anchura-altura dejando "cerrado" el candado .
  • Definirle un "Borde". Se define la anchura, en pixels, indicando solo el valor numérico.
  • Definirle un "Espaciado Horizontal". En pixels, indicando solo el valor numérico.
  • Definirle un "Espaciado Vertical". En pixels, indicando solo el valor numérico.
  • Definir la "Alineación": Izquierda o derecha.



UI Step

Si lo deseamos, desde la pestaña "Vínculo" podemos vincular esta imagen a un enlace, así, cuando se pulse en la imagen se redirigirá a la página que hayamos introducido. Para ello, copiaremos el enlace al campo "URL".

También podemos elegir como seremos redirigidos desde el desplegable "Destino": si a una nueva ventana web o en la misma ventana en la que nos encontramos.  



UI Step

Por útimo, también podremos modificar las propiedades avanzadas de la imágen desde la pestaña "Avanzado" del menú superior.



Section



Advertencia

No olvides pulsar en "Aceptar" antes de salir para que surtan efecto los cambios.



0
Panel
borderWidth
Section


Section



Section


Column
width50%


Panel
bgColor#7c7c7c
borderStyleborderWidthnone0



Column
width50%


Panel
bgColor#194d68
borderStylenone




Section


Column
width10%


Column
width90%


Sugerencia
iconfalse

Centro de Atención al Usuario del Área de Sistemas de Información y Comunicaciones

Tel. 96 387 77 50 (Ext. UPV 77750
Edificio 4H4 del Campus de Vera




...