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 necesita para crear 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 cargar archivos en su servidor web.
Elegir un editor de texto básico o HTML
Puede escribir HTML en un editor de texto plano como Notepad en Windows 10, TextEdit en Mac o Vi o Emacs en Linux. Usted ingresa el código HTML, guarda el documento como un archivo web y lo abre en un navegador para asegurarse de que se vea como debería.
Si desea más funcionalidad de la que puede encontrar en un editor de texto plano, use un editor HTML en su lugar. Los editores de HTML reconocen el código y pueden identificar los errores de codificación antes de iniciar el archivo. También pueden agregar etiquetas de cierre que olvidas y resaltar enlaces rotos. Reconocen y se adaptan a otros lenguajes de codificación como CSS, PHP y JavaScript.
Hay muchos editores de HTML en el mercado y varían de software básico a profesional. Si eres nuevo en escribir páginas web, uno de los editores de WYSIWYG (Lo que ves es lo que obtienes) podría funcionar mejor para ti. Algunos editores solo muestran el código, pero con algunos de ellos, puede alternar entre las vistas de codificación y las vistas visuales. Aquí hay algunos de los muchos editores de HTML disponibles:
- Komodo IDE y su interfaz fácil de usar es adecuada tanto para desarrolladores web principiantes como avanzados. La función de autocompletado de Komodo IDE es particularmente útil para los nuevos desarrolladores porque sabe cómo escribir código para elementos comunes como los enlaces. El software admite 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.
- CoffeeCup HTML Editor es para los nuevos desarrolladores que están más interesados en aprender a codificar que en una interfaz visual. Este editor robusto viene con plantillas y tiene comprobadores de validación para mantener su código libre de errores. Incluye la finalización del código y admite otros lenguajes de codificación que puede utilizar junto con HTML. Los principiantes lo apreciarán cuando el software resalte los errores en el código, explique por qué aparecieron y le dice al desarrollador cómo solucionarlos. CoffeeCup HTML Editor se ejecuta en Windows.
- Mobirise es un editor de HTML para personas que no quieren involucrarse con el código. Se trata de elegir un tema y luego arrastrar y soltar elementos en la página. Agregue texto como lo haría en un editor de texto normal e inserte imágenes, videos o íconos, todo sin escribir ningún código; Mobirise hace esa parte por ti. Mobirise está disponible para Windows y Mac, y es gratis.
Navegadores web
Pruebe sus páginas web en un navegador para asegurarse de que tengan el aspecto deseado antes de iniciar la página. Chrome, Firefox, Safari (Mac) e Internet Explorer (Windows) son los navegadores más populares. Revise su HTML en tantos navegadores como tenga en su computadora y descargue también navegadores menos conocidos, como Opera.
Editor grafico
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 trabajos de ilustración e logotipo. Algunos editores de gráficos para el uso de desarrollo web básico incluyen:
- CAÑUTILLO es un programa gratuito de edición de fotos de código abierto que proporciona muchas de las características 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 Propara PC tiene casi todas las herramientas útiles que se encuentran en Photoshop y una interfaz que es fácil de usar.
- Inkscape Para Windows, Mac y Linux es un editor de gráficos vectoriales gratuito. Esta alternativa al Adobe Illustrator más costoso tiene una potencia más que suficiente para el trabajo de diseño simple y los gráficos web.
Cliente FTP
Necesita un cliente FTP para transferir sus archivos HTML e imágenes y gráficos compatibles a su servidor web. Si bien FTP está disponible a través de la línea de comandos en Windows, Macintosh y Linux, es mucho más fácil usar un cliente. Hay muchos clientes FTP de buena calidad disponibles que incluyen:
- FileZilla es un cliente FTP gratuito disponible para Windows, Mac y Linux. Admite la transferencia de archivos mediante arrastrar y soltar y tiene una función de pausa y reanudación para cargar archivos grandes.
- Cyberduck es un software gratuito de código abierto y multiplataforma conocido por su perfecta integración con editores externos y su atractiva interfaz de usuario.
- FTP gratis y FTP directo 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 características avanzadas. Ambas versiones son compatibles con Windows 7,8 y Vista, pero solo Direct FTP es adecuado para Windows 10.
- Transmitir es un cliente premium, solo para FTP. Facilita transferencias inusualmente rápidas y es compatible con Amazon CloudFront.
- Lindo FTP es un potente cliente FTP premium que puede utilizar para realizar hasta 100 transferencias al mismo tiempo. Se considera que es uno de los clientes FTP más seguros que existen.
