El curso se divide en tres materias que son: Diseño Web I y II, Marketing y gestión I y II , Programación web I y II , además del material teórico indispensable .
Primer semestre
Introducción :
Internet. Situación actual y perspectivas.
Distintos tipos de sitios web . La Web 1.0 y la Web 2.0 .
Ejemplo de sitios según el tipo de empresa .
Diseño web I
- Introducción al diseño para Internet . Diferencias con el diseño Gráfico tradicional . Convergencia de ambas técnicas.
- Programas para el diseño gráfico aplicado a sitios web. Tipos de imágenes.
- Creación de páginas web con código HTML. Introducción al lenguaje HTML .Creación de hipervínculos, insertar imágenes, colocar fondos, imágenes animadas e insertar sonidos.
- Diseñar para los navegadores Internet Explorer, Mozilla Firefox, Chrome, etc. Similitudes y diferencias. Otros navegadores. Internet móvil.
- Creación de tablas, tipos de letra y color de los hipervínculos.
- Creación de Mapas. Diseño de formularios interactivos para que los usuarios escriban sus datos o comentarios.
- Alojamiento de páginas web. Como enviar ficheros al servidor. El protocolo FTP. Programas más usados.
- Prácticas .
- Animación básica: Gif animado. ¿Que es una animación? Concepto de cuadro , delay (retraso por cuadro) .
- Inserción de animaciones en una pagina web .Textos deslizantes. Prácticas.
- La organización de la información y el diseño .Distintas maneras de organizar la información en un sitio web .
- Compatibilidad entre velocidad de acceso y diseño agradable .
- Práctica: Creación de un sitio web aplicando todo lo aprendido en el módulo.
Programación I
PHP
- Distintos tipos de lenguajes para desarrollos en Internet .
- PHP . Conceptos fundamentales .
- Consulta , búsqueda de información y presentación de resultados .
- Código a insertar en las páginas web . Sintaxis y funciones de control.
- Pasaje de variables entre formularios o páginas dinámicas.
- Acceso a bases de datos a través de PHP-MySql. Comandos fundamentales de consulta y edición de registros .
- Como crear formularios con PHP . Envío de correo electrónico desde formularios .
- Prácticas y proyectos: Creación de un sitio web aplicando todo lo aprendido en el módulo.
Comercio electrónico 1
- Introducción a las posibilidades que ofrece Internet como una herramienta de promoción y venta .
- El sitio web: el punto de partida para vender en Internet . Formularios y registros de visitas. Estudio del tráfico. Como posicionar un sitio web en los principales buscadores. Conceptos fundamentales de SEO (Search Engines optimized). Como lograr que los visitantes regresen.
- Marketing directo : El correo electrónico como herramienta poderosa de comunicación con los clientes .
- Mailing efectivo. Respuestas automáticas. Mensajes personalizados.
- Como publicar un boletín de noticias (newsletter) . La focalización del tema . Como administrarlo .
- Las redes sociales. El auge de Facebook, Twitter , Youtube y los blogs. Como integrarlos a nuestro sitio web.
Segundo semestre
Diseño web II
Adobe Dreamweaver
- Creación de sitios web profesionales .
- Como crear páginas con Dreamweaver : Modo normal , Modo HTML y vista previa .
- Traslación de paginas creadas con HTML a Dreamweaver. Como insertar una tabla en la hoja de trabajo.
- Inserción de imágenes en la hoja y en tablas con distintos bordes. Hojas de estilo CSS. Ejercicios.
- Optimización de un sitio web. Usabilidad de un sitio web.
- Como hacer que un sitio web sea rápido y de fácil acceso . Cual debe ser el tamaño de una página web . Indexación en buscadores.Google y sus criterios de indexación.
- Utilización del protocolo FTP y programas afines al mismo .
Adobe Flash
- Descripción de la interfase de desarrollo.
- Creación de animación simple. Animación con guía.
- Animación con color cambiante y animación de cambio de color con traslación.
- Inserción de sonidos .
- Capas o Layers : utilidad del manejo de las mismas.
Edición de imágenes digitales
- Distintos formatos de imágenes : imágenes gif , jpg, bmp, png y otras.
- Utilización de programas de edición gráfica .
- Opciones: tamaño de imagen , guardar una copia , exportar a GIF 89 .
- Modificación de colores.
- Creación de botones y efectos de relieve mediante Photoshop. Prácticas .
Programación II
Javascript
- Que es Javascript . Fundamentos de JavaScript
- Rutinas de ejemplo. Rutinas para mostrar la fecha, menús, textos deslizantes, desplazamiento de imágenes, etc.
- Lenguaje JavaScript para crear guiones o scripts.
- Validación de los datos enviados por formularios.
- Modelo de Objetos del Documento (DOM).
Comercio electrónico 2
- Comercio electrónico . Pasos para implementar un sitio de comercio electrónico.
- Como lograr un sitio rentable . Como se calcula la rentabilidad de un sitio web . Estudio de ejemplos.
- Aspectos jurídicos del comercio electrónico . Normativa internacional .
- Como hacer un plan de negocios para una empresa de Internet .
- Situación actual del comercio electrónico , análisis de casos .
- CRM : Customer Relationship Management . Última tendencia del Marketing.
- Proyecto final de Comercio electrónico: consiste en planificar y desarrollar una campaña de marketing digital para promocionar un sitio web .
Diseño web III (HTML5 y CSS3)
Introducción
- Situación actual de la Web. Páginas dinámicas e interactivas.
- Aplicaciones web. Estándares HTML y CSS (HTML5 y CSS3).
- Introducción a CMS (Content Management System) . Administradores de contenido.
- Creación de sitios web profesionales con Joomla. Uso de plantillas. Optimización y actualización de los sitios creados.
- Creación de un sitio web aplicando todo lo aprendido en el módulo.
JavaScript
- Utilizar los objetos en el lenguaje JavaScript. Jerarquía de objetos. Concepto de array. Objetos location e history.
- Objeto document. Objeto form.
- Acceso a la información manejada en los formularios que aparecen en las páginas web.
- Validar la información del formulario con JavaScript.
Modelo de Objetos del Documento (DOM)
- Concepto de Modelo de Objetos del Documento o DOM. Documentos HTML en forma de un árbol de nodos
- Métodos esenciales de la interfaz de programación del DOM.
- Métodos para seleccionar elementos (getElementById, getElementsByTagName, getElementsbyClassName).
- Métodos que permiten obtener o establecer el valor de los atributos (getAttribute y setAttribute).
- Manipulación del DOM.
- Propiedades y métodos del DOM.
HTML5 y CSS3
- Novedades que aportan HTML5 y CSS3 como evolución de los dos principales estándares web.
- Los nuevos elementos semánticos de HTML5.
- Las propiedades más interesantes de CSS3 (nuevos selectores, técnicas de diseño avanzadas, transiciones y transformaciones, etc.).
- Elementos estructurales de HTML5. Maquetación de una página web en la que se habían utilizado elementos neutros div, sustituyéndolos por los nuevos elementos estructurales.
- Elementos semánticos de HTML5, como mark, progress, etc.
- Significado de anidar elementos estructurales, por ejemplo, para representar un artículo o post en un blog y los comentarios que tiene relacionados. Concepto del esquema del documento.
- Formularios en HTML5: nuevos controles, nuevos atributos y validación nativa.
- Simulación de las nuevas características para el caso de que el usuario utilice algún navegador antiguo. Uso del código JavaScript.
- Dibujar con el elemento canvas. Presentación del elemento canvas de HTML5. Métodos básicos de dibujo: líneas, rectángulos, arcos y trazados.
- Estilos de línea, utilizar gradientes de color, utilizar patrones y dibujar imágenes o texto en la superficie de la página.
- Vídeo y audio en HTML5. Incorporar vídeo y audio. Formatos y códecs disponibles.
Hojas de estilo en cascada CSS3
- Nuevos selectores, redondear las esquinas de los elementos, aplicar sombras a los objetos y al texto.
- Utilizar niveles de transparencia al especificar colores, especificar colores hsl o utilizar gradientes de color como imágenes de fondo.
- Incrustar fuentes junto a la página web, aplicar múltiples imágenes de fondo a los elementos .
- Aplicar transiciones y/o transformaciones (cambiar el tamaño, rotar, inclinar o desplazar un elemento) entre distintos estados.