Prototipado Programación Edición y Diseño WEB

Transcripción

1 Herramientas Software para Marketing Digital Prototipado Programación Edición y Diseño WEB 1

2 Prototipado de Diseño WEB 2

3 HERRAMIENTA MARKETING Diseño (Prototipado) de WEB Herramienta Pencil Project Es una excelente y gratuita herramienta para crear prototipos para aplicaciones y sitios web que es de código abierto, multiplataforma, con extensión para Firefox. Pencil Project es una herramienta pensada directamente para los desarrolladores y diseñadores de aplicaciones de escritorio y web que quieran tener un modelo de su proyecto antes de ponerse a construirlo desde cero en Photoshop o Illustrator. La función principal de Pencil Project es justamente esta, proporcionar una forma rápida, intuitiva, gratuita y funcional de diseñar rápidamente mockups y bosquejos en archivos HTML, PNG, PDF y otros.

4 Editor/Programación WEB 4

5 HERRAMIENTA MARKETING Programación HTML5 para WEB (Cliente) Herramienta Notepad++ Herramienta libre para la programación HTML5 y CSS con muchísimas posibilidades y aplicaciones. Dispone de una amplia librería de pluggins. Para Windows.

6 HERRAMIENTA MARKETING Programación HTML5 para WEB (Cliente) Herramienta Vi El editor vi es un editor de texto de pantalla completa que maneja en memoria el texto entero de un archivo. Es el editor clásico de UNIX; está en todas las versiones. Puede usarse en cualquier tipo de terminal con un mínimo de teclas; esto lo hace difícil de usar hasta que uno se acostumbra. Existe un editor vi ampliado llamado vim que contiene facilidades adicionales, así como diversas versiones del vi original. En todos los casos, el conjunto de comandos básicos es el mismo.

7 HERRAMIENTA MARKETING Programación HTML5 para WEB (Servidor) Herramienta XAMPP Es el editor que necesitarás utilizar cuándo decidas programar la parte servidor de una WEB. XAMPP es el entorno más popular de desarrollo con PHP. XAMPP es una distribución de Apache completamente gratuita y fácil de instalar que contiene MariaDB, PHP y Perl. El paquete de instalación de XAMPP ha sido diseñado para ser increíblemente fácil de instalar y usar.

8 Edición y Diseño Imágenes WEB 8

9 Diseño de Imágenes Herramienta Photoshop El programa Photoshop, es una aplicación especializada en la edición de gráficos, (imágenes), perteneciente a la gama de programas de la empresa Adobe Systems. Es uno de los editores de imágenes más difundidos actualmente gracias a su versatilidad, facilidad de uso y gran variedad de herramientas con las que cuenta para realizar las ediciones. Disponible gratis en versión online.

10 Diseño de Imágenes Herramienta Gimp GIMP (GNU Image Manipulation Program) es un programa de edición de imágenes digitales en forma de mapa de bits, tanto dibujos como fotografías. Es un programa libre y gratuito. Está englobado en el proyecto GNU y disponible bajo la Licencia pública general de GNU. Se le puede considerar como una alternativa firme, potente y rápida a Photoshop para muchos usos, aunque no se ha desarrollado como un clon de él y posee una interfaz bastante diferente. Descargar gratis de =

11 Diseño de Imágenes Vectoriales Herramienta Adobe Ilustrator Adobe Illustrator (AI) es un editor de gráficos vectoriales de pago, en forma de taller de arte que trabaja sobre un tablero de dibujo, conocido como «mesa de trabajo» y está destinado a la creación artística de dibujo y pintura para ilustración (ilustración como rama del arte digital aplicado a la ilustración técnica o el diseño gráfico, entre otros). Adobe Illustrator contiene opciones creativas, un acceso más sencillo a las herramientas y una gran versatilidad para producir rápidamente gráficos flexibles cuyos usos se dan en (maquetación-publicación) impresión, vídeo, publicación en la Web y dispositivos móviles.

12 Diseño de Imágenes Vectoriales Herramienta Inkscape Inkscape es un editor profesional de gráficos vectoriales para Windows, Mac OS X y Linux. Es gratis y de código abierto. Seas un ilustrador, diseñador, maquetador web o simplemente alguien que necesita crear trabajos vectoriales, Inkscape te ofrece: herramientas flexibles de dibujo amplia compatibilidad de formatos de archivo potente herramienta de texto Curvas bezier y spiro

13 Creación y Diseño WEB 13

14 Site y Diseño WEB Herramienta Google Sites Google Sites es una aplicación online que permite crear un sitio web de colaboración. Google Sites permite recopilar con rapidez información de distinta naturaleza en una misma ubicación (vídeos, calendarios, presentaciones, archivos adjuntos y texto) y compartirla fácilmente con un pequeño grupo de personas, toda tu organización o con cualquier usuario de la Red para verla o editarla. Se accede desde el Set de Herramientas Google y puedes personaliza la interfaz del sitio para que se parezca a tu grupo o adquiera el aspecto del proyecto. 14

15 HERRAMIENTA MARKETING Site y Diseño WEB Herramienta Wix Magnífica herramienta para crear tu propia página web de forma gratuita. Las herramientas y el interface de diseño es muy fácil de entender y aplicar. Permite el diseño de la web, bajo un subdominio gratuito, para ordenador y smartphone.

16 HERRAMIENTA MARKETING Diseño APP Herramienta Upplication Es el Wordpress o el Blogger para móviles. Desde unos 15 /mes puedes tener tu propia app para vender, captar o fidelizar clientes.