Las herramientas usadas en Diseño Web

Diseño web contiene elementos de diseño visual, así como la codificación en varios idiomas Web. Si bien el desarrollo Web se centra más en la programación y el desarrollo de aplicaciones, diseño web tiene un enfoque en el diseño visual y los aspectos interactivos de software y herramientas Web websites.Many puede ayudar al proceso de diseño de sitios web, desde las fases iniciales de diseño a través de la implementación y las pruebas los sitios resultantes.

Diseño gráfico

El diseño gráfico es una de las principales actividades que normalmente participan en el diseño web. Así como el diseño de esquemas de organizar y presentar el contenido de las páginas web, diseñadores web a menudo crean imágenes personalizadas, ilustraciones y elementos visuales para mejorar la apariencia de un sitio. Photoshop es una de las aplicaciones de software comerciales que se utilizan más comúnmente utilizados por los diseñadores de páginas web. Sin embargo, las alternativas libres incluyen Paint.NET y GIMP, que representa el programa de manipulación de imágenes de GNU. programas de diseño gráfico se utilizan dentro del diseño Web para crear maquetas y bocetos de las ideas de diseño, así como la producción de los elementos finales que se visualizan realmente.

Formato HTML

El diseño y el contenido de una página Web se representa normalmente principalmente en formato HTML estructurado. HTML puede ser escrito en un simple editor de texto como Bloc de notas. Sin embargo, usando un editor de texto que pone de relieve código, como Notepad ++ o Gedit, hace que la actividad de codificación más fácil. Además, los productos comerciales de software como Adobe Dreamweaver se pueden utilizar para escribir código de marcado. Tales productos actúan como entornos de desarrollo integrado para la creación de sitios web, e integrar las diversas actividades participan de codificación.

CSS

Cascading Style Sheets, junto con HTML son una de las herramientas principales diseñadores Web utilizan para implementar el diseño del sitio. Al igual que HTML, archivos CSS se pueden crear en un editor de texto normal, pero también pueden beneficiarse del uso de un editor de resaltado. Los diseñadores profesionales y desarrolladores también utilizan herramientas como Dreamweaver para escribir código CSS. Estas herramientas se solicita al usuario con el código CSS sugerido antes de que se está escribiendo, destacan los errores de sintaxis y crear visualizaciones de efecto que el código CSS tendrá en la página terminada.

JavaScript

página web interactividad menudo mejora el diseño del sitio, por lo general a través de JavaScript. Los diseñadores pueden escribir código JavaScript en un editor de texto o IDE, usarlo para crear efectos interactivos cuando el usuario mueve el puntero del ratón sobre partes de una página. JavaScript se ejecuta en el navegador web del usuario, por lo que el código JavaScript se ejecuta mediante la apertura de la página en cuestión, o navegar a la misma, en un programa navegador. Algunos navegadores Web interpretan el código JavaScript de forma diferente, por lo que este es un ámbito en que es necesario un montón de pruebas.

Pruebas

Todos los sitios web tienen que ser probado a fondo si es que van a tener éxito. Dado que los usuarios ver páginas web en diferentes tipos de dispositivo, sistema operativo y el navegador, los diseñadores y los desarrolladores tienen la tarea de tratar de asegurarse de que sus sitios parecen y se comportan de la misma manera, cualquiera que sea el medio ambiente. Por esta razón, los diseñadores Web suelen tener más de un navegador instalado en su ordenador, para la prueba. Además, complementos para el navegador, como Firebug se pueden instalar, permitiendo a los diseñadores para comprobar la estructura y la funcionalidad del sitio, la identificación de problemas dentro de las páginas que están trabajando.