Integración de imágenes en estructuras hipertextuales

De WikiDidácTICa

Contenido

Recursos digitales

HTML: Insertar imágenes

Video que muestra como insertar imágenes en un documento HTML mediante URL absolutas y URL relativas. Explica las etiquetas html implicadas, donde hay que insertarlas, con que atributos y muestra cómo se ve la página web.

Se puede seguir la explicación en el aula con los alumnos.

Integración de imágenes en dreamweaver

Vídeo que explica los distintos modos de insertar imágenes en el sitio web, cómo manipularlas y modificarlas, así como la definición de los colores de fondo.

Es muy importante que las imágenes que se van a insertar estén ya incluidas en el sitio que se ha creado. De esta forma se tiene seguridad de que los enlaces estan bien definidos cuando se suba el sitio a un servidor remoto.

Insertar una imagen en html

Vídeo sin audio que explica el proceso de inserción de una imagen en el código html.

La explicación del proceso aparece a modo de ventana en la que se va escribiendo todos los pasos dados.



Experiencias de aula

Si usas este recurso para trabajar con tu alumnado podrías dejar tu experiencia aquí. De este modo, serás un guía en el camino a la introducción de las TIC en el aula de Informática por parte otros compañero/as.

Podrás ayudarte de este guión, que por supuesto puedes ampliar o modificar, para contarnos tu experiencia.

1. Título de la experiencia
2. Herramientas TIC utilizadas
3. Año de realización del trabajo
4. Número de alumno/as intervinientes/participantes
5. Tiempo (duración) de la actividad
6. Desarrollo/Explicación de la actividad, siendo preferible un enlace a alguna web
donde el profesor que la ha llevado a cabo la comente.


Prácticas innovadoras

¿Qué añadirías o modificarías para ampliar la funcionalidad y mejorar los recursos presentados en este artículo?

Aporta ideas de cómo y dónde podrías trabajar este apartado.

Herramientas personales
Colaboración Escolar