Mediatech Curso de Diseño Web

Descripcion

El curso de Diseño Web Clasico
Inicia conlas estructuras básicas en HTML5 y CSS3 para  poder desarrollar la maquetacion y la creación de hojas de estilos para la pagina web despues por medio de Photoshop CC e Illustrator CC desarrollaremos el aspecto visual y grafico de nuestra pagina por ultimo con DreamWeaver subiremos nuestra pagina y daremos los ultimos detalles de integración para que todo sea responsivo e interactivo.

Temario HTML5 Y CSS3
1.Conceptos generales de HTML5 y CSS3.
Nuevos elementos en HTML5
Elementos Estructurales o de Semántica
Ejercicio de Maquetación utilizando los elementos estructurales y CSS Básico
Uso de Etiqueta Canvas con Javascript
Uso de Etiquetas de Formato
Uso de Etiquetas de Multimedia (Audio y Video)
Interacción Dinámica con Multimedia
Uso de Etiquetas para Formularios
Referencia a otros elementos avanzados.

2. NUEVAS PROPIEDADES DE HOJAS DE ESTILO CSS3
Uso de los selectores básicos
Bordes Redondeados
Sombras en los elementos
Sombras en el Texto
Aplicación de colores usando rgba
Añadir fuentes adicionales a una página web
Estirar imagen de fondo de pantalla
Uso de degradados de colores
Transformaciones
Rotar elementos
Escalar elementos
Inclinar elementos
Mover elementos sobre su eje
Transiciones de animaciones.

Temario Photoshop CC para Web
Herramientas geométricas y vectoriales
Circulo
Cuadrado
Plumilla
Aplicando color a formas geométricas
Colocar objetos inteligentes
El Color
El RGB y el CMYK
Colores hexadecimales
Colores sólidos
Colores en degradado
Trabajando con imágenes
Recortar imágenes
Corrección de luces, sombras, colores
Creación de mascaras
Trabajando con leyers
Efectos de imagen en leyers
Agrupación de leyers
Aplicando texto
Herramienta de párrafo
Aplicando formato al texto
Instalar fuentes de google fonts
Exportar imágenes
Exportar imágenes en formato PNG
Exportar imagen en formato JPG
Crear un GIF animado
Creando una página web
Diseño para diferentes pantallas
Creando documento para web
Creando un documento para móvil
El sistema de rejillas
Guías y Reglas
Diseño de botones para web
Diseño de un formulario de contacto

Temario Illustrator CC para Web
Interfaz de la aplicación
Uso de áreas de trabajo
Paneles y herramientas
Trazado vectorial
Diferencia entre vectores y bitmaps
Nodos y vectores
Trazado de lìneas rectas y curvas con plumilla
Partir nodos
Texto
Diferencia entre point text y paragraph text
Texto dentro de caja
Unión de cajas de texto
Convertir en curvas
Fuentes tipográficas
Fuentes para web
Glifos
Interlineado
Tracking y kerning
Texto dentro de formas
Contorno
Grosor y tipos de contorno
Herramienta de espirar, cuadricula y polar grid
Uso de figuras geométricas perfectas, proporcionales y concéntricas
Uso del buscatrazos o pathfinder
Uso del pincel y lápiz
Uso de goma, tijeras y cuchillo
Transformación
Duplicar, rotar y reflejar
Distorsionar elementos
Trabajo con capas y duplicado sobre capa
Relleno
Degradado y malla de degradado
Pregnancia
Uso de sìmbolos y spray
Vectores para web
Creación de logotipo
Exportación en formato GIF
Exportación en formato JPG
Exportación en formato PNG-32
Exportación en formato SVG
Uso de color Hexadecimal y RGBA
Creación de un banner
Diseño y maquetación responsiva
Diseño responsivo
Uso de parrillas o columnas en maquetación
Organización de columnas de bootstrap
Maquetación de página web para celular
Maquetación de página web para tableta
Maquetación de página web para escritorio.

Temario de Dreamweaver
Arquitectura de una página estática
Introducción a Dreamweaver CC
Elementos Básicos de la interfaz de
Dreamweaver CC
Definición de un Sitio Local
Proceso de Desarrollo
Cómo añadir contenido a un Sitio
Adición de Contenido
Formateo de la Estructura de un
Documento
Formateo del Texto
Configuración de las Propiedades de un
Documento
Cómo Vincular Documentos
Qué son los Vínculos (Links)
Vinculación a archivos en Su Sitio
Vinculación a Anclas con Nombre (Named Anchors)
Adición de Vínculos con Correos
Electrónicos
Cómo trabajar con Gráficos
Gráficos en las Páginas Web
Colocación de Gráficos en la Página
Modificación de las Propiedades de las
Imágenes
Utilización de Macromedia Fireworks 8 para crear Imágenes
Mapas de Imagen (Bitmaps)
Adición de Objetos de Flash
Cómo Diseñar Páginas utilizando Tablas
Estructuración de Datos mediante Tablas
Importación de Datos de Tablas (Tabular Data)
Diseño en la Vista de Disposición (LayoutView)
Utilización de Imágenes de Rastreo (TracingImages)
Cómo usar las Plantillas y Bibliotecas
Creación de Plantillas de Sitio
Elementos de la Biblioteca de Sitio
Creación de Formularios
Qué son los Formularios HTML
Procesamiento de Formularios
Configuración de la Navegación de un Formulario
Cómo crear Marcos (Frames)
Qué son los Marcos (Frames) y Conjuntos de Marcos (Framesets)
Alteración de Marcos
Vinculación de Marcos
Hojas en Estilo Cascada (CSS – CascadingStyle Sheets)
Introducción de las CSS
Creación de una Nueva Hoja de Estilo
Utilización de Clases Personalizadas(Custom Classes)
Uso de Css Selector Styles
Adjuntar Hojas de Estilo Externas
Edición de Hojas de Estilo
Utilización de Estilos Incrustados
Cómo añadir Elementos de Pagina Interactivos
Utilización de Comportamientos
Creación de Sustituciones de Botón (Button Rollovers)
Creación de un Menú de Salto (Jump Menú)
Adición de Capas para Interactividad
Evaluación, Distribución y Mantenimiento
Evaluación de un Sitio
Mantenimiento de Archivos
Conexión a un Sitio Remoto

MATERIAL RECIBIDO:
Manual en PDF de los ejercicios realizados.
Diploma con valor curricular avalado por la S.T.P.S.

DURACIÓN
El curso tiene una duración de 02 semanas tomando 03 horas diarias.

EVALUACIÓN
Contar con el 80 % de asistencia
Entrega de Proyecto