Las herramientas básicas necesarias para el diseño web son increíblemente simples. Aparte de una computadora y una conexión a Internet, la mayoría de las herramientas que usted necesita para construir un sitio web son programas de software, algunos de los cuales pueden estar ya en su computadora. Necesita un editor de texto o HTML, un editor de gráficos, navegadores web y un cliente FTP para subir archivos a su servidor web.

Cómo elegir un Texto Básico o un editor HTML

Puede escribir HTML en un editor de texto plano como Notepad en Windows 10, TextEdit en el Mac, o Vi o Emacs en Linux. Introduzca el código HTML, guarde el documento como un archivo web y ábralo en un navegador para asegurarse de que tiene el aspecto que se supone que debe tener.

Si desea más funcionalidad de la que encuentra en un editor de texto plano, utilice un editor HTML. Los editores HTML reconocen el código y son capaces de identificar errores de codificación antes de lanzar el archivo. También pueden añadir etiquetas de cierre que olvides y resaltar enlaces rotos. Reconocen y acomodan otros lenguajes de codificación como CSS, PHP y JavaScript.

Hay muchos editores de HTML en el mercado y varían desde software básico hasta software de nivel profesional. Si usted es nuevo en la escritura de páginas web, uno de los editores de WYSIWYG (What You See Is What You Get) puede ser el mejor para usted. Algunos editores sólo muestran el código, pero con algunos de ellos, puede alternar entre las vistas de codificación y las vistas visuales. Aquí están algunos de los muchos editores web HTML disponibles:

• El IDE de Komodo y su interfaz amigable son adecuados tanto para desarrolladores web principiantes como avanzados. La función de autocompletar del IDE de Komodo es particularmente útil para los nuevos desarrolladores porque sabe cómo escribir código para elementos comunes como enlaces. El software soporta la codificación por colores de diferentes tipos de codificación como HTML, CSS y muchos otros lenguajes de codificación. Komodo IDE es un software multiplataforma que se ejecuta en Windows, Mac y Linux.
• El editor HTML de CoffeeCup es para nuevos desarrolladores que están más interesados en aprender a codificar que en una interfaz visual. Este robusto editor viene con plantillas y tiene verificadores de validación para mantener su código libre de errores. Incluye cumplimentación de código y soporta otros lenguajes de codificación que puede utilizar junto con HTML. Los principiantes apreciarán cuando el software resalte los errores en el código, explique por qué aparecieron y le diga al desarrollador cómo corregirlos. El editor HTML de CoffeeCup funciona en Windows.
• Mobirise es un editor HTML para gente que no quiere involucrarse con el código. Se trata de elegir un tema y luego arrastrar y soltar elementos en la página. Añada texto como lo haría en un editor de texto normal e inserte imágenes, vídeos o iconos, todo ello sin escribir ningún código; Mobirise se encarga de esa parte por usted. Mobirise está disponible para Windows y Mac, y es gratuito.

Navegadores Web

Pruebe sus páginas web en un navegador para asegurarse de que tengan el aspecto que usted desea antes de iniciar la página. Chrome, Firefox, Safari (Mac) e Internet Explorer (Windows) son los navegadores más populares. Compruebe su HTML en tantos navegadores como tenga en su ordenador y descargue también navegadores menos conocidos, como Opera.

Editor de gráficos

El tipo de editor gráfico que necesita depende de su sitio web. Aunque Adobe Photoshop es el estándar de oro para trabajar con fotos, es posible que no necesite tanta potencia. Es posible que prefiera un programa de gráficos vectoriales para logotipos e ilustraciones. Algunos editores de gráficos a tener en cuenta para el uso básico de desarrollo web incluyen:

• GIMP es un programa de edición de fotos gratuito y de código abierto que proporciona muchas de las funciones de sus competidores más caros. Como software de código abierto, está disponible para Windows, Mac y Linux.
• Photoshop Elements para Mac y PC es un editor de imágenes que es una versión ligera de su homónimo pero con mucha potencia para trabajar con gráficos para la web.
• Corel PaintShop Pro para PCs tiene casi todas las herramientas útiles que se encuentran en Photoshop y una interfaz fácil de usar.
• Inkscape para Windows, Mac y Linux es un editor gráfico vectorial gratuito. Esta alternativa al más caro Adobe Illustrator tiene más que suficiente poder para trabajos de diseño simple y gráficos web.

Cliente FTP

Necesita un cliente FTP para transferir sus archivos HTML e imágenes y gráficos de apoyo a su servidor web. Aunque FTP está disponible a través de la línea de comandos en Windows, Macintosh y Linux, es mucho más fácil utilizar un cliente. Hay muchos clientes FTP de buena calidad disponibles, incluyendo:

• FileZilla es un cliente FTP gratuito disponible para Windows, Mac y Linux. Soporta transferencias de archivos arrastrando y soltando y tiene una función de pausa y reanudación para subir archivos grandes.
• Cyberduck es un software libre, de código abierto y multiplataforma conocido por su perfecta integración con editores externos y su atractiva interfaz de usuario.
• Free FTP y Direct FTP están hechos por la misma empresa. Free FTP es un cliente minimalista, pero satisface todas las necesidades básicas de transferencia de archivos. Direct FTP es una versión premium que ofrece funciones avanzadas. Ambas versiones son compatibles con Windows 7,8 y Vista, pero sólo Direct FTP es adecuado para Windows 10.
• Transmitir es un cliente FTP Premium sólo para Mac. Facilita transferencias inusualmente rápidas y soporta Amazon CloudFront.
• Cute FTP es un potente cliente FTP Premium que puede utilizar para realizar hasta 100 transferencias al mismo tiempo. Está considerado como uno de los clientes FTP más seguros del mercado.