DISEÑO & DESARROLLO WEBEN DREAMWEAVER

JUEVES 10 MARZO

LUIS PALOMINO

TEMARIO• Estructuras• Punto de interés• Flujo visual• Bocetos• Diagrama• HTML & CSS• Ejercicio N°1

Jueves 10Marzo

1LUIS PALOMINO

LUIS PALOMINO BELTRÁNPadre. Comunicador. MBA. Brand Manager. Project Director. Docente. Músico. Scout. 11 años en eMKT.

/ Mehaceslataba@Mehaceslataba/ Mehaceslataba

¿ALGÚN PROGRAMADOR EN EL GRUPO?

ESTRUCTURAS¿Qué partes tiene mi diseño?

http://www.w3schools.com/w3 schools

SLIDER |

FOOTER

HEADER

Código externo para que se muevan las secciones

SECTION SECTION

SECTION

PUNTO DEINTERÉS

Es aquella parte de la composición que llama

especialmente la atención.

Debe ayudar a transmitir los objetivos de comunicación

de la marca.

Los demás elementos del diseño deben ser

dispuestos de forma que sean inferiores.

PUNTO DEINTERÉS

FLUJO VISUAL

El flujo visual es el camino que recorren

los ojos a través de una pantalla.

Si el diseño está bien realizado, este

camino se da de manera natural y

fluida.

FLUJO VISUAL

BOCETO

Hacer bocetos es una fase fundamental del proceso de diseño y es bastante útil para dejar fluir tu creatividad.

Bocetear y diagramar no es lo mismo.

BOCETO

Nos permite definir las zonas o divisiones que va a tener la página web.

Nos permite planear el punto de interés y flujo visual.

DIAGRAMA OESTRUCTURA

HTML & CCSDreamweaver

1. Definir la marca sobre la cual diseñarán una web.

2. Definir los objetivos de comunicación.

3. Definir la estructura de la web.

4. Dibujar el boceto de la web.

EJERCICIO N°1

Presentación: Sábado 12Formato: Lápiz y Papel