ENCUADRE DE LA MATERIA. DISEÑO DE PÁGINAS WEB DREAMWEAVER.

Presentación del tema: "ENCUADRE DE LA MATERIA. DISEÑO DE PÁGINAS WEB DREAMWEAVER."— Transcripción de la presentación:

1 ENCUADRE DE LA MATERIA

2 DISEÑO DE PÁGINAS WEB DREAMWEAVER

3 Objetivo de la Asignatura  El alumno desarrollara habilidades para la construcción, diseño, edición e implantación de aplicaciones web modernas y dinámicas basadas en la maquetación utilizando hojas de estilos CSS.

4  1.- ¿Qué espero del curso?   2.- ¿Qué quiero que suceda en él?   3.- ¿ Que quiero que no suceda en el?   4.- ¿Qué estoy dispuesto a aportar para lograrlo?   5.- ¿ Que espero del profesor? ACTIVIDADES:

5 PLAN DE TRABAJO 1. 1. 1. ESPACIO DE TRABAJO Y GESTIÓN DE ARCHIVOS 1.1 Conocer la interfaz de usuario del programa 1.1.1 Gestionar los conjuntos de paneles 1.2 Crear nuevos documentos 1.3 Ver distintos archivos a la vez 1.4 Alternar entre las vistas de diseño y de código 1.5 Elementos básicos de una página web 1.6 Uso de comandos básicos en Dreamweaver

6 2. GESTIÓN DE SITIOS Y PÁGINAS 2.1 Creación de un sitio web local 2.2 Administración de un sitio local 2.2.1 Aplicar un color de fondo a una página 2.2.2 Insertar una imagen de fondo a una página 2.2.3 Insertar una imagen de rastreo 2.2.4 Insertar notas de diseño 2.3 Exportar y eliminar un sitio local 2.4 Importar un sitio local a Dreamweaver 2.5 Duplicar y editar un sitio loca

7 3. INSERCIÓN Y FORMATO DE TEXTO 3.1 Inserción de texto 3.1.1 Selección, copia y pegado de texto 3.1.2 Formato de párrafo 3.1.3 Fuentes y tamaño de fuentes 3.1.4 Estilos de fuente 3.2 Los textos y el color en Dreamweaver 3.2.1 Colores personalizados y colores seguros 3.3 Márgenes y alineación 3.4 Sangrías y listas 3.4.1 Estilos y elementos de lista 3.5 Caracteres especiales y reglas horizontales 3.6 Buscar y reemplazar texto 3.7 Corrección ortográfica 3.8 Importar y utilizar fuentes Web

8 4. INSERTAR IMÁGENES 4.1 Compartir imágenes entre páginas 4.2 Cambiar las dimensiones de una imagen 4.3 Alinear imágenes 4.4 Conocer las funciones de edición de imágenes 4.5 Crear mapas de imagen y otros ajustes

9 5. AGREGAR ENLACES 5.1 Comprobar errores de navegación 5.2 Pre visualizar las páginas 5.3 Cambiar las propiedades de los vínculos

10 6. INSERTAR TABLAS 6.1 Trabajar con filas, columnas y celdas 6.2 Cambiar las propiedades de tabla 6.3 Editar filas, columnas y celdas 6.4 Dividir y combinar celdas 6.5 Combinar Dreamweaver con Word y Excel 6.6 Limpiar el código HTML 6.7 Anidar tablas 6.8 Ordenar tablas 6.9 Exportar e importar los datos de una tabla 6.10 Trabajar con el modo de tablas expandidas

11 7. ETIQUETAS HTML Y ESTILOS 7.1 Configurar los estilos CSS 7.2 Aplicar estilos CSS 7.3 Trabajar con hojas de estilos de muestra 7.4 Definir estilos para etiquetas HTML 7.5 Los archivos relacionados 7.6 Editar una hoja de estilos 7.6.1 Definición de nuevas reglas de estilo 7.6.2 Incrustar, importar y vincular hojas de estilo 7.7 Utilizar un diseño de inicio CSS 7.7.1 El Navegador de código 7.7.2 Crear un estilo de clase 7.7.3 Duplicar y aplicar un estilo de clase 7.8 Combinación de hojas de estilo 7.9 Conocer las categorías de definición de estilos 7.10 Reglas de estilo avanzadas 7.11 Trabajar con el nuevo modo de inspección CSS

12 8. MARCOS Y MULTIMEDIA 8.1 Conjuntos de marcos 8.2 Marcos 8.2.1 Inserción de marcos 8.2.2 Propiedades de los marcos 8.2.3 Marcadores de posición de imagen 8.3 Imágenes de sustitución 8.4 Insertar barras de navegación 8.4.1 Editar barras de navegación 8.5 Inserción de películas de Flash 8.6 Inserción de vídeos Flash 8.7 Vinculación de sonidos 8.8 Incrustación de sonidos 8.9 Vinculación e incrustación de vídeos 8.10 Enlaces, marcos y destinos 8.11 Anclajes con nombre

13 9. CREAR UN CONJUNTO DE DATOS DE SPRY 9.1 Insertar tablas y regiones Spry 9.2 Insertar widgets de spry 9.3 Insertar barras de menús de Spry 9.4 Aplicar efectos de Spry 9.5 Trabajar con la Vista en vivo

14 Actividades de Forma Independiente 1)Creará un cuadro sinóptico resaltando las principales ventajas de utilizar Dreamweaver CS4. 2) Realizara un análisis de todos y cada uno de los paneles de Dreamweaver resaltando sus principales características. 3) Diseñara un cuadro comparativo de las tres diferentes vistas de Dreamweaver CS4. 4) Diseño de sitio web utilizando las principales herramientas de texto disponibles. 5) Creará un sitio web basado en enlaces utilizando anclas e hipervínculos. 6) Hará uso de elementos multimedia para complementar el diseño de un sitio. 7) Hará uso de los formularios y tablas en un ejercicio propuesto por el profesor. 8) Creará estilos CSS con la finalidad de aplicarlos a los sitios web propuestos por el profesor.

15 CRITERIOS DE EVALUACIÓN  Análisis de paneles. 5%  Uso de herramientas de texto. 5%  Creación de un sitio web. 5%  Creación de formularios de contacto. 15%  Programación de Hoja de estilos CSS 10%  Sitio web de contenido multimedia. 10%  Examen final 50% Porcentaje Total: 100%

16 APLICACIONES A UTILIZAR  DREAMWEAVER  FIREWORS