Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
DISEÑO & DESARROLLO WEB
EN DREAMWEAVER
JUEVES 10 MARZO
LUIS PALOMINO
TEMARIO
• Estructuras
• Punto de interés
• Flujo visual
• Bocetos
• Diagrama
• HTML & CSS
• Ejercicio N°1
Jueves 10
Marzo
...
LUISPALOMINOBELTRÁN
Padre. Comunicador. MBA. Brand
Manager. Project Director. Docente.
Músico. Scout. 11 años en eMKT.
/ M...
¿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 DE
INTERÉS
Es aquella parte de la
composición que llama
especialmente la atención.
Debe ayudar a transmitir los
objetivos de comunica...
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...
BOCETO
Hacer bocetos es una
fase fundamental del
proceso de diseño y es
bastante útil para dejar
fluir tu creatividad.
Bocetear y...
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
v...
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...
Diseño y Desarrollo web en Dreamweaver
Diseño y Desarrollo web en Dreamweaver
Diseño y Desarrollo web en Dreamweaver
Diseño y Desarrollo web en Dreamweaver
Diseño y Desarrollo web en Dreamweaver
Diseño y Desarrollo web en Dreamweaver
Diseño y Desarrollo web en Dreamweaver
Diseño y Desarrollo web en Dreamweaver
Diseño y Desarrollo web en Dreamweaver
Diseño y Desarrollo web en Dreamweaver
Diseño y Desarrollo web en Dreamweaver
Diseño y Desarrollo web en Dreamweaver
Diseño y Desarrollo web en Dreamweaver
Nächste SlideShare
Wird geladen in …5
×

Diseño y Desarrollo web en Dreamweaver

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.

  • Loggen Sie sich ein, um Kommentare anzuzeigen.

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

×