trabajo

INSTANCIA EDUCATIVA: _____________________________________

Submódulo VIII: Elaboración de Páginas Web
DREAMWEAVER 8

PRACTICA 5
Hiperenlaces

NOMBRE:________________________________________ GRUPO:____________
MAQUINA:____________ FECHA:_____________ CALF.:_____________

OBJETIVO EL ALUMNO:
Insertar imágenes y manipular sus atributos
Manejar Hiperenlaces
Hiperenlace
ReferenciasDestino del enlace
Formato del enlace
Anclas
RECOMENDACIONES:
Haber comprendido los temas en el Bloque I y de las sesiones anteriores.
Conocer el manejo interactivo del ambiente de diseño y desarrollo de Dreamweaver.
DESARROLLO:
1. Ejecuta el programa de Dreamweaver 8
INICIO / TODOS LOS PROGRAMAS / ADOBE / DREAMWEAVER 8

2. Ya iniciada la sesión en el SW debemos crear una páginaen blanco, a la cual se pondré el nombre Tratamiento de hiperenlaces.html, la cual será almacenada en la carpeta ejercicios del sitio web local. Como se muestra a continuación.

3. Al nuevo archivo debes darle la siguiente estructura. Debes agregar el logo del colegio como fondo de la página







4. Para crear los vínculos se debe dar clic en el icono se muestra enseguida.
Seleccionarel texto al cual se desea establecer un vínculo

Dar un clic en el siguiente icono.

Se escribe el título del vínculo.

Se define el vínculo relativo a la carpeta raíz y donde se encuentra almacenada la imagen.
Aparecen las carpetas del sitio y se elige la que tiene el nombre de imágenes.

Se elige el archivo y se presiona en aceptar.








5. Los alumnos deberán almacenardiversas imágenes en la carpeta imágenes del sitio local web.

6. Se creara un archivo con el nombre Archivo 1 con imágenes.html y se le agregaran al menos 4 imágenes, las cuales serán de un tamaño de 300 x 300 pixeles. Al final se insertara un link a la página Tratamiento de hiperenlaces.htm

Para insertar las imágenes en cada archivo, seguir los siguientes pasos.
1. Dejar el cursor donde sedesea que aparezca la imagen.
2. Dar un clic en el siguiente icono.

3. Se define el vínculo relativo a la carpeta raíz y donde se encuentra almacenada la imagen.
4. Aparecen las carpetas del sitio y se elige la que tiene el nombre de imágenes.


5. Se elige el archivo y se presiona en aceptar.
















6. Se define la ruta larga de accesibilidad de la imagen7. Se especifica el alto y ancho de la imagen en el panel de la página y se da un enter.

8. Posteriormente, se editaran los atributos del siguiente cuadro.


9. Si lo que se desea es modificar la escala de grises, los perfiles de la imagen o recortes hay que editar los parámetros que se encuentran en este icono.

7. Se creara un archivo con el nombre Archivo 1 con imágenes.html y se leagregaran al menos 4 imágenes, las cuales serán de un tamaño de 400 x 400 pixeles. Al final se insertara un link a la página Tratamiento de hiperenlaces.htm








A APARIENCIA FINAL QUE DEBE TENER LA PÁGINA ES LA SIGUIENTE






































INSTANCIA EDUCATIVA: _____________________________________

Submódulo VIII: Elaboración dePáginas Web
DREAMWEAVER 8

PRACTICA 6
Inserta imágenes y modifica sus propiedades.
Inserta tablas y modifica sus propiedades.
Insertar hipervínculos

NOMBRE:________________________________________ GRUPO:____________
MAQUINA:____________ FECHA:_____________ CALF.:_____________

OBJETIVO EL ALUMNO:
Manipular propiedades de una tabla
Manipular hiperenlaces y sus propiedadesManipular imágenes y sus propiedades

RECOMENDACIONES:
Conocer el manejo interactivo del ambiente de diseño y desarrollo de Dreamweaver.
DESARROLLO:

1. Ejecuta el programa de Dreamweaver 8
INICIO / TODOS LOS PROGRAMAS / ADOBE / DREAMWEAVER 8

2. Ya iniciada la sesión en el SW debemos crear una página en blanco, a la cual se pondré el nombre Tabla con vínculos a imágenes.html, la cual será...