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

Documentos relacionados
EDICIÓN IMÁGENES DIGITALES. Profesor: Julio Serrano

Taller de Inkscape. José Antonio Serrano García. 15 de mayo de Universidad de Granada Facultad de Ciencias Oficina de Software Libre

Software y herramientas útiles para storytelling

Modalidades.

Práctica 16: GIMP I Insertar texto y figuras geométricas

Certificaciones ADOBE CS5 y CS6

P á g i n a 1 TRABAJO AUTONOMO DEL ESTUDIANTE. Manual 1. Autor y Compilador: Diego Saavedra. NOMBRE DEL MANUAL: Conceptos, Gimp 2.

Sistemas Operativos Móviles. Juan Valentin Perdomo Bonilla Universidad Surcolombiana

Benemérita Universidad Autónoma de Puebla. Facultad de Ciencias de la Computación. Aplicaciones multimedia. Hilario Salazar Martínez

Illustrator. Programa de Estudio.

UNIDAD TEMÁTICA: Un Entorno Gráfico (Illustrator)

INFORMATICA DISEÑO Y COMUNICACIÓN Fundamentos teórico-prácticos del Diseño Gráfico Adobe Flash CS6 Adobe Premiere Pro CS4 Diseño y desarrollo web con

TEMA 2 Imagen Digital

CURSO SUPERIOR DISEÑO Y DESARROLLO WEB

Usar programas libres con Windows

MANIPULACIÓN DE LA IMAGEN. EL GIMP

Curso de HTML5 y CSS3_

Taurus Ursus. Telf / Polígono industrial de Olloniego parcela B51. Oviedo.

Usos educativos de la informática Programas de propósito general o instrumentales:

Jorge Valhondo Vazquez. Implantación Aplicaciones Informáticas de Gestión ASI2

CATALOGO PRODUCTOS ADOBE PARA EL SECTOR EDUCATIVO FAMILIA ACROBAT

Portafolio de productos y servicios

jquery Mobile: Diseño y desarrollo de aplicaciones para smarphones y tablets (Spanish Edition)

Introducción. Justificación

PORTFOLIO de Juanma Pérez Diseñador Gráfico Ilustrador Motion Grapher

MALLA CURRICULAR JÓVENES PROGRAMADORES

Juan José Pujante Bernal Universidad de Murcia - Nov. 2014

MÁSTER en DISEÑO GRÁFICO Y WEB_

MALLA CURRICULAR - DISEÑO GRÁFICO Y WEB

MANUAL PARA EL USO DEL Y PROTOTIPO DE UN GESTOR DE CONTENIDOS PARA PÁGINAS WEB CARLOS ALBERTO LONDOÑO LOAIZA JOHN ALEXANDER CALDERON HERANANDEZ

motivos para usar LibreOffice como herramienta ofi mática.

Aprende a tu ritmo y donde quieras

Tema 1. Problemas, algoritmos y programas

TAKASHI SUGASAWA. LINUX Básico B. (1. Introducción n a LINUX) 1

online Itinerario Adobe CS6 para Diseñadores

PROPUESTA DE INFORME TECNICO PREVIO DE EVALUACION DE SOFTWARE

Desarrollo de Contenidos Gráficos para Medios Impresos y Digitales Infraestructura, tecnología, productividad y ambiente.

Herramienta de distribución libre para Cómputo Científico como. Científico como opción viable en la investigación científica y tecnológica

Teléfono: (33) (33) (33)

GIMP I Insertar texto y figuras geométricas

Sencha es un framework, un marco de trabajo que nos facilita el desarrollo de una página web.

Consulta tus necesidades haciendo clic aquí

INTRODUCCIÓN. AnyDesk está disponible en 28 idiomas y es compatible con Windows, Mac y Linux.

Carolina V. Coronel Diseñadora en Comunicación Visual

1. Qué es App Inventor 2? 2. Requisitos para utilizar AI2

LENGUAJES JÓVENES PROGRAMADORES

Licenciamiento y Software

TRABAJO DE SISTEMAS OPERATIVOS ÍNDICE INTRODUCCIÓN Qué es Linux? Características de Linux Funciones

Arte y Fotografía. 1-bits IMÁGENES DIGITALES. Software Gráfico: Mapa de Bits o Pixelar. Software Gráfico: Vectorial u Orientado a Objetos.

Odoo (el nuevo OpenERP) Un completo sistema de gestión empresarial (ERP)

Software Libre. Clase 13. Universidad Nacional de Quilmes

CURSO DE INKSCAPE - EL BLOG DE JOACLINT ISTGUD - FILOSOFÍA DE TRABAJO

Taller de Gimp e Inkscape

Tecnologías de la Información y la Comunicación. Guadalinex V9 Curso

Introducción al Software Libre

Píxel. Un píxel ( picture element ) es la menor unidad homogénea en color que forma parte de una. fotograma de video, gráfico)

Descargar google chrome

Tema 5: Tratamiento de imágenes fijas.

Presentación de Zimbra Collaboration Suite (ZCS)

Subdirección General de Formación Profesional CONSEJERÍA DE EDUCACIÓN Comunidad de Madrid GRADO EN DISEÑO Y DESARROLLO DE VIDEOJUEGOS

GNU/Linux. Fernando López Linti UNLP

Cree su primer sitio web Del diseño a la realización - Versión online

IMÁGENES DIGITALES. Tipos de imágenes digitales y características

El diseño gráfico es la disciplina orientada a idear y proyectar mensajes visuales.

Qué es software libre y software privado?

Transcripción:

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

Prototipado de Diseño WEB 2

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. http://pencil.evolus.vn/

Editor/Programación WEB 4

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. https://notepad-plus-plus.org/

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.

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. https://www.apachefriends.org/es/index.html

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

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. http://photoshopen.blogspot.com/

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 = http://the-gimp.softonic.com/

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. http://www.adobe.com/es/products/illustrator.html

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 https://inkscape.org/es/

Creación y Diseño WEB 13

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. https://apps.google.com/intx/es/products/index.html 14

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. http://es.wix.com/

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. http://www.upplication.com/