| N° |
Objetivo |
Contenido |
Horas Teóricas |
Horas Prácticas |
Horas E-learning |
| 1 |
Identificar Los Conceptos Introductorios De Planificación Y Diseño De Un Sitio Web |
Unidad N°1 Conceptos Introductorios, Planificación Y Diseño Del Sitio Web Conceptos Introductorios Y De Planificación Al Diseño Web. Objetivo, Propósito, Audiencia Y Necesidades De Un Sitio Web. ¿ Identificación De Los Objetivos, Audiencia Y Necesidades De Un Sitio Web. ¿ Identificación Del Contenido Relevante Y Apropiado Para Una Página Web. ¿ Términos Y Conceptos Relacionados Al Copyright. ¿ Estándares De Accesibilidad. ¿ Conceptos Básicos De Internet: Web, Protocolos, Vínculos, Lenguaje Html, Servidor Web. ¿ Imágenes Vectoriales Versus Mapa De Bits. ¿ Planificación Y Diseño Del Sitio Web: Diseño Del Sitio Y Diseño De Página. ¿ Conocimiento Sobre Diagramas De Flujo, Wireframes Y Storyboards. ¿ Conceptos Y Principios De Diseño. ¿ Principios Básicos De Usabilidad, Legibilidad Y Accesibilidad De La Web. |
3 |
6 |
0 |
| 2 |
Crear Prototipos Mediante La Utilización Del Programa Adobe Fireworks |
Unidad N°2: Creación De Prototipos Web Con Adobe Fireworks Creación De Prototipos Web Con Adobe Fireworks ¿ Introducción Y Área De Trabajo De Fireworks: Interfaz De Fireworks, Panel De Herramientas, Panel De Propiedades, Configuración De Un Documento, Organización En Capas, Visualización De Archivos. ¿ Dibujo Vectorial, Texto Y Manipulación De Objetos: Aprendizaje Y Uso De Las Herramientas De Dibujo Vectorial, Creación De Formas Básicas, Transformación De Objetos, Aplicación De Colores, Trazos Y Rellenos, Insertar Y Formatear Texto. ¿ Importación Y Transformación De Imágenes: Importación De Imágenes De Mapas De Bits, Aplicación De Herramientas Mapa De Bits, Uso De Las Herramientas De Retoque, Aplicación De Filtros. ¿ Maquetación Web En Fireworks: Optimización De Documentos, Exportación Del Archivo Optimizado. ¿ Interactividad En Fireworks: Creación De Divisiones, Zonas Interactivas, Creación De Menú Emergente. ¿ Uso De Fireworks Como Herramienta De Prototipo Web: Creación Y Edición De Botones, Barra De Navegación, Exportar Archivos De Imagen Y Html. |
4 |
8 |
0 |
| 3 |
Crear Sitios Web Mediante La Utilización Del Programa Adobe Dreamweaver |
Unidad N° 3: Introducción A Adobe Dreamweaver Introducción Y Creación De Un Sitio Con Adobe Dreamweaver ¿ Estructura Html: Etiquetas Básicas. ¿ Elementos De La Interfaz De Dreamweaver: Vistas, Espacio De Trabajo Personalizado, Panel Propiedades, Panel Insertar, Panel Activos, Panel Archivos, Selector De Etiquetas. ¿ Creación De Un Nuevo Archivo: Definir Un Sitio En Dreamweaver, Crear Nombrar Y Guardar Una Nueva Página Html, Añadir Título. ¿ Organización Y Adición De Contenido En Dreamweaver: Establecer Y Modificar Propiedades De Página, Establecer Color E Imágenes De Fondo, Inserción Y Formato De Texto, Insertar Tabla, Insertar Archivos Swf, Creación De Estilos. ¿ Utilización De Diseños Css Predefinidos En Dreamweaver: Adaptación De Maqueta Fireworks. ¿ Trabajo Con Páginas, Vínculos Y Barra De Navegación: Duplicación De Páginas, Vínculos Relativos Al Sitio, Vínculos De Correo, Vínculos Url. ¿ Creación De Formulario: Insertar Formulario, Incluir Elementos De Formulario. ¿ Publicación Del Sitio: Administración De Sitios Locales, Configurar Servidor Remoto, Publicación Del Sitio. ¿ Integración De Adobe Flash Con Dreamweaver: Introducción A Flash, Interfaz, Animaciones Predefinidas, Configuración De Publicación, Insertar Archivos Swf Y Flv En Dreamweaver. |
6 |
12 |
0 |
| 4 |
Aplicar Programación Html Y Hojas De Estilo Css Mediante El Uso De Adobe Dreamweaver Para La Edición De Contenidos |
Unidad N°4: Html Y Css En Dreamweaver Html Y Css En Adobe Dreamweaver ¿ Introducción A Html: Qué Es El Html, Diferencias Entre Xhtml Y Html5, Etiquetas : Sintaxis Html, Comentarios Y Símbolos Especiales. ¿ Técnicas De Aplicación De Código Html Desde Dreamweaver: Utilización De Panel De Código, Inspector De Etiquetas, Añadir Código Html En Dreamweaver, Depuración De Código En Diferentes Navegadores, Configurar Preferencias Para Trabajo Con Código, Buscar Y Reemplazar Etiquetas. ¿ Estructura Del Lenguaje Html Y Su Funcionamiento: Estructura De Documentos Html, Etiquetas Para Formato De Texto, Etiquetas Y Atributos De Imagen, Etiquetas Y Atributos De Estructuras Tablas Y Div, Etiquetas Y Atributos De Estructuras Iframe. ¿ Html5: Etiquetas Semántica, Etiquetas Para Formularios Y Validación, Etiquetas Para Audio Y Video. ¿ Introducción A Las Css: Navegador, Autor Y Usuario, Diferencias Entre Css2 Y Css3, Tipos De Css, Selectores, Tipos De Selectores, Herencia Y Orden De Lectura, Propiedades De Elementos. ¿ Plantillas En Base A Css: Diseño Plantillas Con Hojas De Estilos Css, Modelo De Caja: Diseño De Estructuras Div, Asociadas A Estilos Css, La Propiedad Float Y Clear, Plantillas Para Etiquetas Html5, Estilos Para Formulario, Diseños Fijos Y Flexibles. ¿ Css3: Fondos Múltiples Y Tamaños, Efectos: Transiciones, Transparencias, Sombra, Bordes Redondeados, Animaciones, Fuentes Personalizadas. ¿ Herramientas Dreamweaver Para El Manejo De Estilos Css: Creación Y Uso De Hoja De Estilos De Cascada (Css) Con Dreamweaver, Adjuntar, Vincular, Importar Y Editar Una Hoja De Estilos En Dreamweaver, Consulta De Medios E Dreamweaver: Vista Previa Para Dispositivos, Depuración Y Compatibilidad Con Navegadores. |
8 |
16 |
0 |
| 5 |
Aplicar Componentes Para El Desarrollo De Sitios Web Responsivos A Dispositivos Mediante Adobe Dreamweaver |
Unidad N°5: Desarrollo De Sitios Web Responsivos Desarrollo De Sitios Web Responsivos ¿ Significado De Responsive Web Y Su Importancia. ¿ Tamaños Estándares Y Resoluciones. ¿ Uso De Consultas De Medios (Media Queries): Sintaxis, Inclusión En Bloques Y En Enlaces A Estilos. ¿ Crear Consultas De Medios Automatizadas Con Dreamweaver. ¿ Formatear Estilos Para Escritorio, Tablets Y Móviles. ¿ Carga De Imágenes, Adaptación Y Rendimiento En Móviles. ¿ Estructuras Flexibles Y Responsivas A Partir De Frameworks. ¿ Diseño De Cuadrícula Fluida Con Dreamweaver. |
4 |
8 |
0 |
| 6 |
Aplicar Componentes Para El Desarrollo De Sitios Web Móviles Con Jquery Mobile En Adobe Dreamweaver |
Unidad N°6: Desarrollo De Sitios Móviles Con Jquery Mobile Desarrollo De Sitios Móviles Con Jquery Mobile. ¿ Definición Y Usos De Jquery Mobile. ¿ Descargar E Incluir Librerías. ¿ Herramientas Jquery Mobile En Dreamweaver. ¿ Concepto De Página, Páginas Externas Y Sintaxis. ¿ Roles. ¿ Insertar Elementos: Barras De Navagación, Listas, Listas Interactivas Y Formularios. ¿ Control De Transiciones. ¿ Control De Eventos Táctiles. ¿ Personalización De Ui Y Paleta De Colores. ¿ Emuladores Y Simuladores. |
4 |
8 |
0 |
| 7 |
Integrar Aplicaciones Para Animaciones En Adobe Edge Animate |
Unidad N° 7: Integración De Aplicaciones Para Animaciones Interactivas Introducción E Integración De Aplicaciones A Adobe Edge Animate. ¿ Conceptos Básicos Y Área De Trabajo De Adobe Edge Animate: Conocer La Interfaz De Edge, Espacio De Trabajo, Utilización De Los Paneles, Herramientas Básicas, Configuración Del Escenario. ¿ Creación De Gráfica En Edge: Importación De Imágenes, Insertar Texto. ¿ Manipulación De Activos: Transformación De Objetos, Alinear, Distribuir Y Organización De Elementos, Mostrar Y Ocultar Elementos. ¿ Línea De Tiempo Y Animación: Fotogramas Clave, Transiciones, Aceleración, Movimiento Invertido Y Ajustes Finos De Transiciones. ¿ Accionadores Y Acciones: Aplicación De Acciones A La Línea De Tiempo. ¿ Trabajo Con Símbolos: Incorporación Y Manejo De Símbolos En Edge. ¿ Integración De Archivos Html En Edge: Abrir Html Directamente En Edge. ¿ Integración De Aplicaciones Gráficas A La Web: Preparando Material Desde Adobe Photoshop, Preparando Material Desde Adobe Illustrator. |
6 |
12 |
0 |
| 8 |
Obtener Los Conocimientos Y Habilidades Para Añadir Interactividad A La Interface Web A Partir De La Librería Javascript Jquery |
Unidad N°8: Integración De Animaciones Y Efectos Con Jquery Integración De Animaciones Y Efectos Con Jquery ¿ Introducción A Jquery. ¿ Descarga De Librerías. ¿ Incluir Jquery En Páginas Web, Sintaxis. ¿ Selectores Y Manipulación De Atributos. ¿ Manipular Css Desde Jquery. ¿ Efectos: Animación, Aparecer, Desaparecer, Transformación. ¿ Incorporar Librería Jquery Ui : Drag-And-Drop, Listas, Acordeón, Etc. ¿ Sliders Y Galerías Lightbox. |
4 |
8 |
0 |
| 9 |
Aplicar Componentes Del Servidor Php Y La Base De Datos Mysql Utilizando Como Vínculo Adobe Dreamweaver. |
Unidad N°9: Desarrollo De Sitios Dinámicos Con Php/Mysql En Dreamweaver Sitios Dinámicos Con Php/Mysql En Adobe Dreamweaver ¿ Introducción A Las Paginas Dinámicas, Servidores Y Lenguajes Dinámicos. ¿ Instalación De Servicios: Mamp - Wamp: Instalación Y Prueba De Apache, Php, Mysql, Configuración De Dreamweaver Para Sitios Dinámicos, Estructura De Directorios. ¿ Base De Datos Mysql: Introducción A Las Bases De Datos, Tipos De Datos, Normalización De Bases De Datos, Introducción Al Phpmyadmin, Creación De Base De Datos, Creación De Tablas, Introducción A Consultas Sql, Importar, Exportar Datos. ¿ Introducción A Php: Sintaxis De Php, Salida A Pantalla, Variables, Incluir - Requerir, Condicionales, Bucles, Formularios. ¿ Dreamweaver Dinámico: Conceptos Básicos, Conexión A La Base De Datos, Creación De Consultas Y Juego De Registros, Tabla Dinámica, Recuento De Registros, Paginación De Juego De Registros, Visualizando Imágenes Dinámicas, Modificar Registros, Eliminar_9" Value="1" />Eliminarr Registros. ¿ Autentificación De Usuarios: La Base De Datos, Conectarse Y Desconectarse Del Sistema, Restringir El Acceso A Páginas, Comprobar Nuevo Nombre De Usuario. ¿ Publicación: Publicación De Sitio Dinámico Con Web Remoto. ¿ Ejercicios: Creación De Un Buscador, Envío De Correos Y Sitio Autoadministrable. |
10 |
20 |
0 |
| 10 |
Instalar Y Crear Contenido Web A Utilizando Las Aplicaciones Cms Joomla Y Wordpress. |
Unidad N°10: Introducción A Cms Joomla/Wordpress Herramientas Cms (Sistemas De Administrador De Contenidos) ¿ Introducción A Wordpress: Wordpress.Com V/S Wordpress.Org, Instalar En Servidor Local - Remoto, Crear Base De Datos, Panel De Administración, Ajustes De Configuración, Panel Multimedia, Gestión De Usuarios. ¿ Gestión De Contenidos: Administrar Contenidos, Crear Y Administrar Entradas, Crear Y Administrar Páginas, Categorías, Gestión De Comentarios. ¿ Temas, Widget Y Plugins: Instalar Temas, Configurar Widgets, Instalar Plugins. ¿ Introducción A Joomla: Archivos De Instalación, Instalar En Servidor Local - Remoto, Crear Base De Datos, Panel De Administración, Ajustes De Configuración, Panel Multimedia, Gestión De Usuarios. ¿ Gestor De Contenidos: Secciones, Categorías Y Artículos, Gestión De Artículos, Gestión De Menús, Presentación De Artículos. ¿ Componentes, Módulos Y Plugins: Componentes Para Contacto, Encuestas, Banner, Configurar Módulos, Instalar Plugins, Instalar Extensiones Instalar Plantillas. |
5 |
10 |
0 |
| 11 |
Aplicar Las Herramientas Seo Para El Posicionamiento Estratégico De Un Sitio Web. |
Unidad N°11: Introducción A Herramientas Seo Herramientas Seo ¿ Investigación Y Estrategia: Palabras Claves, Lista De Competidores, Obtención De Palabras Claves. ¿ Evaluación: Estructura Semántica, Técnicas Para Escribir Contenidos, Tiempo De Descarga De Una Página Web, Uso Indebido De Tablas Anidadas, Antigüedad Del Dominio, Ranking De La Página De Google. ¿ Optimización: Título, Meta De Descripción - Meta De Palabras Claves, Atributo Alt, Mapa De Sitio Web, Enlaces Internos, Popularidad De Los Enlaces. ¿ Seguimiento Y Mejoras: Introducción A Google Webmaster Tools Y Google Analitics. |
1 |
2 |
0 |