educación Acceso para centros

Curso en Diseño y Desarrollo de Páginas Web

Instituto Técnico de Capacitación Intecap
  • Bogotá, D.C. (Bogotá, D.C.)

  • 56 horas

  • $ 590.000,00

$ 590.000,00

Resumen

Los fundamentos teóricos son presentados con un lenguaje sencillo y común que permite de forma muy fácil a cualquier persona, asimilar todos los conceptos, términos técnicos y dominar la jerga utilizada en el tema, puesto que simultáneamente se desarrollan talleres de práctica, organizados consecutivamente para el desarrollo temático de forma gradual y evolutiva, finalizando cada módulo el Instructor realiza una retroalimentación para la revisión de dudas e inquietudes, al finalizar la capacitac

Temario

Objetivos:
Adquirir el conocimiento y experiencia suficiente para dominar a Nivel Profesional, la Planeación y las herramientas utilizadas en el diseño, construcción y administración de sitios WEB, y fortaleciendo las habilidades en el campo de Diseño Gráfico y posicionamiento WEB.

CONTENIDO

Diseno grafico web HTML5 CSS3 ADOBE
MODULO 1: Conceptos Básicos de Tecnologías Web

-Internet : Redes / Protocolos / DNS / URL
-Estándares: W3C / ICANN
-Navegadores: Cómo funcionan
-Servidores: Hosting / Dominios (Geográficos, Genéricos, Infraestructura) / TLD
-Tecnologías Front End:
-Diseño frontend
-HTML: Estructura HTML
-CSS: Hojas de estilo
-El lenguaje JavaScript
-Tipos de imagen en la web
-Fuentes Web

Tecnologías Backend

-PHP
-Trabajo con datos
-El sistema MySQL
-CMS: Administradores de Contenidos
-La Nube y sus servicios
-GitHub: Plataforma colaborativa de software y desarrollo


MODULO 2: Planeación

-Que es un Sitio Web (Página WEB)
-Clasificación de sitos Web
-Planeación: (Como iniciar un proyecto web)
-Objetivos de un Sitio Web
-Público Objetivo (Target)
-Contenido del sitio: Organización de la estructura del Sitio Web
-Mapa del Sitio
-Principios de Usabilidad y Accesibilidad
-Costos


MODULO 3: Diseño Web

-Fundamentos del Diseño Gráfico
-Teoría del Color y Significados del Color
-Modos de Color (RGB-HTML, CMYK, LAB, HSB).
-Tipografía
-Espaciado y Composición
-Gráficos: Mapas de Bits y Vectores
-Formatos Gráficos: jpg, png, git, tiff, svg.

-Consideraciones técnicas:
-Navegadores: Desktop y Móviles
-Resoluciones de Pantalla Desktop y Móviles
-Retina Display en el diseño web
-Espaciado y Composición


Tipos de Diseño Web:

-Pixeles
-Líquido
-Responsive design = diseño receptivo y adaptable


MODULO 4: Creación del Aspecto Visual

-Creación Wireframe (Estructura de una interfaz) o Mockup
-Software y utilidades para el diseño Web


-Illustrator

-Interfaz y Herramientas
-Creando imágenes Vectoriales
-Trazados, Curvas Bézier y Nodos
-Pathfinder
-Efectos vectoriales
-Uso de tipografías
-Perfiles de Color
-Formatos de archivo y exportación


Photoshop:

-Interfaz y Herramientas
-Creando y Manipulando Imágenes Bitmaps
-Selecciones
-Filtros y Efectos


Prototipos Web

-Creación de Interfaz Web UI
-Moodboards – Wireframe - Mockup
-Selecciones
-Filtros y Efectos


MODULO 5: Introducción a: HTML5 y CSS3

-Ventajas de HTML5
-Diferencias entre HTML4 y HTML5


Etiquetas de HTML5
-Nuevas Etiquetas
-Hojas de Estilo
-Links en Head
-Semántica
-Otras relaciones de links
-Etiquetas Obsoletas
-Estructura HTML5


Formularios Web
-Nuevos campos
-Validación en el cliente
-Atributo Type
-Estilos


Propiedades de CSS3
-Novedades en CSS3
-Sintaxis y principales propiedades
-Principales propiedades:
-Fuentes y Textos
-Bordes redondeados
-Sombras Gradients y Efectos
-Transformaciones
-Animaciones
-Introducción a Javascript: Interacción con el Usuario
-Qué es jQuery
-Selectores
-Transiciones


Canvas y dibujado
-Aplicaciones de uso
-Imágenes
-Grandientes
-Canvas en Internet Explorer


Audio y Vídeo
-Contenedores de vídeo
-Codecs de vídeo
-Codecs de audio
-Video en HTML5
-Alternativas con HTML5 + JS
-Etiqueta

Creación de un sitio Web básico con ADOBE DREAMWEAVER

-Conociendo el Área de Trabajo
-Configuración de Navegadores
-Creando un documento nuevo HTML
-Maquetando con CSS:
-Definiendo propiedades de la pagina
-Aplicando estilos para el LayOut
-Insertando imágenes y Elementos Multimedia
-Elementos jQuery: Barras de Navegación - Menú Acordeón y Panel de Fichas
-Adición de Múltiples paginas
-Creando múltiples paginas basadas en Templates
-Creando un Formulario de Contacto
-Validación con JS


MODULO 6: Diseño Web Responsive (Sitios Web optimizados para Móviles)

-Introducción al Diseño Web Responsive
-Planificación de la experiencia de usuario
-Layouts Responsive: Pensando el diseño para Dispositivos
-Media Queries
-Desktop – Tablet – Smartphone
-Navegación Responsive
-Uso de Medios en Responsive:
-Imagen
-Video
-Recursos para Diseño Responsive
-Modernizr y Respond.js


MODULO 7: Animación con HTML5 – CSS3 – JS - jQuery

-Que paso con Flash, Desaparecio ?
-Conceptos básicos de animación
-Creación de Animaciones con Adobe Edge Animate:
-Conociendo el Área de Trabajo
-Trabajar con texto, formas e imágenes
-Animación con Fotogramas clave
-Contenido Adaptable


MODULO 8: Publicación y Administración

-Que es Ftp y Herramientas de FTP
-Como estructurar un sitio en el servidor
-Publicación desde un Cliente FTP
-Administración del Web Site
-Manejo del panel de control desde un Hosting profesional
-Creación de Cuentas de Correo
-Herramientas
-Estadísticas (Google Analytics)
-SEO
-Que es SEO?
-Técnicas de Posicionamiento

Información adicional

Requisitos:
Tener conocimientos, experiencia Básica en Sistemas.

¿Quieres más información?

Rellena el formulario para que el centro contacte contigo

Nombre

Apellidos

E-mail

Celular

País

Departamento

Al solicitar información acepta las Condiciones de uso y privacidad

Otros cursos relacionados

Recibe cursos similares