- -
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, accederemos al editor de texto y pulsaremos en el icono de imagen:"Imagen" en el editor de texto.


Image AddedImage Removed


UI Step

A continuación, copiamos y pegamos un link de internet o subiremos nuestra propia imagen al servidor. Definiremos las propiedades de la imagen, si así lo deseamos, como la anchura, altura, bordes, márgenes, alineación:

Image Removed

Al hacer click en aceptar, aparecerá su imagen correctamente insertada.

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.


Image Added


UI Step

Pegaremos ese enlace en el campo de "URL".


Image Added




UI Tab
titleInsertar desde recursos

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

UI Steps
sizesmall


UI Step

Pulsaremos sobre "Ver Servidor".


Image Added


UI Step

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


Image Added




UI Tab
titleCargar una imagen

Para cargar una imagen de nuestro dispositivo:

UI Steps
sizesmall


UI Step

Pulsaremos sobre "Cargar" del menú superior.


Image Added


UI Step

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


Image Added






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 Image Added.
  • Cambiar la "Altura". Se puede bloquear la relación anchura-altura dejando "cerrado" el candado Image Added.
  • 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.


Image Added


UI Step

Si lo deseamos, desde la pestaña "Vínculo" podemos vincular esta imagen a un enlace

UI Step
bgColor#e9f0f7
borderWidth0

Si lo deseamos, desde la pestaña Vínculo podemos vincular esta imagen a una URL, así, cuando se pulse en la imagen se redirigirá a la página que hayamos introducido. Podemos . 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.  


Image Added


UI Step

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


Image Added


Section



Advertencia

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



Panel
borderWidth0


Section



Section


Column
width50%


Panel
bgColor#7c7c7c
borderStylenone
Image Added



Column
width50%


Panel
bgColor#194d68
borderStylenone

Image Added

Image RemovedImage Removed






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




...