Insertar vídeos e imágenes

Enviado por Sombra el Lun, 01/04/2019 - 02:42

¡Compartelo!

Insertar vídeos

En la cabecera del editor de texto está la barra de herramientas y, en ella, justo a la izquierda del selector para ver la Fuente HTML del texto, están los selectores para insertar imágenes y vídeos.

En el caso de los vídeos al activarlo se abre un cuadro de diálogo con un pequeño formulario, una simple casilla, para introducir en ella la URL de un vídeo de YouTube (por el momento: en cuanto me sea posible planeo configurar otros servicios cómo Vimeo, etc).

Para obtener esa URL con facilidad, estando en YouTube pulsa sobre el icono de compartir (una flecha curvada) y, en la ventana emergente que se abre para compartirlo por diferentes medios, pulsa sobre "Copiar", lo que copiará la URL exacta en tu portapapeles y podrás pegarla en el formulario.

Pulsando aceptar el vídeo quedará automáticamente insertado.

Insertar imágenes

El proceso para insertar imágenes comienza igual, activando el icono de imagen se abre un cuadro de diálogo, esta vez algo mas complejo.

En la parte superior del mismo una casilla con un botón que nos indica que aún no hemos seleccionado ninguna imagen y que debemos seleccionar una de la memoria de nuestro dispositivo.

Es recomendable que antes de proceder a ello marquemos las casillas del selector bajo el epígrafe "Alineación" que deseemos pues algunos dispositivos una vez hecha esta selección reajustan la ventana y puede que ese reajuste dificulte el acceso a las mismas desplazándolas bajo el botón de "Guardar"

En principio, a menos que queramos posicionar la imagen de una forma determinada, salvo la última casilla que activa un campo para "etiquetar" la imagen (ponerle un pie de foto) una vez insertada, no es necesario seleccionar ninguna ya que el sitio esta configurado para que, salvo indicación en contrario, las imágenes se vayan insertando de forma alternada alineadas a derecha e izquierda.

Atención: No debemos confundir la "Descripción" con el "pie de foto", la casilla de "Descripción" tiene como finalidad ofrecer una descripción de la imagen si esta no se puede cargar y, sobre todo, para que la lean los dispositivos de accesibilidad, cómo por ejemplo los lectores de pantalla que usan los invidentes así qué, aunque completar ese campo no es un requisito imprescindible, si es deseable que lo hagas.

La imagen seleccionada en nuestro dispositivo se carga en el servidor de cazarconarco.com siempre que se trate de una imagen jpg, gif o BMP, el resto de formatos son rechazados por motivos de seguridad y se inserta a su tamaño original, así:

Croquis de la Reserva de Caza Mkuze en Natal, Suráfrica

 

Al insertar la imagen anterior no he marcado la casilla "Etiquetar" y, por lo tanto, no tiene "pie de foto".

Las imágenes están limitadas a un ancho de 700 píxeles (si son mayores el sistema las redimensiona y reduce) y a un "peso" máximo de 64Mb, aunque es deseable que las "aligeres" si es posible para facilitar la carga de las páginas, no obastante se pueden redimensionar editando la fuente HTML y sustituyendo la parte final de la etiqueta imagen, "img", que se cierra con " />" por " style="width:70%; height: auto;" />" (atención a incluir los espacios previos) donde el % de "widht" puede ser el que desees y hace referencia a el ancho del texto donde se inserta, no al tamaño de la imagen, es decir, no es, en este caso, el 70% del tamaño de la imagen original si no que es el 70% del ancho de este texto que, a su vez, se ajusta en función del ancho de la pantalla del dispositivo donde lo visualizas.

 

Croquis de la Reserva de Caza de Mkuze, en Natal, Suráfrica
Croquis de la Reserva de Caza Mkuze en Natal, Suráfrica (Este es el "pie de foto" que si se puede incorporar en una casilla que se presenta justo bajo la imagen insertada si marcamos la casilla "etiquetar". Es aconsejable que, para diferenciarlos del texto del contenido, los escribas en cursiva o, si lo prefieres en negrilla o en la combinación de ambas. Este "pie de foto" no queda siempre ubicado bajo la foto cuando el texto se redistribuye para adaptarse a la pantalla de tu dispositivo y precisamente por eso es conveniente diferenciar el tipo de letra.)

 

Aunque puede ocurrir que por tu rol o registro no estés autorizado para ello.

Si es así no debe preocuparte en exceso ya que en algún momento yo mismo o algún otro usuario con el nivel adecuado solucionará eso haciendo que tu imagen sea adaptable.

Otra opción que tienes es borrar esa imagen, editarla, redimensionarla en tu dispositivo e insertar la version reducida.

Spanish