Creé una página web usando HTML y CSS. ¿Cómo lo publico en Internet?

Puede publicar sus páginas HTML / CSS de forma gratuita. Aquí hay una forma de hacerlo:

Encuentra un anfitrión.
Un host es un servidor donde carga su sitio web. Simplemente colocas tus archivos HTML en el servidor, ¡y tu sitio está activo! Puede echar un vistazo a ServersFree [1] o google para proveedores de alojamiento gratuito .

Registrar un dominio
El siguiente paso es registrar un dominio. El dominio es la dirección de su sitio web. Casi todos los proveedores de alojamiento gratuito le permitirán tener un subdominio [2] de ellos de forma gratuita. Por ejemplo, en ServersFree, puede obtener algo como myawesomesite.bugs3.com.

Sube tus archivos.
Para cargar sus archivos al servidor, necesita un programa de software llamado cliente FTP. En Windows, uso Cyberduck [3] y en Linux, generalmente uso FileZilla [4]. Para hacer esto, necesita un nombre de usuario y una contraseña, que generalmente puede encontrar en su host (estos son específicos de su dominio). La mayoría de los hosts también le envían los detalles por correo electrónico. Consulte los archivos de ayuda específicos del host para obtener más información.

¡Estás listo!

Una nota al margen: obtener un sitio en línea hoy en día está a solo un clic de distancia. Si recién está comenzando, considere aprender PHP a continuación. Con PHP, puede operar bases de datos, aceptar formularios enviados por el usuario y enviar correos electrónicos.

Otra nota: la mayoría de los proveedores de alojamiento gratuito eliminarán su cuenta si está allí acumulando polvo. Por ejemplo, podrían eliminar su dominio si hay menos de 90 visitas en un mes.

[1] Servidores gratuitos: servidores de alojamiento web gratuitos, servidores gratuitos y servidores gratuitos

[2] Un subdominio es algo como mail.google.com donde google.com es el dominio. Por ejemplo, si el nombre de una calle es un dominio, entonces un subdominio es como el número de la puerta.

[3] Libre FTP, SFTP, WebDAV, S3 y navegador OpenStack Swift para Mac y Windows: este es un programa gratuito y de código abierto. Un enlace aquí es una forma de decir gracias 🙂

[4] La solución FTP gratuita – Filezilla.

Obtener alojamiento y un nombre de dominio

Si desea un control total sobre su sitio web publicado, entonces probablemente tendrá que gastar dinero para comprar:

Hosting: espacio de archivo alquilado en el servidor web de una empresa de hosting. Pones los archivos de tu sitio web en este espacio, y el servidor web sirve el contenido a los usuarios web que lo solicitan.

Un nombre de dominio: la dirección única donde las personas pueden encontrar su sitio web, como http: // http: //www.bbc.co.uk . Usted alquila su nombre de dominio durante tantos años a un registrador de dominios.

Muchos sitios web profesionales se conectan de esta manera.

Además, necesitará un programa de Protocolo de transferencia de archivos (FTP) para transferir realmente los archivos del sitio web al servidor. Los programas FTP varían ampliamente, pero generalmente debe iniciar sesión en su servidor web utilizando los detalles proporcionados por su empresa de alojamiento (por ejemplo, nombre de usuario, contraseña, nombre de host). Luego, el programa le muestra sus archivos locales y los archivos del servidor web en dos ventanas, para que pueda transferirlos de un lado a otro:

Consejos para encontrar hosting y dominios

Hay algunos servicios gratuitos disponibles como Neocities, Blogger y WordPress. Nuevamente, obtienes lo que pagas, pero son ideales para tus experimentos iniciales. Los servicios gratuitos en su mayoría tampoco requieren software FTP para las cargas, solo puede arrastrarlos y soltarlos directamente dentro de su interfaz web.

A veces, las empresas proporcionan alojamiento y dominios en un solo paquete.

Usando una herramienta en línea como GitHub o Google App Engine

Algunas herramientas le permiten publicar su sitio web en línea:

