Inicio
trabajo
blog
sobre
contacte con
webflow
24 de febrero de 2021

Cosas complejas de la web explicadas de forma sencilla

Por fin se ha cansado. Todo el mundo y su vecino le han dicho que la única manera de que su negocio siga siendo relevante en los tiempos que corren es tener un sitio web de lujo en el que los clientes puedan informarse sobre usted y hacer pedidos en línea. Pues bien, todo el mundo y su vecino tienen razón, y usted se está dando cuenta ahora.

Así que ha llegado el momento de construir un sitio web propio, pero antes de poder hacerlo, necesitarás un curso intensivo de sitios web 101 para aprender lo que es Internet. Por suerte, has encontrado el blog Pretty Nice Websites y has encontrado este post. Ahora que hemos descrito esta situación exacta que está sucediendo en este momento, vamos a saltar y aprender todo acerca de cómo funciona realmente la web.

¿Qué es un sitio web?

Imagen para el puesto

Bueno, sí, pero...

La definición del diccionario para un sitio web es:

Nombre: grupo de páginas conectadas en la World Wide Web consideradas como una sola entidad, normalmente mantenidas por una persona u organización y dedicadas a un solo tema o a varios temas estrechamente relacionados.

Además del hecho de que nadie la ha llamado World Wide Web desde 1757, esto no arroja mucha luz sobre todo el asunto de los sitios web. Vamos a desglosarlo.

Básicamente, un sitio web está formado por páginas de texto que contienen toda la información que se ve en la pantalla. Estas páginas incluyen texto HTML, que estructura todo el contenido del sitio, y texto CSS, que da estilo al contenido (es decir, los colores, los tipos de letra que se utilizan, etc.) Todos estos archivos se almacenan en un servidor y se muestran a través de su navegador cuando visita la URL que apunta a esos archivos específicos.

Lenguajes de programación

Todos los sitios web se construyen con un código llamado lenguaje de programación. Cada lenguaje tiene su propio conjunto de lenguaje y sintaxis, y todos ellos hacen que sucedan cosas diferentes.

Los tres lenguajes de programación más comunes en la web son HTML, CSS y JavaScript. Wikipedia llama a los tres juntos una tríada piedra angular de Internet. Suena intenso Nosotros en PNW los llamamos los tres mosqueteros, y cada lenguaje aporta una pieza esencial para dar vida a los sitios web y hacerlos lucir hermosos.

  • HTML - Significa Lenguaje de Marcado de Hipertexto y es la base de cualquier sitio web. Utiliza este lenguaje de programación para construir todos los elementos de una página (por ejemplo, una foto tuya y una biografía, la navegación en la parte superior de la página o el pie de página)
  • CSS - Significa hojas de estilo en cascada. Las hojas de estilo CSS dan estilo a todos los elementos creados con HTML. Puedes cambiar los colores, los tipos de letra, dónde aparecen las cosas en la pantalla, todo ello utilizando CSS.
  • Javascript - Son las siglas de JavaScript. Este lenguaje es el que hace que sus elementos sean interactivos con los usuarios en su sitio. Por ejemplo, puedes crear un formulario de contacto usando HTML y luego darle estilo usando CSS, luego con Javascript crear una regla que cuando alguien envíe un formulario de contacto, se envíe por correo electrónico a ti y la persona que lo envió reciba una bonita confirmación de que lo has recibido. ¡Genial!

¿Cómo se construye un sitio web?

Una vez que sabes lo básico de lo que se compone un sitio web, ahora está la tarea de construirlo realmente. Tienes varias opciones para poner tu sitio web en Internet.

CMS

La forma más fácil de poner en marcha un sitio web es, con diferencia, a través de algún tipo de plataforma CMS. CMS son las siglas de Content Management System (Sistema de Gestión de Contenidos), y puedes utilizarlos para gestionar tus contenidos. ¿Qué te parece? Con un CMS, no tienes que escribir todo el código tú mismo. En su lugar, la plataforma CMS suele tener un tema que puedes seleccionar, que es una colección de archivos HTML, CSS y JS preescritos a los que simplemente puedes añadir tu propio texto web, fotos y colores, y ya está todo listo.

