Diseño Web Responsivo para Social Media

Diseño Web Responsivo para Social Media

Diseño y publicación de sitios web de alto impacto en redes sociales.

OBJETIVO: Generar propuestas innovadoras en el campo del diseño digital para ser llevadas al internet como portales ricos en contenidos, o campañas publicitarias que requieran de sitios web con un alto nivel de interactividad e impacto visual.

El internet está cambiando a un ritmo vertiginoso y las opciones para publicar y compartir contenidos son cada día más variados, dejando atrás a las formas tradicionales de publicar contenidos web, por lo que es vital tener muy en cuenta este nuevo enfoque a la hora de diseñar y publicar sitios web hoy en día.

1) Planeación y Estructura:

1.1.- ¿Qué es el Internet?

1.2.- Reglas de Copy Right y derechos de autor.

1.3.- Principios del Diseño.

1.4.- Flowchart (Diagramas de Flujo).

1.5.- Diseño y Maquetación Gráfica.

1.6.- Símbolos

1.7.- Prototipo para el cliente como PDF.

2) Sitios Gráficos usando el Mapeo de Imagen:

2.1.- Optimización de Imagen.
2.2.- Manipulación de capas.
2.3.- Diseño en capas para web.
2.4.- Inserción de botones y sus estados.
2.5.- Estilos Gráficos.
2.6.- Comportamientos.
2.7.- Gifs animados.
2.8.- Exportación de formatos.

El dominio del HTML como lenguaje básico para el desarrollo de sitios web es fundamental si se pretende construir sitios de alta compatibilidad y fácilmente actualizables desde las diferentes opciones que el mercado ofrece. Saber insertar los TAGS ordenadamente y palabras clave necesarias en el lugar correcto hará la diferencia entre un diseñador web y el programador web que sabe de diseño.

3) Programación HTML y publicación en Servidor:

3.1.- Elementos esenciales del HTML.
3.2.- Construcción de una estructura básica.
3.3.- Incorporación de archivos de mapeo.
3.4.- Links, Anclas y Barra de navegación.
3.5.- Banners Animados e IFrame.
3.6.- Plantillas y actualizaciones.
3.7.- Mapeo de Imágenes, texto alternativo y buscador.
3.8.- Servidores, Dominios y DNS.
3.9.- Publicación en Servidor.

Un sitio web actualmente depende de que su estructura este fusionada con diversas tecnologías como y lenguajes de programación como CSS, Java Script, AJAX y XML por nombrar algunos. Incorporar a un sitio web la capacidad de elevar la seguridad de un sitio para evitar que el contenido sea plagiado o dar a los usuarios de tener acceso a material restringido es una necesidad de cualquier portal profesional.

4) Complementos JAVA, CSS & AJAX:

4.1.- Funciones Java Básicas.

4.2.- Efectos Gráficos Java.

4.3.- Códigos Java de Seguridad.

4.4.- Reglas CSS.

4.5.- Construcción a base de CSS.
4.6.- Extensiones de Dreamweaver.

4.7.- SPRY de Dreamweaver.

4.8.- Formularios y encuetas.

4.9.- Complementos pre-instalados del servidor.

Los sitios web más impactantes, destinados sobre todo a campañas de publicidad son un fenómeno que necesita ser explotado por aquellos que intentan incursionar al mundo del diseño web profesional. El dominio de las herramientas adecuadas y el lenguaje de programación que les permita manipularlas les abrirá las puertas a un mundo nuevo de posibilidades en internet donde todo es posible.

5) Interfaces Creativas Animadas:

5.1.- Introducción a HTML5
5.2.- Comandos básicos de animaciones sencillas
5.3.- Comvinación de CSS3 y HTML5 para animar
5.4.- Implementación de Javascript y jQuery para una experiencia enrriquecida
5.5.- Visualización responsive de acuerdo al dispositivo cliente