Herramientas Marketing Digital = Prototipado, Programación, Edición y diseño web
-
Upload
jesus-crespo-fernandez -
Category
Education
-
view
217 -
download
4
Transcript of 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
Editor/Programación WEB
4 Profesor de Marketing Digital Jesús Crespo Fernández
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
)
Profesor de Marketing Digital Jesús Crespo Fernández
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
8 Profesor de Marketing Digital Jesús Crespo Fernández
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
13 Profesor de Marketing Digital Jesús Crespo Fernández
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
Profesor de Marketing Digital Jesús Crespo Fernández
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