Diseño Web

PROGRAMAS:  Adobe Dreamweaver CC 2017/ Adobe Muse CC 2017/ Adobe Fireworks CS6/ Adobe Photoshop para optimizar imágenes.

Conceptos clave: sitio, responsive, hosting, dominio, optimización de imágenes, banner, gif. La importancia de tener presencia en Internet. Lo que no se debe hacer al diseñar. Página de ejemplo. Resoluciones de pantalla actuales para diseñar. Elementos de una página web: cabecera, cuerpo, pie, fotos, imágenes, texto, botones, animaciones, música, videos. Tendencias en el diseño de páginas. Requisitos para diseñar una página: hosting, dominio. Cómo registrar un hosting, como registrar un dominio. Tareas previas al diseño de un sitio. Elementos indispensables (textos, logos, imágenes). Cómo preparar imágenes para la web. Exportar para web usando PHOTOSHOP.

Introducción a ADOBE FIREWORKS. Optimizar imágenes en Firewors. Desarrollo de un banner. Panel de Estados. Creación de gif y animaciones. Hacer un gif online.

ADOBE DREAMWEAVER CC 2017.
Conceptos clave: html, mapa de sitio, css, etiquetas meta, keywords. Estructura de un archivo html. HTML (Concepto, estructura básica del lenguaje html). Introducción a Dreamweaver. El espacio de trabajo. Vista diseño y vista código. Crear un mapa de sitio. Crear un archivo html.  Etiquetas META (Keywords y Description): como incorporarlas al sitio, importancia y ejemplo de búsqueda en Google. Elemento texto. Propiedades de la página. CSS (hojas de estilo en cascada) aplicadas a la etiqueta body (propiedades básicas de la página). Estructura de un archivo CSS. Estilos CSS para modificar fuentes. Tipos de VÍNCULOS: Internos, Externos (abrir en ventana nueva con _blank), Email. Plantillas, bootstrap, portfolio, insertar imágenes, insertar fuentes, Google Fonts. Crear nuevo documento. Menú ARCHIVO> NUEVO (CTRL + N). Usar las plantillas de Dreamweaver. Desarrollo de un sitio de estilo portfolio personal en Dreamweaver. 
Publicar sitio, sitio local, sitio remoto. Presentación del portfolio personal diseñado. Cómo publicar el sitio. Cierre del módulo Dreamweaver.

ADOBE MUSE CC 2017
Conceptos clave: ancho fijo, ancho fluido, plan del sitio, página maestra, nombre de página, título de página, imagen de favicon, metadatos, barra de herramientas, fuentes, paleta de colores. Introducción a Adobe Muse CC 2017. Crear un nuevo proyecto. Secuencia de trabajo en Muse: Plan, Diseño, Previsualizar, Publicar. Cómo planificar un sitio.  Insertar páginas. Crear nueva Página Maestra. Propiedades de página. Introducir Metadatos. Introducir una imagen de favicon. Barra de herramientas: herramienta selección, herramienta Recortar, herramienta Texto, herramienta Rectángulo,  herramienta Marco de Rectángulo,  herramienta Mano,  herramienta Zoom. Panel Texto. Añadir fuentes Web. Typekit Web Fonts. Edge Web Fonts. Fuentes web locales: archivos .WOFF, .EOT, .SVG. Definir la paleta de colores a usar en el sitio. Redimensionar elementos en función del tamaño del navegador. Usar elementos de la Biblioteca de Widgets: slide, menú horizontal y menú vertical, formularios, presentación de diapositivas, entre otros.
Capas, anclaje, vínculos, desplazamiento. Diseño de un portfolio profesional o sitio de una sola página. Uso del panel Capas. Uso de la opción de Anclaje de vínculos. Efectos de desplazamiento. Punto de rotura, tienda online, publicar sitio, Business Catalyst, servidor FTP.  Hacer el sitio responsivo. Añadir puntos de rotura. Aplicar formato a textos en los puntos de rotura. Añadir Shopify Widget para tiendas online. Publicar el sitio: a través de Adobe Business Catalyst o a través de servidor FTP. Exportar como HTML.

¿Querés recibir mas información sobre los requisitos?

• CEICOS - Centro de Estudios e Investigación en Comunicación Social Sede Principal | Belgrano 137