Si ya ha escrito una página web HTML y la ha visto renderizada en el navegador, entiende cómo crear una página web. Pero, algunos de ustedes deben preguntarse cómo puedo publicar realmente esa página para que todos puedan verla. En este post crearé una página web simple y la pondré en línea.
Por lo tanto, el archivo HTML guardado en su computadora solo puede ser visto por usted, pero debe guardarse en un lugar donde todos puedan acceder a él. ¡Y necesitas un servicio de alojamiento web para eso! Los servicios de alojamiento tienen un servidor o una computadora que le da algo de espacio para sus archivos.
Si es nuevo en la creación de sitios web, puede probar uno de los muchos servicios de alojamiento gratuitos. Anteriormente he usado Infinity Free. También puede utilizar codepen.io donde la gente puede ver tu página y los códigos detrás de ella en la misma ventana. Las páginas de Github también son buenas para alojar páginas web estáticas. No estoy hablando aquí de otros complementos y CMS como WordPress, sino de un sitio estático codificado por usted.
1. Servicios de alojamiento gratuitos
Ahora explicaré cómo publicar su página web si utiliza la primera opción, un servicio de alojamiento gratuito. Primero debe registrarse en el servicio de alojamiento y seleccionar un nombre de dominio para su sitio web. Ahora, hay dos opciones para cargar su archivo:
- Primero, vaya directamente al administrador de archivos y cargue el archivo y cámbielo de nombre como índice.HTML.
- Otra forma de subirlo es descargando un cliente FTP, por ejemplo FileZilla y conectándolo al servidor rellenando los detalles de su sitio, como el Nombre de host, el Nombre de usuario, la contraseña y el Número de Puerto. Todos estos detalles están disponibles en su cuenta. Cuando se conecte al servidor, puede cargar el índice de archivos.HTML.
Cualquiera de estos métodos se puede usar para cargar su archivo y ahora, si abre su sitio web, se le dirigirá al mismo índice.archivo html. Por lo tanto, cuando escribe una dirección de sitio web, se le dirige al índice.archivo html. Ahora ha publicado su página web en Internet y cualquiera puede verla siempre que el enlace. Puede agregar más archivos o imágenes HTML y agregar su enlace al índice.página html. Todos esos archivos se almacenan en el servidor y cualquiera puede acceder a ellos.
La mayoría de las veces, la URL de la imagen que ingresa en su página web caducará después de un período. Es mejor descargar esas imágenes y subirlas y escribir el nombre de esa imagen exactamente en el atributo src.
Puede ver códigos HTML y CSS para una página web HTML de ejemplo:
Código HTML
<h1>Ludwig van Beethoven</h1><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSuYHPyPZYfRRAc40TnVVXl3yZ51Q_0v4dvUzXIjVssV0shgH2N" alt="BEETHOVEN"><h2> <a href="http://www.amclassical.com/mp3/amclassical_beethoven_fur_elise.mp3">fur elise </a></h2><audio src="http://www.amclassical.com/mp3/amclassical_beethoven_fur_elise.mp3" controls></audio><h2> <a href="http://www.amclassical.com/mp3/amclassical_moonlight_sonata_movement_1.mp3">moonlight sonata movement 1 </a></h2><audio src="http://www.amclassical.com/mp3/amclassical_moonlight_sonata_movement_1.mp3" controls></audio>
css
body { background-color: #000; color: #FFF; text-align: center;}a { color: #FFF; text-decoration: none;}a:hover { font-size:20px; color:red;}
Hay un problema con los servicios de alojamiento gratuitos: no son seguros. La peor parte de estos servicios de alojamiento es que cuando los usuarios visitan su sitio web, verán una advertencia de que no es seguro y no deben agregar información confidencial en este sitio. Es una muy mala impresión. Así que puede publicar algunas páginas solo para ver cómo se hace, luego puede usar otros servicios de alojamiento de pago.
A continuación veremos cómo publicar tu página web usando Páginas de GitHub. Funciona exactamente como se describió anteriormente, pero primero necesitas saber cómo usar GitHub.
2. Páginas de Github
Primero, necesitas crear una cuenta en GitHub. A continuación, cree un nuevo repositorio y póngale el nombre: (nombre de usuario). github.io. Hazlo público y publícalo. Ahora puedes subir el índice.archivo html aquí. Si escribe (nombre de usuario). github.io en su navegador, verá su página web. Ahora puede agregar más archivos e imágenes y vincularlos a su índice.página html.
Así que, si estás familiarizado con GitHub, es una de las mejores formas de publicar tu primer sitio web.