Herramientas Marketing Digital = Prototipado, Programación, Edición y diseño web

Herramientas Software para Marketing Digital

1

Profesor de Marketing Digital Jesús Crespo Fernández

Prototipado Programación

Edición y Diseño WEB

Prototipado de Diseño WEB

2 Profesor de Marketing Digital Jesús Crespo Fernández

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.

HE

RR

AM

IEN

TA

MA

RK

ET

ING

Dis

eñ

o (

Pro

toti

pa

do

) d

e W

EB

http://pencil.evolus.vn/ Profesor de Marketing Digital Jesús Crespo Fernández

http://www.neoteo.com/tema/photoshop

Editor/Programación WEB


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.

HE

RR

AM

IEN

TA

MA

RK

ET

ING

Pro

gra

ma

ció

n H

TM

L5

pa

ra W

EB

(C

lie

nte

)

https://notepad-plus-plus.org/ Profesor de Marketing Digital Jesús Crespo Fernández

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.

HE

RR

AM

IEN

TA

MA

RK

ET

ING

Pro

gra

ma

ció

n H

TM

L5

pa

ra W

EB

(C

lie

nte

)


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.

HE

RR

AM

IEN

TA

MA

RK

ET

ING

Pro

gra

ma

ció

n H

TM

L5

pa

ra W

EB

(S

erv

ido

r)

https://www.apachefriends.org/es/index.html Profesor de Marketing Digital Jesús Crespo Fernández

Edición y Diseño Imágenes WEB


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.

Dis

eñ

o d

e I

má

ge

ne

s

http://photoshopen.blogspot.com/ Profesor de Marketing Digital Jesús Crespo Fernández

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. D

ise

ño

de

Im

ág

en

es

Descargar gratis de = http://the-gimp.softonic.com/ Profesor de Marketing Digital Jesús Crespo Fernández

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.

Dis

eñ

o d

e I

má

ge

ne

s V

ecto

ria

les

http://www.adobe.com/es/products/illustrator.html Profesor de Marketing Digital Jesús Crespo Fernández

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

Dis

eñ

o d

e I

má

ge

ne

s V

ecto

ria

les

https://inkscape.org/es/ Profesor de Marketing Digital Jesús Crespo Fernández

Creación 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

Sit

e y

Dis

eñ

o W

EB

https://apps.google.com/intx/es/products/index.html Profesor de Marketing Digital Jesús Crespo Fernández

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.

HE

RR

AM

IEN

TA

MA

RK

ET

ING

http://es.wix.com/

Sit

e y

Dis

eñ

o W

EB


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.

HE

RR

AM

IEN

TA

MA

RK

ET

ING

Dis

eñ

o A

PP

http://www.upplication.com/ Profesor de Marketing Digital Jesús Crespo Fernández

Education

Herramientas Marketing Digital = Prototipado, Programación, Edición y diseño web