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 ya pueden estar 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.
Elección de un editor de texto básico o HTML
Puede escribir HTML en un editor de texto sin formato como Bloc en Windows 10, TextEdit y Sublime Text en Mac, o Vi o Emacs en Linux. Usted crea la codificación HTML para la página, guarda el documento como un archivo web y lo abre en un navegador para asegurarse de que se vea como se supone que debe hacerlo.
Si desea más funcionalidad de la que ofrece un editor de texto sin formato, utilice un editor HTML en su lugar. Los editores de HTML reconocen el código y pueden identificar errores de codificación antes de iniciar el archivo. También pueden agregar etiquetas de cierre que olvide y resaltar rotas Enlaces. Reconocen y se adaptan a otros lenguajes de codificación como CSS, PHP y JavaScript.
Los muchos editores de HTML en el mercado varían desde el nivel básico hasta el profesional. Si es nuevo en la escritura de páginas web, uno de los WYSIWYG Los editores (Lo que ves es lo que obtienes) pueden funcionar mejor para ti. Algunos editores muestran solo el código, pero algunos le permiten alternar entre vistas de codificación y vistas visuales. Estos son algunos de los muchos editores web HTML disponibles:
- IDE de Komodo y su interfaz fácil de usar son adecuadas tanto para desarrolladores web principiantes como avanzados. La función de autocompletar de Komodo IDE es particularmente útil cuando está escribiendo código para elementos comunes como enlaces. El software admite la codificación de colores de diferentes lenguajes de codificación como HTML, CSS y muchos otros. Komodo IDE se ejecuta en Windows, Mac y Linux.
- Editor HTML CoffeeCup es especialmente útil para los 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 ayudar a mantener su código libre de errores. Incluye finalización de código y admite otros lenguajes de codificación puede utilizar junto con HTML. El software destaca los errores, explica por qué aparecieron y le indica 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 gratuito.
Navegadores web
Los sitios web pueden verse diferentes de un navegador a otro, por lo que probar sus páginas web para asegurarse de que se vean y funcionen como se espera es crucial. Chrome, Firefox, Safari (Mac), Óperay Edge (Windows) son los navegadores más populares.
También debe probar la apariencia y el funcionamiento de sus páginas en los navegadores móviles. La mayoría de los navegadores de escritorio ofrecen la posibilidad de ver sitios web en ventanas de distintos tamaños. Por ejemplo, hay una gran cantidad de herramientas de prueba disponibles en Google Chrome en Vista > Desarrollador > Herramientas de desarrollo. Seleccione el ícono del teléfono inteligente en la esquina superior izquierda de la ventana del desarrollador para ver cualquier página en ventanas y sistemas operativos móviles de diferentes tamaños.
Editor de gráficos
El tipo de editor de gráficos que necesita depende de su sitio web. Adobe Photoshop es el estándar de oro, pero es posible que no necesite tanta potencia; además, es posible que necesite un programa de gráficos vectoriales para el trabajo de logotipos e ilustraciones. Algunos editores de gráficos a tener en cuenta para el desarrollo web básico incluyen:
- CAÑUTILLO es un programa gratuito de edición de fotografías de código abierto que ofrece muchas de las funciones de sus competidores más caros. Como software de código abierto, está disponible para Windows, Mac y Linux.
- Elementos de Photoshop para Mac y PC es una versión ligera de su homónimo, pero tiene muchas características.
- Corel PaintShop Pro para PC tiene casi todas las herramientas que se encuentran en Photoshop en una interfaz fácil de usar.
- Inkscape para Windows, Mac y Linux es un editor de gráficos vectoriales gratuito. Esta alternativa al costoso Adobe Illustrator tiene capacidades más que suficientes para trabajos de diseño simples y gráficos web.
Cliente FTP
Necesita un cliente FTP (protocolo de transferencia de archivos) para transferir sus archivos HTML e imágenes y gráficos de apoyo a su servidor web. FTP está disponible a través de la línea de comandos en Windows, Macintosh y Linux, pero un cliente FTP dedicado es mucho más fácil de usar. La parte superior Clientes FTP incluir:
- FileZilla (gratis) está disponible para Windows, Mac y Linux. Admite transferencias de archivos de arrastrar y soltar y tiene una función de pausa y reanudación para cargar archivos grandes.
- Cyberduck es un software multiplataforma gratuito de código abierto conocido por su perfecta integración con editores externos y su atractiva interfaz de usuario.
- FTP gratuito y FTP directo son fabricados por la misma empresa. Free FTP es un cliente minimalista que satisface 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 solo Direct FTP es adecuado para Windows 10.
- Transmitir es un cliente FTP premium solo para Mac. Facilita transferencias inusualmente rápidas y es compatible con Amazon CloudFront.
- FTP lindo es un potente cliente FTP premium que puede utilizar para realizar hasta 100 transferencias al mismo tiempo. Se considera uno de los clientes FTP más seguros disponibles.