Successfully reported this slideshow.
Your SlideShare is downloading. ×

Diseño y Desarrollo web en Dreamweaver

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad

Check these out next

1 of 29 Ad

Diseño y Desarrollo web en Dreamweaver

Download to read offline

Diseño y Desarrollo web en Dreamweaver. Términos básicos para la primera sesión de clases: Estructura web, punto de interés, flujo visual, bocetos, diagrama web y html & css.

Diseño y Desarrollo web en Dreamweaver. Términos básicos para la primera sesión de clases: Estructura web, punto de interés, flujo visual, bocetos, diagrama web y html & css.

Advertisement
Advertisement

More Related Content

Similar to Diseño y Desarrollo web en Dreamweaver (20)

Advertisement

More from Luis Palomino (20)

Recently uploaded (20)

Advertisement

Diseño y Desarrollo web en Dreamweaver

  1. 1. DISEÑO & DESARROLLO WEB EN DREAMWEAVER JUEVES 10 MARZO LUIS PALOMINO
  2. 2. TEMARIO • Estructuras • Punto de interés • Flujo visual • Bocetos • Diagrama • HTML & CSS • Ejercicio N°1 Jueves 10 Marzo 1 LUIS PALOMINO
  3. 3. LUISPALOMINOBELTRÁN Padre. Comunicador. MBA. Brand Manager. Project Director. Docente. Músico. Scout. 11 años en eMKT. / Mehaceslataba @Mehaceslataba / Mehaceslataba
  4. 4. ¿ALGÚN PROGRAMADOR EN EL GRUPO?
  5. 5. ESTRUCTURAS ¿Qué partes tiene mi diseño?
  6. 6. http://www.w3schools.com/ w3 schools
  7. 7. SLIDER | FOOTER HEADER Código externo para que se muevan las secciones SECTION SECTION SECTION
  8. 8. PUNTO DE INTERÉS
  9. 9. 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 DE INTERÉS
  10. 10. FLUJO VISUAL
  11. 11. 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
  12. 12. BOCETO
  13. 13. 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
  14. 14. 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 O ESTRUCTURA
  15. 15. HTML & CCSDreamweaver
  16. 16. 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 12 Formato: Lápiz y Papel

×