DISEO CURRICULAR

I. DATOS GENERALES DEL CURSO rea de capacitacin Curso Carga horaria Pre requisito INFORMATICA DISENO DE SITIOS WEB MODULO I 60 hrs Conocimientos en Informtica bsica

II. COMPETENCIAS DEL CURSO

El objetivo general de curso de Diseo de Pginas Web I, es instruir al alumno en las herramientas de diseo, edicin, programacin bsica de Pginas Web, as como la construccin de sitios web con elementos multimedia Video, galera de imgenes, sonido) dentro de los mrgenes de normalizacin establecidas para el diseo web. Para lograrlo desarrollamos en el curso las competencias bsicas que van desde conceptos Fundamentales en HTML , CSS, AJAX, XML, RSS y SPRY Framework, hasta el desarrollo e instalacin de servidores web.

III. MERCADO META (A QUIEN ESTA DIRIGIDO)

Est dirigido a Estudiantes, Tcnicos, Analistas, microempresarios que busquen empezar a desarrollar sitios web, tambin est dirigido a profesionales como Informticos, e Ingenieros de sistemas, jefes de redes que busquen actualizarse, as como al pblico en general que tenga conocimientos en el desarrollo informtica bsica.

N 1

TEMA Conceptos bsicos de Dreamweaver

CONTENIDOS MNIMOS 1.1 Qu es Dreamweaver 1.2 HTML bsico 1.2.1. Etiquetas 1.2.2. Estructura bsica de la pgina 1.2.3. Estructura del texto 1.2.3.1 Texto y caracteres especiales 1.2.4. Imgenes 1.2.4.1 Imgenes para Web

1.2.4.2 Direcciones absolutas y relativas 1.2.5. Enlaces 1.2.6. Divisiones o capas 1.2.7 Enlaces 1.3 Novedades de Dreamweaver 1.4 Editar pginas web 1.5 Cmo tener una pgina en Internet 1.6 Arrancar y cerrar Dreamweaver 1.7 Compaginar dos sesiones 1.8 Abrir y guardar documentos 1.9 Mi primera pgina 1.10 Aspecto de la pgina. Estilos bsicos

1.10.1 Estilos 1.10.1Colores en la web 1.10.3 Unidades de distancias y tamaos 1.10.4 Formato del texto 1.10.5 Bordes 1.10.6 Mrgenes 1.10.7 Lados de un elemento 1.10.8 Fondo 1.10.9 Cmo declarar un estilo 1.10.10 Dnde declarar un estilo 1.10.11 Orden de aplicacin de los estilos CSS

El Entorno de trabajo

2.1 La pantalla inicial 2.2 Las barras 2.3 Los paneles e inspectores 2.4 Personalizar el rea de trabajo 2.5 Vistas de un documento de ayuda 3.1 Introduccin 3.2 Crear o editar un sitio web sin conexin a Internet 3.3 Vistas del sitio 3.4 Subir archivos al servidor 3.5 Comprobar tamao para optimizar la carga 3.6 Propiedades del documento 3.7 Los colores 4.1 Caractersticas del texto 4.2 Listas 4.3 Caracteres especiales 4.4 Estilos CSS. Introduccin 4.5 Crear un estilo personalizado 4.6 El Panel CSS 4.7 Crear un nuevo estilo 4.8 Gestionar estilos CSS 4.9 Aplicar un estilo 4.10 Hojas de Estilos 5.1Introduccin 5. 2Tipos de enlaces 5.3 Crear enlaces 5.4 Personalizar nuevos enlaces 5.5 Destino del enlace 5.6Formato del enlace

Configuracin de un sitio local

El texto

Hiperenlaces

Imgenes

