Programas necesarios para diseñar y desarrollar un sitio web

El diseño y desarrollo de un sitio web se basa en una serie de ítems que son importantes además de la estrategia, el plan de mercadeo digital y el posicionamiento web.

Herramientas para diseño y manejo fotográfico.

Adobe Creative Suite:La suite creativa de adobe es tal vez un de las herramientas más completas para el diseño gráfico y web en el mundo, ya que integran todo lo necesario para lograr resultados óptimos y de gran calidad.

Ilustrator:El uso de ilustrator ayuda el diseño de sitios vectoriales de gran calidad. En este programa el diseñador puede plasmar un buen diseño web basado en wideframes o mocups que han sido planeados con anticipación y definir todos los estándares necesarios basándose en tendencias web y el manual de identidad corporativa de la marca o producto.

Photoshop: El retoque digital de imágenes es un punto vital para la estética visual del sitio, pero también para la parte funcional del mismo;  Ya que una imagen muy pesada puede tardar mucho tiempo en cargar y afectar directamente el rendimiento del servidor y el posicionamiento orgánico

“Recomendaciones en photoshop: guardar todas las imágenes a 72 dpi (Aunque ya no es tan relevante), para web en formato jpg o png-8 si los colores de la imagen no supera los 256, en caso contrario guardar como png-24.”

Fireworks:fireworks en la versión Creative Cloud para equipos de adobe y al cual no se le brindara más soporte, es tal vez una de las mejores herramientas para el manejo de imágenes y diseño de templates web sobre el planeta tierra, debido a que fue concebido en su totalidad para la manipulación de imágenes y contenido web.Tal vez esta herramienta sea sustituida en su totalidad por la opción “Guardar para web” de photoshop e ilustrator.

Herramientas de video

Adobe after efects
Este programa que también pertenece a Adobe, es en mi concepto el más integral para editar y producir vídeo de gran calidad para la web, además permite crear una gran cantidad de efectos y manejos técnicos para el mundo exigente de hoy a nivel de video.

Camtasia studio 8
aunque es considerado como un complemento más que otra cosa, este programa permite la grabación y edición de la pantalla del computador o ordenador y es muy utilizado más que todo para la grabación de video tutoriales para youtube.

Aplicaciones para diseñar y desarrollar sin saber programar

Adobe Muse

Es la apuesta que ha hecho Adobe, para las personas que saben diseñar,no tienen idea de como programar y deciden diseñar un sitio web. Funciona de una manera muy intuitiva con herramientas similares a las de ilustrator y exporta el código en HTML5.Conozca adobe muse en el video de adobexpert

Google web designer
El nuevo programa de Google pone a disposición de los diseñadores y desarrolladores web, y funciona bajo el mismo concepto de muse: “Diseñe y desarrolle sin saber código”, se encuentra en versión beta y en las primeras impresiones funciona de una manera muy óptima.

Herramientas para desarrollo

Sublime text 2

Este editor de texto que se puede utilizar de manera libre, o con una donación de $50 US para su desarrollador, se ha convertido en una herramienta de desarrollo web profesional muy utilizado a nivel mundial, debido a que integra todo lo necesario para realizar la web de una manera sencilla, rápida y con excelentes resultados.

Requisitos: saber HTML

Coda2

Es otro editor de texto bastante poderoso y flexible que le permite al desarrollador generar código de una manera fácil y eficiente.

Dreamweaver
Es un editor de texto que funciona bajo el modelo why you see why you get (WYSIWYG) – Lo que vez es lo que obtienes, donde el desarrollador puede ir viendo el funcionamiento del código sin necesidad de probarlo directamente en el navegador. Aunque parece ideal es un software muy pesado y que cada vez va perdiendo más popularidad entre los desarrolladores.

Complementos para el código web

Con el auge del HTML5 y la creación de nuevas tendencias web, donde se pueden desarrollar sitios móviles y aplicaciones se han creado una serie de librerías y frameworks que le hacen la vida mucho más fácil al desarrollador web, solo voy a mencionar algunos:

*Jquery: Uso de javascript de una manera más sencilla y rápida
*JqueryUI: Uso de javascript para móviles
*Raphael: Animación de canvas
*Modernizr: Integración de HTML5
*CSS3PIE: Bodes y sombras de HTML5

Ilustrador

Adobe Illustrator (AI) es un editor de gráficos vectoriales 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). 

Es desarrollado y comercializado por Adobe Systems y constituye su primer programa oficial de su tipo en ser lanzado por ésta compañía definiendo en cierta manera el lenguaje gráfico contemporáneo mediante el dibujo vectorial. 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.

 Las impresionantes ilustraciones que se crean con este programa le han dado una fama de talla mundial a esta aplicación de manejo vectorial entre artistas gráficos digitales de todo el planeta, sin embargo, el hecho de que hubiese sido lanzado en un principio para ejecutarse sólo con el sistema operativo Macintosh y que su manejo no resultara muy intuitivo para las personas con muy poco trasfondo en manejo de herramientas tan avanzadas afectó la aceptación de este programa entre el público general de algunos países.

