SlideShare una empresa de Scribd logo
Liceo Militar Capitán
“Giovanni Calles”
Alumnos: -Sarahi Bravo
-Luis Vallejo
Curso: Segundo año de bachillerato
● El diseño efectivo y eficiente de sitios web puede ser una tarea compleja, difícil
y larga. De ahí que las herramientas se conviertan en un elemento clave a la
hora de maximizar nuestros recursos.
● Hoy en día el mercado de la herramientas es muy amplio y cubre todo tipo de
necesidades, por eso resulta difícil escoger la adecuada para cada proyecto.
● Hoy te quiero enseñar, algunas de las herramientas que me facilitan el trabajo,
son de lo más completas y seguro que te ayudarán en tu día a día. Y ya sabes, si
conoces alguna más, estaré encantada de que la compartas con nosotros.
Aquí les dejamos
algunas que son las
mas importantes:
1. Adobe Kuler
● Si necesitas crear una paleta de color para tu proyecto Adobe
Kuler es tu solución. Una aplicación de internet de Adobe
gratuita, que te permitirá crear y buscar combinaciones de
colores. Para hacer uso de esta aplicación deberás estar
registrado como usuario en la página de Adobe, y con tu
usuario y password podrás tener acceso a él.
2. Typecast
● Esta aplicación te permite trabajar con mas de 5.000 fuentes desdeTypekit,
Fontdeck, Fonts.com y Google Web Fonts en un solo panel de control.
● El objetivo es poder decidir la tipografía que utlizarás en los textos que
publicarás en la web de forma sencilla y rápida, de la misma forma que lo
hacemos con los editores de texto y fotografía tradicionales. Puedes crear
columnas de contenido y alterar la tipografía usada, escogiendo en el
menú lateral el proveedor de las fuentes y escribiendo cualquier tipo de
texto para ver los resultados directamente en la web.
3. Mockflow
● Te permite montar un prototipo en cuestión de minutos, online y para multitud
de plataformas diferentes: Android, iPhone, WordPress, Joomla, Drupal,
Facebook… Es muy intuitiva ya que es tan fácil como hacer drag and drop
con los componentes que te proporciona para construir tu wireframe.
●
● La versión gratuita sólo permite un proyecto con 4 páginas, pero puedes
descargarlas en diversos formatos y borrarlas conforme las dejes de necesit
4. GuideGuide
● Es una extensión de Adobe Photoshop con la que
preparar tu documento para comenzar a diseñar tus
webs será cuestión de minutos. Un plugin que se ha
convertido en un imprescindible dada la importancia de
las guías para conseguir diseños web perfectos. Una vez
que la instales no vas a querer dejar de usarla.
Vallejo bravo
ORGANIGRAMAS
Vallejo bravo
Vallejo bravo
Anexos
● http://www.40defiebre.com/herramientas-o
● https://www.youtube.com/watch?v=E2SU
● https://www.google.com.ec/search?q=herr
Vallejo bravo

Más contenido relacionado

PDF
Guia de recursos_digitales.
PPTX
Requerimientos para el desarrollo
PPTX
Dreamweaver
PDF
Editores WYSIWYG
PPT
Dream
PPTX
Informática saaid villa
PPTX
Practica power point prueba
DOCX
Que son los editores WYSIWYG ? ,
Guia de recursos_digitales.
Requerimientos para el desarrollo
Dreamweaver
Editores WYSIWYG
Dream
Informática saaid villa
Practica power point prueba
Que son los editores WYSIWYG ? ,

La actualidad más candente (18)

PPT
PPT
Power Point
DOCX
Informe
DOCX
Informe de los trabajos que vimos
DOCX
PDF
Herramientas Marketing Digital = Creación y Diseño Blog
PPT
Pagemodo
PPTX
Trabajo tecnologia
PPTX
Presenta dsfjksdfd
PPTX
EXPOSICION DREAMWEAVER
PDF
Taller wireframing
DOCX
DOCX
PPTX
-+Actividad 1 internet
DOCX
Informe de los trabajos que vimos
PPTX
Dreamweaver yineth
PPTX
1.páginas web online
Power Point
Informe
Informe de los trabajos que vimos
Herramientas Marketing Digital = Creación y Diseño Blog
Pagemodo
Trabajo tecnologia
Presenta dsfjksdfd
EXPOSICION DREAMWEAVER
Taller wireframing
-+Actividad 1 internet
Informe de los trabajos que vimos
Dreamweaver yineth
1.páginas web online
Publicidad

