Crear páginas web puede parecer una tarea realmente complicada, sin embargo, en un inicio no es tan difícil como podría parecer. Si bien existen muchas tecnologías, frameworks, servidores, etc. para crear paginas web, de momento necesitas aprender únicamente dos cosas, html y CSS, con eso ya puedes crear tu primera página web, y te puede quedar muy hermosa... aunque hay truco en estas palabras. Las páginas web de grandes portales y aplicaciones que tanto te gustan necesitan más que solo html y CSS, ya que esos sitios web son dinámicos, es decir, hacen uso de lenguaje de programación del lado del servidor y seguramente tienen conexión con alguna base de datos.
Cómo crear una página web gratis
Te voy a colocar los pasos como si fueras a crear una receta de un bizcocho genovés, así que lee bien estos pasos:
- Seguir las lecciones de esta página web, paso a paso.
- Aprender html, como verás a continuación, html es el esqueleto básico de todas las paginas web del mundo.
- Aprender CSS, luego de ver las lecciones de html tienes que dejar el sitio muy bello, eso lo logras con CSS.
- Necesitas un servidor remoto en el que puedas alojar tu sitio web (todas las páginas que has creado, imágenes, audios, videos, etc.).
- Un dominio por el que puedas ser ubicado desde cualquier navegador, bien sea gratuito o de pago, fíjate que el mío es gratuito, no es muy "profesional", pero te permitirá de forma gratuita estar disponible.
Dominios gratis
Hay diversas opciones para personalizar tu nombre de dominio el cual, por lo general, tratará de generar marca, que sea lo más original y pegadizo posible, lo más importante, es que sea tu idea y puedas tomarlo (siempre y cuando alguien no haya tomado ese nombre anteriormente).
Existe una forma de tener un dominio gratis, sin pagar un solo centavo. Hay sitios web como freenom.com que te permiten registrar dominios a tu nombre y no te cobran un solo centavo, cosa que esta excelente si estás empezando.
Algo que se puede ver un poco feo es que los dominios tienen extension .ga, .ml, etc. y les podría resultar raro a algunas personas, existe la falsa creencia de que un dominio .com es lo más profesional que existe y hoy en día se han creado muchas extensiones de dominio y ninguna te va a perjudicar en cuanto al posicionamiento web, acá te listo algunas de las extensiones de dominio que se están popularizando hoy en día:
- .info
- .online
- .io
- .de
- .xyz
- .shop
- .me
- .pro
- store
- .vip
- help
- .lol
Por lo general, un dominio .com va a ser lo más costoso, pero sabías que un dominio .xyz cuesta tan solo 1 dólar el primer año, una ganga.
Servidor gratuito para subir páginas web
Ya tienes un dominio gratuito, ahora necesitas un lugar donde subir tus sitios web, pero ¿existen los servicios de hosting gratuitos? claro que sí, luego de tener tu sitio web creado localmente un tu computador y un nombre para él, también podrías "contratar" un hosting por coste cero como el de ByteHost.com, pero, ¿dónde está el truco? si bien no te van a cobrar nada por usarlo, lo más seguro es que tengas algunas o todas estas desventajas:
- Velocidad extremadamente lenta, lo cual suele ser prejudicial si quieres tener buen SEO en tu sitio web, sin contar con empeorar la experiencia del usuario.
- Espacio de almacenamiento limitado, generalmente suele ser muy poco espacio.
- No contar con un panel de administración muy completo para gestionar tus archivos web.
- Imposibilidad de crear cuentas de correo electrónico
- Falta de características como lenguajes de programación no disponibles o uso de pocas bases de datos, entre otros.
Empresas como ByteHost te dan esta opción gratuita esperando que tus requerimientos sean mayores en el futuro y quieras contratar un plan de hosting de pago (que es definitivamente lo mas recomendable) con ellos mismos.
En la medida que tu sitio web sea mejor y más grande definitivamente te recomiendo pagar un servicio de hosting en lugar de usar uno gratuito.
Qué es un website (sitio web)
Muchas personas tienen la costumbre de llamar "página web" a facebook.com a instragram.com, cuando en realidad ambos son sitios web, que, entre otras cosas, están conformados por páginas web, entonces, ¿qué cosas conforman un sitio web? en los websites conseguimos:
- Documentos o paginas html
- Elementos multimedia como imágenes, audios, videos, etc.
- JavaScript, que no es más que código de programación que da la interactividad a las páginas web.
- Algún lenguaje del lado del servidor como php, python, c#, java (cuando los sitios web son dinámicos).
- Bases de datos en las que se guarda la información, cuando te creas una cuenta en alguna red social y te piden los datos, toda esa información se almacena en tablas de alguna base de datos.
Definición de html
HTML significa Lenguaje de Marcado de Hipertexto. Básicamente, es un archivo de texto con códigos que le dicen al navegador la forma en la que se muestra una página web. Por ejemplo, puede indicarle al navegador que un texto debe mostrarse como un encabezado o que el texto debe ser un párrafo y debe estar alineado a la derecha.
La forma de indicar al navegador que estamos trabajando con una página web es utilizando la extensión de archivo .html. Te podrás dar cuenta que muchas páginas web que visitas tienen un nombre seguido de .html. Por ejemplo, nosotros.html. Aunque no basta únicamente con tener esa extensión, internamente debemos escribir el código html válido con unas reglas preestablecidas a las cuales debemos apegarnos y así los sitios web que creemos se verán bien en todos los navegadores modernos.
Debido a que el documento html es un simple archivo de texto, podríamos utilizar el bloc de notas de nuestro sistema operativo para hacer toda la programación, pero con el avance de la tecnología se han creado editores que son verdaderos portentos, sumamente eficientes y prácticos de utilizar, eso lo veremos más adelante en una lección dedicada enteramente a ello.
Cómo aprender html con nuestras lecciones
En la parte superior de la página hay una barra de menú que contiene todas las lecciones que este sitio web tiene para ofrecer. Si eres inexperto, te recomendamos que sigas en orden para que tengas una buena comprensión cuando llegues a la clase final.
Este sitio web está hecho para verse bien en cualquier dispositivo. Si te encuentras viendo las lecciones desde una tablet o móvil, tendrás un menú en la esquina superior izquierda que te dará acceso a todas las lecciones, ejemplos y las categorías.
En cada una de las lecciones y ejemplos de nuestro sitio web tendrás el código necesario para hacer las prácticas necesarias. Te bastará con copiar nuestro código y pegarlo en tu editor favorito.
Developed by: garciazapatadeveloper@gmail.com