GitHub es un sitio de “codificación social”. Le permite cargar repositorios de código para el almacenamiento en el sistema de control de versiones Git. Luego puede colaborar en proyectos de código, y el sistema es de código abierto de forma predeterminada, lo que significa que cualquier persona en el mundo puede encontrar su código de GitHub, usarlo, aprender de él y mejorarlo. GitHub tiene una característica muy útil llamada GitHub Pages, que le permite exponer el código del sitio web en vivo en la web.

Google App Engine es una poderosa plataforma que le permite crear y ejecutar aplicaciones en la infraestructura de Google, ya sea que necesite crear una aplicación web de varios niveles desde cero o alojar un sitio web estático. Consulte ¿Cómo aloja su sitio web en Google App Engine? para más información.

A diferencia de la mayoría de los hosting, tales herramientas son generalmente de uso gratuito, pero solo obtienes un conjunto limitado de funciones.

Usar un IDE basado en la web como Thimble

Hay una serie de aplicaciones web que emulan un entorno de desarrollo de sitios web, lo que le permite ingresar HTML, CSS y JavaScript y luego mostrar el resultado de ese código cuando se presenta como un sitio web, todo en una pestaña del navegador. En términos generales, estas herramientas son bastante fáciles, excelentes para aprender y gratuitas (para funciones básicas), y alojan su página renderizada en una dirección web única. Sin embargo, las características básicas son bastante limitadas, y las aplicaciones generalmente no proporcionan espacio de alojamiento para activos (como imágenes).

Intente jugar con algunos de estos ejemplos y vea cuál le gusta más:

JSFiddle

Dedal

JS Bin

CodePen

Publicación a través de GitHubEdit

Ahora veamos cómo publicar fácilmente su sitio a través de las páginas de GitHub.

En primer lugar, regístrese en GitHub y verifique su dirección de correo electrónico.

A continuación, debe crear un repositorio para que ingresen sus archivos.

En esta página, en el cuadro Nombre del repositorio, ingrese http://username.github.io , donde username es su nombre de usuario. Entonces, por ejemplo, nuestros amigos bobsmiths ingresarían a http://bobsmiths.github.io .

También marque Inicializar este repositorio con un archivo README y luego haga clic en Crear repositorio.

Después de eso, arrastre y suelte el contenido de la carpeta de su sitio web en su repositorio y luego haga clic en Confirmar cambios.

Nota: Asegúrese de que su carpeta tenga un archivo index.html.

Ahora navegue su navegador a http://username.github.io para ver su sitio web en línea. Por ejemplo, para el nombre de usuario chrisssdavidmills, http://chrisssdavidmills.github.io

Nota: es posible que su sitio web tarde unos minutos en activarse. Si no funciona de inmediato, puede que tenga que esperar unos minutos y luego intentarlo de nuevo.

Hola,
obtenga una cuenta de alojamiento y luego use filezilla como software para cargar.

si insistes en github mira esto

https://pages.github.com
La solución FTP gratuita

Esperemos que haya hecho index.htm /index.html

¿Estás utilizando herramientas WYSIWYG (lo que ves es lo que obtienes) para diseñar y codificar o codificar manualmente usando herramientas como code lobster / Notepad ++. o Dreamweaver?

No use herramientas WYSIWYG inicialmente. Soy un desarrollador web Java experimentado.
Me encantan los sitios web. Tengo más de diez sitios web (dominios).

Saludos
vinodh

Existen varios sitios de alojamiento web gratuitos para publicar su trabajo en Internet.
Puede comenzar directamente con Github a través de las páginas de GitHub o puede probar otros sitios de alojamiento web gratuitos como Alojamiento gratuito, alojamiento web gratuito, alojamiento de sitios web gratuitos, cpanel, SSH o puede intentar obtener un nombre de dominio de GoDaddy Ayuda a las pequeñas empresas a ser notificadas en línea

Una vez que termine, su URL será https: //youraccountname.github.io.&nbsp ;

Vaya a https://github.com/join , registre una cuenta. Luego vaya a https://github.com/new , cree un nuevo proyecto llamado youraccountname.github.io. Otro nombre no funcionará. Luego, siga las instrucciones para cargar archivos.