Actualmente forma parte de la familia Adobe Creative Cloud y tiene como función única y primordial la creación de material gráfico-ilustrativo altamente profesional basándose para ello en la producción de objetos matemáticos denominados vectores.

 La extensión de sus archivos es .AI (Adobe Illustrator). Su distribución viene en diferentes presentaciones, que van desde su forma individual hasta como parte de un paquete siendo estos: Adobe Creative Suite Design Premium y Versión Standard, Adobe Creative Suite Web Premium, Adobe Creative Suite Production Studio Premium y Adobe Creative Suite Master Collection. creado por la compañía Adobe Systems en convenio con la compañía NeXT Computer, Inc.. en el año de 1987 y que se trata de una versión más avanzada del lenguaje de descripción de páginas para impresora Adobe PostScript de Adobe Systems que permite que lo que se vea en la pantalla sea una previsualización del resultado tal cual como se va a imprimir.

VERSIONES DE ILUSTRADOR.

Para ampliar la información presione aquí

Adobe Creative Suite

Adobe CS es una suite de distintas aplicaciones en forma de talleres y estudios dotados de herramientas y funciones altamente profesionales creada y producida por Adobe Systems y que están dirigidas a la publicación impresa, publicación web, postproducción de video y dispositivos móviles.

Adobe Creative Suite nace del exitoso intento de la casa Adobe de unir todos sus programas profesionales (los cuales antes solo podían adquirirse individualmente) en diferentes conjuntos de utilidades profesionales que se adecúen al tipo de usuario. Esta ingeniosa unión de sus productos en conjuntos ha dado muy buenos resultados para Adobe en los últimos años, no obstante, la compañía sigue vendiendo sus productos también individualmente.

La aplicación de Adobe Creative Suite se ve, más notoriamente, en agencias publicitarias y editoriales de muy alto y reconocido prestigio.

En abril de 2013, fue sucedido por Adobe Creative Could

Para una mayor información mirar aquí 

Programa anime gif o programas fáciles y novedosos para realizar animaciones.

Aquí te daremos una lista de programas gif mas usados. que son sencillas y fáciles de usar. Esperamos que les gusten

RecordIT









Especialmente indicado para crear gifs animados lo más rápido y fácil posible sobre la zona de la pantalla que seleccionemos para compartirlos en Twitter gracias a su aplicación integrada.

Gif Movie Gear










Realiza gifs animados a partir de fotos o gráficos. Permite importar gifs, BMP y AVI para exportar a AVI y al propio GIF. Es una herramienta de pago, pero se puede usar gratuitamente durante 30 días después de la descarga.

Banner Maker Pro



















Especialmente indicado para la creación de banners animados, logotipos, anuncios…También es de pago, pero se puede usar de forma gratuita durante 15 días. Sólo está disponible para Windows.


GifCam




















Convierte en gifs los elementos (vídeo, imagen, foto) que capturas en su ventana tras abrir el programa.  Permite capturar un vídeo en reproducción o frame a frame. En todo caso, su manejo es sencillo y puede editarse el gif con posterioridad.

Instagiffer

























Es un programa gratuito similar a GifCam, aunque con algunas prestaciones menos. Se pueden incorporar vídeos de youtube y conserva funcionalidades como el cambio de velocidad en el gif y otros ajustes.


Photoshop
















El Photoshop también permite realizar gifs con muchas opciones, entre ellas la posibilidad de realizar banners comerciales o cualquier imagen animada con texto que sirva para tu negocio.

Gimp









Gimp es la alternativa gratuita al Photoshop, y que también permite hacer gifs de una forma bastante completa.


Photoscape














 

Un editor gratuito de fotos con múltiples funciones, entre ellas la de crear gifs animados. De forma sencilla selecciona una o varios fotos para crear animaciones y efectos visuales.


GIF Construction Set Profesional

















Una herramienta muy completa y con muchas posibilidades profesionales, aunque sólo está disponible para Windows.

VirtualDub


















A pesar de ser un editor de vídeo, VirtualDub tiene entres sus funciones la edición de gifs animados.


Pivot Animator




















Es un programa sencillo que permite crear secuencias animadas con figuras de palo.

Make a Gif
















Una forma rápida de hacer gifs desde la web a partir de fotos o vídeos, que se pueden subir de youtube o de la propia webcam.

LooGix

















Otra aplicación web que permite realizar gifs a partir de varias imágenes o de vídeos de youtube, pero también crea varios efectos de animación a partir de una sola imagen.


Picasion.com












Para crear animaciones gif online, esta aplicación funciona de forma similar a LooGix y es todavía más sencilla: permite coger imágenes del ordenador y de Flickr y Picasa.

GIFUp

Sencilla aplicación online que permite subir imágenes desde el ordenador, la webcam, un sitio web o Flickr. Su principal desventaja es que no admite imágenes superiores a 1024 Kb.