Curso de Diseño Web Profesional

A lo largo de los últimos años hemos observado la demanda creciente de conocimientos relacionados con Internet, ya sea a través de los cursos de Diseño Web en sus versiones básico y avanzado, el curso de Experto en programación web y creación multimedia orientada a la web.
También comprobamos que el hecho de dominar una herramienta de diseño no garantiza el éxito del sitio web. El éxito de un sitio web depende de distintos factores e involucra a distintas áreas como son el diseño, el marketing, el posicionamiento en buscadores, la administración y el gerenciamiento. La interrelación correcta entre estas áreas es fundamental para que un sitio web sea exitoso.
Por eso entendimos que era necesario agrupar todos estos conocimientos en una única carrera técnica, para que puedas aprender todo lo necesario para diseñar un sitio web que cumpla todas las necesidades del mercado actual: excelente diseño, interactividad, posicionamiento, proceso dinámico y usabilidad.

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.
Herramientas para el diseño gráfico aplicado a sitios web. Tipos de imágenes.
Creación de páginas web con código fuente 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 más utilizados Mozilla Firefox, Chrome, Safari, I. Explores , etc. Similitudes y diferencias. Otros navegadores. Internet móvil.
Creación de tablas, tipos de letra y color de los hipervínculos.
Alojamiento de páginas: enviar archivos al servidor.
Ejercicios.
Animación básica: Gif animado. ¿Qué es una animación? Concepto de cuadro, delay (retraso por cuadro).
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.
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.
Manejo de formularios con PHP. Envío de e-mail desde formularios.
Ejecución de las rutinas, que creas, en servidores apropiados.
Ejercicios y proyectos.
Creación de un sitio web aplicando todo lo aprendido en el módulo.
Comercio electrónico 1
Objetivo de la materia: Conocer todas las posibilidades que ofrece Internet como una nueva herramienta de promoción y venta.
El sitio web: el punto de partida para estar en Internet. Formularios y registros de visitas. Estudio del tráfico de un sitio web. Cómo posicionar un sitio web en los principales buscadores. Conceptos fundamentales de SEO (Search Engines optimized). Cómo lograr que los visitantes regresen.
Marketing didital: Como utilizar las redes sociales, el correo electrónico y la publicidad online como herramientas poderosas de comunicación con los clientes.
Mailing efectivo. Respuestas automáticas para responder más veloz que la competencia y para no perder tiempo contestando cientos de mensajes.
Las comunidades virtuales. Facebook, Twitter, Instagram y Youtube.
Segundo Semestre
Diseño Web II
Adobe Dreamweaver
Creación de sitios web profesionales.
Cómo crear páginas con Dreamweaver: Modo normal, Modo HTML y vista previa.
Traslación de páginas creadas con HTML a Dreamweaver. Cómo 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. Usablidad de un sitio web.
Cómo hacer que un sitio web sea rápido y de fácil acceso. Cuál 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.
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.
Como comprimir imágenes digitales sin perder calidad.
Modificación de colores.
Creación de botones y efectos de relieve mediante Photoshop. Ejercicios.
Programación II
JavaScript
Qué es JavaScript. Fundamentos de JavaScript
Rutinas ejemplo. Sitios web donde conseguir rutinas para tu sitio web.
Rutinas para mostrar la fecha actualizada, menús, textos deslizantes, desplazamiento de imágenes, etc.
Lenguaje JavaScript para crear guiones o scripts.
Validación de los datos enviados.
Comercio electrónico 2
Comercio electrónico. Pasos para implementar un sitio de comercio electrónico.
Cómo lograr un sitio rentable. Cómo se calcula la rentabilidad de un sitio web. Estudio de ejemplos.
Aspectos jurídicos del comercio electrónico. Normativa internacional.
Cómo 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 y el enorme potencial de Internet.
Proyecto final: consiste en planificar, diseñar un sitio web profesional empresarial y desarrollar una campaña de marketing a través de Internet para promocionar el sitio.
Diseño Web III
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.
Diseño web responsive. Cómo diseñar para cualquier tipo de dispositivo: PC, teléfonos y tablets.
Tendencias actuales. 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.
Desarrollo profesional e Inserción laboral
Cómo organizar y planificar un trabajo profesional. Imagen empresarial y corporativa.
La red de contactos profesionales a través de Internet y Red21.com.
El mercado laboral actual del Diseño Gráfico. Cuales son los trabajos más requeridos.
Cómo insertarse en le mercado laboral del mundo creativo: Agencias de publicidad, trabajo freelance, empresas, etc.
El teletrabajo. Trabajo a través de Internet. Sitios de búsqueda de diseñadores. Publicación de proyectos. Cómo postularse.
La bolsa de trabajo de Red21. Salida laboral garantizada.*
* Se aplican las siguientes condiciones: Calificación final superior a 60/100. Envío de su currículo y hoja de relación de temas cursados y puntuaciones obtenidas a la lista de empresas de la bolsa de trabajo de Red21.
 

Todo público. Podrás tomar el curso con cualquier tipo de computadora, tablet o teléfono inteligente.

Formar profesionales capaces de llevar adelante proyectos exitosos en Internet. Podrás crear, administrar y posicionar sitios web para lograr el rendimiento óptimo de los mismos.
Al culminar podrás hacer trabajos como el siguiente proyecto donde alumnos egresados realizarón el diseño y también parte del sistema de IA que genera el contenido. El sitio es sobre Filosofía y actualidad.

Recibirás dos libros que se utilizarán durante el curso