Una solución realmente simple que aún no se ha mencionado es en realidad Dropbox (producto). Solo admiten activos estáticos, pero esta pregunta solo se trata de HTML / CSS simple, por lo que es una opción viable.

Para obtener más información, aquí hay un buen recurso: cómo mudé mis sitios web a Dropbox y GitHub

ok, ahora solo compre un host bueno / barato de godaddy, hostgator, etc. y un dominio web.
.
Luego haga que su dominio apunte a su host ..
.
Luego vaya a http://urdomain.com/cpanel/ [generalmente todos ellos proporcionan cpanel]
e inicie sesión con el pase dado por ellos
.
Dentro de cpanel, haga clic en “administrador de archivos” y cargue todos sus archivos de proyecto en el directorio “public_html”.
.
Y si su proyecto tiene una base de datos, puede crear una base de datos y sus usuarios.
.
Ahora visite yourdomain.com y disfrute …
.
PD: me gusta usar ftp en lugar de cpanel / file manager

Pruebe el alojamiento web gratuito para las masas
Usé este en mis fases iniciales de desarrollo web
o también puedes revisar este también
Alojamiento web gratuito con PHP, MySQL y cPanel, sin anuncios

Instale xampp (o mampp si está ejecutando una Mac, LAMPP si está ejecutando Linux) en su computadora. Reenvíe el puerto 80 en su enrutador a su computadora. Instale sus páginas en ese servidor (xampp, mampp o LAMPP). Será visible para cualquier persona en el mundo que se conecte a su dirección IP externa. (Use las herramientas de red para encontrarlo).

(Puede obtener una dirección con nombre gratis en Free Dynamic DNS – DNS administrado – Correo electrónico administrado – Registro de dominio – Sin IP)

No necesita el servidor de otra persona para instalar su sitio solo por un par de sitios que “no estarán disponibles por tanto tiempo”.

Puede probar el motor de aplicaciones de Google ya que es gratuito y también está bien documentado. Puede configurarlo en eclipse y construirlo e implementarlo directamente desde su eclipse.

Java: http://www.vogella.com/tutorials …

Esto puede parecer una exageración, pero ahora que está comenzando a crear sitios web, también podría usar una plataforma que estaba destinada a implementar tales cosas.
heroku.com es un buen comienzo.

Aquí hay un tutorial simple sobre cómo implementar un sitio web estático en heroku. http://www.lemiffe.com/how-to-de …

Además de GitHub, puede consultar el Servicio de aplicaciones web | Microsoft Azure. Tuve una buena experiencia con ellos hasta ahora. Obtiene 10 sitios gratis y puede usar Git para administrar su código fuente y publicar. No puedo decir lo complicado que es con Git, ya que nunca lo he usado, pero con Visual Studio es una implementación de un solo clic.

Esta es la mayor confusión que uno tiene la primera vez. Respondí esta pregunta aquí, podría funcionar para usted también:
La respuesta de Ashish Kushwaha a ¿Cómo comienzo mi primer sitio web después de aprender HTML, CSS y JavaScript?

Bitnami Cloud Hosting

Use esto cuando comience, será gratis. Una vez que necesite más espacio / ancho de banda, puede obtenerlo usando sus planes.

pago y envío Byethost.

No lo he usado, pero parece un host gratuito decente.

Puede usar este https://pages.github.com/ por GitHub. Si no, compre un alojamiento web y un nombre de dominio.

Consigue un webhost. Cuando quise publicarlo, elegí 000webhost.com porque son gratuitos pero en realidad su servicio no es tan bueno. Pero soy barato, así que funciona para mí. Entonces tiene un par de opciones, pero pondría mis archivos en el ftp desde el administrador de archivos y los publicaría desde allí.

Páginas de Github
https://pages.github.com

Además, puedes aprender Github si aún no lo sabes.

Vale la pena entender cómo usar las páginas de GitHub. El mejor lugar que he encontrado para alojar páginas web de forma rápida y gratuita.