5.7 Enlace a correo electrnico 5.8 Vnculos rotos 6.1 Introduccin 6.2 Tipos de imgenes para una web 6.3 Insertar una imagen 6.4 Cambiar el tamao de una imagen 6.5 Mapas de imagen 6.6 Imagen de sustitucin. Rollover 6.7 Botones Flash 6.8 Texto Flash 6.9 Barra de navegacin 7. 1Introduccin 7.2 Insertar una tabla 7.3 Rellenar las celdas 7.4 Seleccionar elementos de una tabla 7.5 Formato de tabla 7.6 Cambiar tamao de tabla y celdas 7.7 Aadir y eliminar filas y columnas 7.8 Anidar, dividir y combinar celdas 7.9 Modos de tabla 7.10 Adaptar webs a distintas resoluciones 8.1 Introduccin 8.2 Crear marcos 8.3 Seleccionar marcos 8.4 Guardar 8.5 Configurar marcos 8.6 Contenido del marco Introduccin Elementos de formulario Crear formularios Validar formularios Introduccin Pelculas Flash Sonido Vdeos Introduccin Crear plantillas Establecer regiones editables en una plantilla Basar pginas en una plantilla 12.1Etiquetas 12.2 Entidades HTML 12.3 Listado de Entidades HTML 12.4 El inspector de cdigo 12.5 Completar las etiquetas 12.6 Contraer y expandir cdigo 12.7 Errores en el cdigo 12.8 Buscar y reemplazar 12.9 Expresiones Regulares

Tablas

Marcos

Formularios

10

Multimedia

11 12

Las plantillas

HTML desde Dreamweaver

13

Elementos Complementarios

12.10 Bsqueda en Etiquetas 13.1 Marquesinas 13.2 Fecha 13.3 Regla horizontal 13.4 Cdigo de otras pginas 14.1 Introduccin 14.2 Insertar una capa 14.3 Formato de una capa 15.1 Introduccin 15.2 Insertar un comportamiento 15.3 Mostrar-Ocultar capas 15.4 Llamar JavaScript 16. 1 Mensajes Emergentes 16.2 Texto de la Barra de Estado 16.3 Carga Previa de Imgenes 16.4 Abrir una Ventana del Navegador 16.5 Comprobar Navegador 16.6 Comprobar Plug-ins 16.7 Mens de Salto 16.8 Mens Emergentes 17. 1 Aplicar Estilos CSS 17.2 Estructura CSS 17.3 Selectores CSS 17.4 Selectores de Atributo 17.5 Pseudo-clases y Pseudo-elementos CSS 17.6 Controles de Fuente 17.7 Espaciado 17.8 Aspecto del texto 17.9 Controles de Ratn 17.10 Controles de Lista 17.11 Controles de Fondo 17.12 Controles de Margen 17.13 Bordes 17.14 Controles de Elementos de Bloque y en Lnea 17.15 Controles de Posicin 17.16 Controles de Visibilidad 18.1 Configurar un Sitio Remoto 18.2 El Panel Archivos 18.3 Sincronizar Sitios 19.1 Introduccin a PHP 19.2 Bases de datos 19.3 Estructura PHP 19.4 Instalar un Servidor Local con WAMP 19.5 Trabajar con Servidor Local WAMP 19.6 Configurar un Servidor de Pruebas 19.7 Introduccin a phpMyAdmin 19.8 Crear una Base de Datos en phpMyAdmin 19.9 Crear una Tabla en phpMyAdmin 19.10 Insertar Datos en una Tabla en phpMyAdmin 19.11 Modificar una Tabla en phpMyAdmin 19.12 Modificar Datos de una Tabla

14

Capas

15

Comportamientos

16

Comportamientos Avanzados

17

Estilos CSS Avanzado

18 19

Sitios Remotos Servidores Web con php

20

Paginas Dinmicas

21

Cmo crear un Blog

22

AJAX y Spry Framework

