Como algunos sabrán, la edición y maquetación de paginas web suelen tener etapas, tanto la programación en los diferentes lenguajes como así también en su desarrollo.

En esta oportunidad daremos a conocer algunas herramientas para el diseño y desarrollo web en las diferentes etapas que lleva un proyecto web.

• Etapa Maquetación y Diseño: Si usas Windows para programar en PHP puede que PhotoShop sea una muy buena herramienta para el diseño y las imágenes que ilustren nuestra maquetación. Por otro lado si usas Linux el programa GIMP es una excelente herramienta para este tipo de trabajos. Para trabajar en HTML, Gimp es una muy buena opción para el diseño web, ya que posee las mismas opciones que el programa PhotoShop. También esta disponible para Windows.

• Etapa de Maquetación : Adobe Fireworks es una ideal para manejar imágenes a través de sus vectores y compite cabeza a cabeza con el Inkscape.  Ambas herramientas de diseño web nos permiten diseñar iconos y crear imágenes como ser banners, logos y demás, realmente muy sencillas e intuitivas para personas que no tengan mucho conocimiento al respecto.

• Etapa de Maquetación y programación : En esta etapa es en donde se juega con el código HTML /CSS y se hace la programación fundamental. Algunas herramientas fáciles de utilizar, útiles y completas son el Dreamweaver, Amaya y Aptana. Con ellas puedes llevar la programación (incluyendo Javascripts) de una forma amena.

• Etapa prueba del diseño web : Para esta etapa simplemente necesitaremos un navegador como Firefox, Chrome o inclusive Internet Explorer. A través de ellos podremos ver los resultados y cambios que apliquemos en nuestra web para luego modificar a nuestro antojo via código de programación.

• Etapa Subir ficheros al Hosting : Sin duda el Firezilla es una de las principales herramientas para gestionar archivos desde nuestro ordenador hacia el posting a través del FTP. Con este programa podremos editar los ficheros directamente sin tener que estar subiendo y bajando cada vez que necesitemos modificarlos. 

Con estas herramientas básicas para el diseño y desarrollo web podrás comenzar a programar (si posees un poco de conocimiento al respecto) tus propios sitios webs.