Estas son algunas de las plataformas CMS más populares:

  • Wordpress - El 25% de Internet funciona con Wordpress y por una buena razón. Es bastante fácil de usar y estos sitios tienen mucha capacidad de personalización. Sin embargo, de todas las plataformas CMS populares, Wordpress es la que requiere más conocimientos de programación.
  • Squarespace - Muy fácil de usar y no requiere conocimientos de programación. No hay mucho espacio para la personalización
  • Wix - Plataforma similar a Squarespace. Una curva de aprendizaje un poco más alta, pero tiene más capacidad de personalización.
  • Webflow - Webflow es una herramienta de diseño con funcionalidad CMS incorporada. Debido a que es una herramienta de diseño en primer lugar, permite la personalización completa en cualquier sitio web, pero la curva de aprendizaje es muy empinada. No es necesario codificar, sin embargo, un nivel básico de conocimientos de programación es muy útil. Es lo que usamos para todos nuestros sitios aquí en PNW.

Editores de texto

Si eres un verdadero rebelde y quieres construir tu sitio web por completo tú mismo, sin una plataforma CMS, ¡me quito el sombrero! Para ello, primero tendrás que tener un sólido conocimiento de base de cada uno de los tres lenguajes de programación fundamentales. Si estás listo para ir allí, entonces lo que tendrás que hacer es descargar una herramienta de editor de texto. Preferiblemente uno que esté construido para la codificación, lo que le ayudará a asegurarse de que no hay ningún error en su código. Dos grandes opciones de editores de texto son Atom o Sublime.

El siguiente paso es empezar a programar. Es muy importante que te abastezcas de Red Bull, pongas en cola Lo-Fi Study Beats en Spotify y te encierres en una habitación oscura hasta que hayas codificado todo tu sitio con el editor de texto.

Ahora que has codificado los archivos de tu sitio con tu editor de texto favorito, tendrás que subir tus archivos a un servidor para que otros intrépidos usuarios de Internet puedan encontrarlo. Pasemos a los dominios y al alojamiento para saber lo que significa.

Nombres de dominio y alojamiento

Tanto si has creado un sitio con una herramienta de gestión de contenidos (CMS) como si has codificado los archivos tú mismo, necesitarás un dominio y un alojamiento para que tu sitio esté realmente en Internet. Tu nombre de dominio es la URL, o dirección web, donde la gente encuentra tu sitio web. El alojamiento es el pequeño espacio en Internet donde vive tu sitio web. Para que su sitio web funcione, necesitará ambas cosas. Entre las muchas analogías que hemos utilizado para intentar explicar esto a lo largo de los años, ninguna apesta menos que el desglose de casas y direcciones.

Imagen para el puesto

Dominios

Piensa en tu sitio web como si fuera una casa, y todo Internet es una enorme ciudad con un montón de casas. Para que la gente encuentre tu casa, necesitan tu dirección. Así que, una vez que tengas un sitio web, puedes ir a un registrador como GoDaddy o Namecheap, y comprar una dirección para tu sitio web.

A diferencia del mundo real, en Internet puedes comprar una dirección y ponerla después en tu casa. También puedes comprar varias direcciones y ponerlas en la misma casa. Esto se conoce como reenvío de dominio, y es genial para los motores de búsqueda, de los que hablamos en nuestro post sobre SEO.

Hospedaje

Si su dominio es la dirección de su casa/sitio web, entonces su alojamiento sería la parcela sobre la que está construida su casa. Puedes alquilar una parcela de un servidor, y hay un montón de servidores entre los que puedes elegir, algunos con más ventajas que otros como el precio o las opciones de seguridad. Los servidores más populares son Amazon Web Servers o WP Engine. Al igual que cuando compras una casa, querrás encontrar el servidor, o el barrio, adecuado para ti.

Así que, para recapitular, usando nuestra analogía de la casa:

Su casa es su sitio web. Las paredes, o la estructura, están construidas con HTML. El papel pintado y las fotos chulas de las paredes se construyen con CSS, y la electricidad que alimenta todos tus aparatos es JavaScript. Tu casa está construida (alojada) en un terreno que alquilas en tu barrio (servidor). Tu dominio es la dirección que la gente utiliza para encontrar tu casa. Y todos los barrios juntos forman la gran metrópolis que es Internet.

¡Uf! Espero que esto ayude a desmitificar un poco la magia de Internet. Y ahora que eres todo un maestro de la web, ¡no hace falta que nos contrates!

...Pero si no tienes tiempo para crear tu nueva y espectacular página web por ti mismo, no dudes en ponerte en contacto con nosotros para que lo hagamos por ti. Conozca más sobre quiénes somos en Pretty Nice Websites.

Si te dices a ti mismo...

Me gusta lo que he leído aquí y quiero contratar a este tipo para que trabaje en mi proyecto.

Entonces, póngase en contacto conmigo