Editando apunte: Este diario: Las imágenes

Editando apunte: Este diario: Las imágenes cerrar apuntes

ID: 16 (tabla: apuntes) Título:
Fecha: [poner fecha actual ]
Categorías: Así se hizo, Vicisitudes de un Webmaster
Etiquetas: bitácora, blog, diario, diseño, imágenes, SEO, webmaster
Extras: bitácora, blog, diario, diseño, imágenes, SEO, webmaster
apunte: - - - - - - - -

<a href="diario.ficha.php?id=2&PHPSESSID=jomk2uannj352hj9hc5b64oes5" title="¡Voy volando!"><img
		src="diario.imagen.php?id=2&max=160"
		alt="¡Voy volando!"
		style="margin: 1em; float: left; border: 3px outset blue"
		id="imagen_mia"
		longdesc="diario.ficha.php?id=2"
	/></a>
	[rss]Las imágenes en este diario pueden insertarse desde otra página web, usando en tal caso su ruta completa, o desde la propia galería que pude verse en el <a href="diario/diario.editor.php?PHPSESSID=jomk2uannj352hj9hc5b64oes5">editor</a>.
La manera de insertarlas en los apuntes es tan sencilla como entrar en la tabla "imágenes", seleccionarla desde la galería de miniaturas, y copiarla al portapapeles.[/rss]


	A las imágenes de la galería, se las inserta desde la url "diario.imagen.php" (<img src="diario.imagen.php?max=15" alt="interrogante" />), y el tamaño puede modificarse con la variable "max", y la selección se realiza por su identificador "id". Para la imagen que vemos en este apunte, la dirección se construye así:

<pre class="codigo"><img
	src="diario.imagen.php?id=2&max=160"
	title="¡Voy volando!"
	alt="¡Voy volando!"
	style="margin: 1em; float: left; border: 3px outset blue"
	id="imagen_mia"
	longdesc="diario.ficha.php?id=2"
></pre>

	Hemos modificado el tamaño y estilos, a la vez que añadido un identificador por si en el futuro necesitásemos una forma de referenciarla. Nótese que insertando la imagen desde el portapapeles automáticamente se asignan valores a los atributos "html" alt y title, importantes para el componente de accesibilidad de esta página. También se añade el atributo longdesc con destino de una ficha donde también se muestra su descripción. Para la imágen de este apunte este es el enlace de su <a href="diario.ficha.php?id=2&PHPSESSID=jomk2uannj352hj9hc5b64oes5">ficha</a>
(también puede pulsar en la propia imagen).


	<a href="diario.ficha.php?id=4&PHPSESSID=jomk2uannj352hj9hc5b64oes5" title="odalisca"><img src="diario.imagen.php?id=4&max=300" alt="odalisca" longdesc="diario.ficha.php?id=4" style="float: right" /></a>
	Por defecto hemos usado el valor 300 para la variable max, pero si la imagen en cuestión (siempre hablando de las que se encuentran en la librería) tuviese menor tamaño, se mostrará la imagen sin redimensionar.


	<a href="diario.ficha.php?id=4&PHPSESSID=jomk2uannj352hj9hc5b64oes5" title="odalisca"><img src="diario.imagen.php?id=4" alt="odalisca" longdesc="diario.ficha.php?id=4" style="float: left; height: 80px" /></a>
	
	
		<img src="diario.imagen.php?id=4&max=80" alt="odalisca" title="odalisca" longdesc="diario.ficha.php?id=4" style="float: left" />
	
	Para las animaciones, si se redimensionan con la variable max, esa animación se pierde (siempre que se trate de una reducción); por esa razón las opciones serán perder la animación y reducir su peso redimensionándola con la variable max, o reducir la imagen con estilos para mantener la animación; para realizar esta segunda opción, tan solo se debe modificar uno de los estilos (altura: height o anchura: width). De todas formas, las imágenes animadas no suelen tener grandes dimensiones, por lo que tal vez no consideremos mucho esta característica.

Controles Otras tablas: imagenes, postales, categorias, etiquetas, extras - - (popup ) - que

Seleccionar nuevo apunte

categoria Nombre:
Controles Otras tablas: apuntes, imagenes, postales, etiquetas extras - - Seleccionar: categoria
Descripción: - - - - - - - -	Apuntes

extra Nombre:
Controles Otras tablas: apuntes, imagenes, postales, categorias etiquetas - - Seleccionar: extra
Descripción: - - - - - - - -	Apuntes

etiqueta Nombre:
Controles Otras tablas: apuntes, imagenes, postales, categorias extras - - Seleccionar: etiqueta
Descripción: - - - - - - - -	Apuntes

Editor del diario

Zona de comentarios

Evaluación