Similar a Vallejo bravo (20)

DOCX
Software libre
DOCX
Lina mañana
PPTX
Programas alternativos para presentaciones online
PPTX
Programas
PDF
Herramientas digitales para educacion
ODP
5 Herramientas web para hacer Infografías
ODP
5 herramientas para hacer infografias
PPTX
Herramientas de diseño web
DOCX
Actividad 4 p yola
DOCX
Cristopher leonardo escobar hernadez
PPTX
Herramientas de la Web 2.0 - SlideShare
PPTX
Herramientas Web 2,0.pptx
PPTX
Presentaciones ntics
PPTX
Herramientas de trabajo
PPTX
Herramientas de trabajo
PPTX
Herramientas de trabajo
PDF
Herramientas de trabajo colaborativo
DOCX
Graficos software libres
PDF
WEB 2.0
PPTX
programas mas utilizados en internet power
Software libre
Lina mañana
Programas alternativos para presentaciones online
Programas
Herramientas digitales para educacion
5 Herramientas web para hacer Infografías
5 herramientas para hacer infografias
Herramientas de diseño web
Actividad 4 p yola
Cristopher leonardo escobar hernadez
Herramientas de la Web 2.0 - SlideShare
Herramientas Web 2,0.pptx
Presentaciones ntics
Herramientas de trabajo
Herramientas de trabajo
Herramientas de trabajo
Herramientas de trabajo colaborativo
Graficos software libres
WEB 2.0
programas mas utilizados en internet power
Publicidad

Vallejo bravo

  • 1. Liceo Militar Capitán “Giovanni Calles” Alumnos: -Sarahi Bravo -Luis Vallejo Curso: Segundo año de bachillerato
  • 2. ● El diseño efectivo y eficiente de sitios web puede ser una tarea compleja, difícil y larga. De ahí que las herramientas se conviertan en un elemento clave a la hora de maximizar nuestros recursos. ● Hoy en día el mercado de la herramientas es muy amplio y cubre todo tipo de necesidades, por eso resulta difícil escoger la adecuada para cada proyecto. ● Hoy te quiero enseñar, algunas de las herramientas que me facilitan el trabajo, son de lo más completas y seguro que te ayudarán en tu día a día. Y ya sabes, si conoces alguna más, estaré encantada de que la compartas con nosotros.
  • 3. Aquí les dejamos algunas que son las mas importantes:
  • 4. 1. Adobe Kuler ● Si necesitas crear una paleta de color para tu proyecto Adobe Kuler es tu solución. Una aplicación de internet de Adobe gratuita, que te permitirá crear y buscar combinaciones de colores. Para hacer uso de esta aplicación deberás estar registrado como usuario en la página de Adobe, y con tu usuario y password podrás tener acceso a él.
  • 5. 2. Typecast ● Esta aplicación te permite trabajar con mas de 5.000 fuentes desdeTypekit, Fontdeck, Fonts.com y Google Web Fonts en un solo panel de control. ● El objetivo es poder decidir la tipografía que utlizarás en los textos que publicarás en la web de forma sencilla y rápida, de la misma forma que lo hacemos con los editores de texto y fotografía tradicionales. Puedes crear columnas de contenido y alterar la tipografía usada, escogiendo en el menú lateral el proveedor de las fuentes y escribiendo cualquier tipo de texto para ver los resultados directamente en la web.
  • 6. 3. Mockflow ● Te permite montar un prototipo en cuestión de minutos, online y para multitud de plataformas diferentes: Android, iPhone, WordPress, Joomla, Drupal, Facebook… Es muy intuitiva ya que es tan fácil como hacer drag and drop con los componentes que te proporciona para construir tu wireframe. ● ● La versión gratuita sólo permite un proyecto con 4 páginas, pero puedes descargarlas en diversos formatos y borrarlas conforme las dejes de necesit
  • 7. 4. GuideGuide ● Es una extensión de Adobe Photoshop con la que preparar tu documento para comenzar a diseñar tus webs será cuestión de minutos. Un plugin que se ha convertido en un imprescindible dada la importancia de las guías para conseguir diseños web perfectos. Una vez que la instales no vas a querer dejar de usarla.