Hacemos una WEB

Hacemos una web simple para nuestros primeros pasos de diseño html hacer pruebas jugar gratis y compartir con amigos ideas y resultados

Hacemos una web hoy

Usamos este link que aunque hay muchos otros servicios gratuitos de hosting

hosting gratis

 

chicas programadoras

Hacemos Una WEB
Hacemos Una WEB

Para este host podemos buscar primero un nombre que no esté utilizado probando estas direcciones en el navegador: https://nombrequebusco.000webhostapp.com/ 

si no esta utilizado nos dara un mensaje similar a «there is no such a web site – start your own» o en español

«no existe tal sitio web – inicie el suyo propio» 

buscá más de chicas digit@lers y chicas programadoras      —>   AQUI

paso 2

hay muchos host gratuitos este es uno de ellos

paso 3

la forma de registrarse recomendada es mediante una cuenta de google pero otras tambien son validas

paso 4

paso 5

paso 6

buscar un nombre del sitio que no este utilizado y que sea considerado valido sin espacios ni caracteres extraños

paso 7

generar un usuario y contraseña para gestionar el sitio

paso 8

aca definimos el nombre del sitio si queremos otro nombre vamos a tener que borrar todo el sitio y comenzar nuevamente

paso 9

ahora armemos un archivo index.html y carguemoslo en el sistema en public_html y estamos listos

paso 10

aca elegimos la carpeta public_html

paso 11

con el boton subimos el archivo que ya hemos generado... o lo hacemos primero!

Ejemplo de un index.html

<!DOCTYPE html>
<html>
<body>

<h1>Hacemos una WEB</h1>

<p><a href=»https://entrenoelalma.org/hacemos-una-web/» > En Digitalers Hacemos una WEB </a></p>
<p><a href=»https://entrenoelalma.org/category/chicas-programadoras/» > Digitalers </a></p>

<h1>Sitio w3schools</h1>

<p> Para aprender html y hacer pruebas simples de uso</p>
<p><a href=»https://www.w3schools.com/html/» > html en general </a></p>
<p><a href=»https://www.w3schools.com/html/html_headings.asp» > Agregamos los Titulos </a></p>
<p><a href=»https://www.w3schools.com/html/html_paragraphs.asp» > Agregamos Parrafos </a></p>
<p><a href=»https://www.w3schools.com/html/html_links.asp» > Agregamos enlaces hyperlink </a></p>
<p><a href=»https://www.w3schools.com/html/html_images.asp» > Agregamos imagenes con y enlaces </a></p>
<p><a href=»https://www.youtube.com/watch?v=TC8bT7zTdoE» > Hacemos un sitio completo y usamos bootstrap </a></p>
<p><a href=»https://youtu.be/5RrhOvEr88g»> Libera el Poder de HTML con Barbie</a></p>
<p><a href=»https://youtu.be/qCLlW36–uA»> Bad Idea Good Idea Primeros Pasos html css js sonando Olivia Rodrigo en 10 Minutos </a></p>
<p><a href=»https://youtu.be/f31cMCaz3gU»> Hacemos una web en dos minutos con wordpress y en un hosting gratuito </a></p>
<p><a href=»https://www.cloudways.com/blog/custom-php-mysql-contact-form/»> hacemos un formulario que almacena datos de nuestros amigos y clientes</a></p>
<p><a href=»https://tutorialdeep.com/create-forms/create-contact-form-php-mysql/»> Simple formulario html php mysql</a></p>
<p><a href=»https://www.formget.com/insert-data-in-database-using-php/»> MUY SIMPLE html php mysql</a></p>

</body>
</html>

y como se ve

asi se ve, pero haciendo click lo podes utilizar