19.13Establecer Privilegios en phpMyAdmin 20.1 Introduccin 20.2 Crear una Conexin a la Base de Datos 20.3 Juegos de Registros o RecordSets 20.4 Mostrar Datos Dinmicos 20.5 Repeticiones 20.6 Orden de Juegos de Registros 20.7 Filtrado de Juegos de Registros 20.8 Paginacin de Registros 20.9 Mostrar/Ocultar Regiones 20.10 Uso de Variables 20.11 Pginas Maestro-Detalle 20.12 Asistente de Insercin de Registros 20.13 Asistente de Actualizacin de Registros 20.14 Asistente de Eliminacin de Registros 20.15 Juegos de Registros Avanzados 21.1 Introduccin 21.2 Estructura de Datos 21.3Interfaz Pblica 21.4 Interfaz Privada 21.5 Insertar Nuevos elementos 21.6 Listado de elementos 21.7 Modificacin de elementos 21.8 Eliminacin de elementos 21.9 Restringir Acceso 22.1 Introduccin 22.2 Incluir Spry 22.3 Importar Datos 22.4 Definiendo Regiones 22.5 Mostrar informacin 22.6 Crear Repeticiones 22.7 Ordenar Registros 22.8 Variables Preestablecidas 22.9 Condicionales 22.10 Filtros 22.11 Eliminar Filas repetidas 22.12 Actualizar la Carga de un archivo XML 22.13 Modo Maestro/Detalle 22.14 Modo Maestro/Detalle con diferentes fuentes XML 22.15 Spry y Estilos CSS

IV. BIBLOGRAFIA Manual de Creacin de Pginas web de Pablo Vzquez , Ed. Users 2010 DreamWeaver CS5 de Steve Jhonson, Ed. QUE PUBLISHING 2010 DreamWeaver the Bible de Jhoseph Lowery, Ed. Wiley Publishing 2009 CSS-Web-Sites-with-Dreamweaver-MX- de Rachel Andrew Ed. Dynamic zones 2004 www.cursodephponline.com

V. ESTRATEGIAS DE APRENDIZAJE Para desarrollar las clases se utilizar el mtodo constructivista de enseanza, y se tendr un balance terico-prctico de 35% (Terico) y 65 % (Practico). Se evaluara sobre 100%, tomndose en cuenta con evaluaciones tericas y el desarrollo un proyecto al finalizar el curso. A Continuacin se detalla los ejercicios y la evaluaciones peridicas: Ejercicios propuestos

Pruebas evaluativas

3. Configurar un sitio local 4. El texto: propiedades y formato 5. Hiperenlaces 6. Imgenes 7. Tablas 9. Formularios 10. Multimedia 11. Las plantillas 12. HTML desde Dreamweaver 13. Otros elementos 14. Capas 15. Comportamientos 16. Comportamientos avanzados 17. Estilos CSS Avanzados 19. Servidor de Pruebas 20. Pginas Dinmicas 21. Cmo crear un Blog 22. XML y RSS 23. Acceso a datos con Spry 24. AJAX y Spry Framework 25. Spry y Formularios 26. Controles Spry Avanzados

1. Conceptos bsicos de Dreamweaver CS4 2. El entorno de Dreamweaver CS4 3. Configurar un sitio local 4. El texto: propiedades y formato 5. Hiperenlaces 6. Imgenes 7. Tablas 8. Marcos 9. Formularios 10. Multimedia 11. Las plantillas 12. HTML desde Dreamweaver 13. Otros elementos 14. Capas 15. Comportamientos 16. Comportamientos avanzados 17. Estilos CSS Avanzados 18. Sitios remotos 19. Servidor de Pruebas 20. Pginas Dinmicas 21. Cmo crear un Blog 22. XML y RSS 23. Acceso a datos con Spry 24. AJAX y Spry Framework 25. Spry y Formularios 26. Controles Spry Avanzados

VI. NOTA DE APROBACION A la finalizacin del curso de capacitacin, el alumno para aprobar el curso deber obtener una calificacin final igual o mayor a 70 puntos. En caso de tener calificacin inferior a 70 puntos, el alumno reprobar el curso de capacitacin.

antelo_henry@hotmail.com