¿Cómo funcionan los sitios web?

Es fácil dar por sentada la tecnología. Eso es especialmente cierto con respecto a nuestro acceso a Internet y los sitios web que usamos todos los días. Sin embargo, obtener una comprensión de cómo funcionan realmente los sitios tiene muchos beneficios potenciales.

Afortunadamente, hemos reunido mucha experiencia valiosa a lo largo de los años, ¡que siempre estamos felices de compartir! Aquí en DreamHost , queremos que tengas toda la información que necesitas para tomar decisiones críticas para tu negocio y proyectos web.

En este artículo, cubriremos la terminología que necesitará saber si desea obtener un conocimiento más completo de cómo funcionan los sitios web. También repasaremos los pasos principales necesarios para configurar un sitio web y ponerlo en línea.

7 términos clave para entender sobre los sitios web

Visitar un sitio web puede parecer una acción simple. Sin embargo, detrás de escena, hay mucha actividad. Echemos un vistazo a algunos de los términos y conceptos que pueden ayudar a iluminar ese proceso.

1. Página web

En su forma más básica, una página web es en realidad solo un archivo de texto. Es un conjunto de instrucciones que contiene reglas para diseñar y dar formato a la página que verán los visitantes. Además, este archivo es donde se almacena otra información importante sobre el sitio web.

Por ejemplo, el documento de la página web suele ser donde los desarrolladores del sitio incluyen información “meta” . Eso puede incluir el nombre del sitio web, qué tipo de contenido se puede encontrar allí, etc. Los motores de búsqueda como Google confían en estos detalles al armar los anuncios publicitarios que ve en los resultados de búsqueda.

Profundizaremos más sobre cómo crear un sitio web simple más adelante. Por ahora, es necesario comprender que una página web está construida con información etiquetada con lenguaje de marcado de hipertexto (HTML). Así que definiremos ese término a continuación.

2.HTML

HTML es el lenguaje de marcado utilizado para crear páginas web. Puede considerarlo como un andamiaje para la página web. Detalla la estructura y el estilo de la página, utilizando varias «etiquetas». Estos siempre se colocan dentro de los símbolos «mayor que» y «menor que».

Aunque existen muchos lenguajes de programación, HTML es fundamental para entender si se va a trabajar con sitios web. Afortunadamente, puede encontrar muchos tutoriales y recursos HTML en línea.

3. Navegador web

Un navegador web es una aplicación de software que le permite ver una página web desde el «frente». Las reglas y la estructura del documento HTML determinan el aspecto de la página, pero los resultados también pueden variar ligeramente ya que cada navegador está codificado de manera diferente.

Hay varios navegadores web populares para elegir: Chrome, Safari, Internet Explorer, etc. Si bien todos realizan la misma función, en teoría, también tienen sus propias características únicas. Además, no todos los navegadores muestran HTML de la misma manera .

De alguna manera, el navegador es como un chef que tiene que leer una receta (HTML). Luego, va a la despensa (el servidor) para obtener los ingredientes que necesita. Finalmente, convierte toda esa información en una hermosa comida (la página web que se muestra al usuario).

Es fácil dar por sentada la tecnología. Eso es especialmente cierto con respecto a nuestro acceso a Internet y los sitios web que usamos todos los días. Sin embargo, obtener una comprensión de cómo funcionan realmente los sitios tiene muchos beneficios potenciales.

Afortunadamente, hemos reunido mucha experiencia valiosa a lo largo de los años, ¡que siempre estamos felices de compartir! Aquí en DreamHost , queremos que tengas toda la información que necesitas para tomar decisiones críticas para tu negocio y proyectos web.

En este artículo, cubriremos la terminología que necesitará saber si desea obtener un conocimiento más completo de cómo funcionan los sitios web. También repasaremos los pasos principales necesarios para configurar un sitio web y ponerlo en línea. ¡Empecemos!

PUEDES construir un sitio web

Ya sea que sea un aspirante a blogger, consultor o empresario, DreamHost le facilita comenzar su viaje en línea con el pie derecho. Nuestros planes de alojamiento compartido le brindan todo lo que necesita para prosperar en línea a un precio asequible.

 

7 términos clave para entender sobre los sitios web

Visitar un sitio web puede parecer una acción simple. Sin embargo, detrás de escena, hay mucha actividad. Echemos un vistazo a algunos de los términos y conceptos que pueden ayudar a iluminar ese proceso.

1. Página web

En su forma más básica, una página web es en realidad solo un archivo de texto. Es un conjunto de instrucciones que contiene reglas para diseñar y dar formato a la página que verán los visitantes. Además, este archivo es donde se almacena otra información importante sobre el sitio web.

Por ejemplo, el documento de la página web suele ser donde los desarrolladores del sitio incluyen información “meta” . Eso puede incluir el nombre del sitio web, qué tipo de contenido se puede encontrar allí, etc. Los motores de búsqueda como Google confían en estos detalles al armar los anuncios publicitarios que ve en los resultados de búsqueda.

Profundizaremos más sobre cómo crear un sitio web simple más adelante. Por ahora, es necesario comprender que una página web está construida con información etiquetada con lenguaje de marcado de hipertexto (HTML). Así que definiremos ese término a continuación.

2.HTML

HTML es el lenguaje de marcado utilizado para crear páginas web. Puede considerarlo como un andamiaje para la página web. Detalla la estructura y el estilo de la página, utilizando varias «etiquetas». Estos siempre se colocan dentro de los símbolos «mayor que» y «menor que».

Aunque existen muchos lenguajes de programación, HTML es fundamental para entender si se va a trabajar con sitios web. Afortunadamente, puede encontrar muchos tutoriales y recursos HTML en línea.

3. Navegador web

Un navegador web es una aplicación de software que le permite ver una página web desde el «frente». Las reglas y la estructura del documento HTML determinan el aspecto de la página, pero los resultados también pueden variar ligeramente ya que cada navegador está codificado de manera diferente.

Hay varios navegadores web populares para elegir: Chrome, Safari, Internet Explorer, etc. Si bien todos realizan la misma función, en teoría, también tienen sus propias características únicas. Además, no todos los navegadores muestran HTML de la misma manera .

De alguna manera, el navegador es como un chef que tiene que leer una receta (HTML). Luego, va a la despensa (el servidor) para obtener los ingredientes que necesita. Finalmente, convierte toda esa información en una hermosa comida (la página web que se muestra al usuario).

Ser impresionante en Internet

¡Únase a nuestro boletín mensual para obtener consejos y trucos para construir el sitio web de sus sueños!

4. Servidor web

Los servidores son las piezas físicas de hardware que almacenan datos para cualquier cosa que deba ser visible en línea. Son esencialmente un tipo de computadora especializada, cargada con un software único.

Cuando un navegador web va «a la despensa» en nuestra analogía anterior, se está comunicando con el servidor y solicita la información y los datos necesarios para mostrar el sitio web. Luego, utiliza esos datos para cargar la página web en la que hizo clic el visitante.

Por ejemplo, si una página web incluye una imagen, su HTML le diría al navegador dónde debe ir la imagen y cómo debe formatearse. Además, le permitiría al navegador saber en qué parte del servidor se almacena la imagen.

El navegador solicitaría esa imagen del servidor. Si todo va según lo previsto y no se producen errores, la imagen se enviará al navegador y se mostrará correctamente.

5. Alojamiento web

Cuando crea un sitio web, los archivos que contienen su código HTML y todos los recursos asociados (como imágenes y otros medios) deben almacenarse en algún lugar. Si se guardan solo en su computadora, el público no podrá ver el sitio.

Para que su sitio web esté disponible para el mundo, deberá registrarse con un servicio de alojamiento web. Esto significa que pagará a un proveedor de alojamiento por espacio en un servidor al que se puede acceder a través de Internet. Todos los archivos y recursos de su sitio web se almacenarán allí.

Cuando elija un proveedor de alojamiento, querrá tener en cuenta algunos factores cruciales. De hecho, hemos creado una lista de verificación de 15 puntos para ayudarlo a decidir qué tipo de alojamiento necesita. Ya sea que desee crear un sitio web de comercio electrónico, una cartera o un blog, hay muchos planes de alojamiento diferentes para elegir , por lo que es útil saber lo que está buscando por adelantado

6. Proveedor de servicios de Internet

Los proveedores de servicios de Internet (ISP) son la forma en que todos accedemos a Internet. Un ISP es básicamente la vía de acceso a la autopista de la información. Tiene acceso a redes que están conectadas a internet y cobra por el acceso.

Es posible que reconozca algunos de los principales ISP, como Spectrum, Verizon, Xfinity y AT&T. También puede estar familiarizado con las empresas locales en su área que ofrecen acceso a Internet.

Un ISP es vital para usted y los usuarios de su sitio. Necesitará un ISP para cargar archivos en el servidor de alojamiento de su sitio web. Los visitantes necesitarán un ISP para conectarse a Internet y encontrar su sitio web.

7. Servidor de nombres de dominio

Otro concepto importante a entender es el Sistema de Nombres de Dominio (DNS) . Todos los sitios web deben tener un nombre de dominio ;  piense en ejemplo.com . Esto es lo que permite a los visitantes encontrar su sitio web en línea. Por lo general, elegirá un nombre de dominio que se ajuste a sus objetivos comerciales e identidad de marca.

Sin embargo, elegir un nombre de dominio puede ser complicado, ya que es posible que deba ser creativo si un sitio web existente ha elegido su primera opción. Afortunadamente, registrarse para obtener un nombre de dominio y conectarlo a su sitio web es fácil si obtiene su dominio y alojamiento del mismo proveedor .

Cómo ver el código fuente de una página web

Ahora que está familiarizado con parte de la jerga, hablemos de cómo puede ver el código fuente de un sitio web. Puede hacer esto en algún momento para solucionar problemas con su propio sitio web o recopilar información de otro sitio en línea.

Por ejemplo, si no está satisfecho con la forma en que ciertos elementos de su sitio web aparecen en los resultados del motor de búsqueda , es posible que desee ver rápidamente el código correspondiente en un navegador. La forma de ejecutar esta función difiere ligeramente según su sistema operativo y navegador.

Si está usando Google Chrome en una Mac, por ejemplo, puede usar el método abreviado de teclado Opción + Comando + U para mostrar el código fuente de la página web que está viendo.

Independientemente del método que utilice, verá una pestaña en su navegador con una gran cantidad de código HTML. Luego puede inspeccionar las etiquetas HTML que mencionamos anteriormente, como las metaetiquetas de la página.

Creación de un sitio web básico con texto simple

Si está pensando en hacer un trabajo en profundidad con la programación o HTML, querrá considerar el uso de un editor de HTML . Sin embargo, todo lo que realmente necesita para comenzar es el sencillo programa Notepad en su PC o TextEdit si está en una Mac.

Luego puede crear su propio HTML o tomar prestado de fragmentos y ejemplos que encuentre en línea.

Puede usar diferentes etiquetas para diseñar su código e insertar imágenes o simplemente incluir texto. Una vez que esté satisfecho con su código, deberá guardar el documento en su computadora como un archivo .html .

Luego, en su navegador web favorito, puede ir a Archivo > Abrir archivo , elegir el documento que acaba de crear y abrirlo. ¡Acabas de crear una página web! En realidad, no está disponible en línea, pero esta es una excelente manera de comenzar a experimentar y aprender los conceptos básicos.

Poner su sitio web en línea

Un sitio «local» vive en su computadora y solo usted puede verlo. Sin embargo, la mayor parte del tiempo querrá que su sitio web esté disponible para visitantes de todo el mundo. Con eso en mente, terminemos echando un vistazo a lo que necesitará para tener su sitio web en línea.

Para lanzar su sitio , querrá:

1. Regístrese con un proveedor de alojamiento web. Como mencionamos anteriormente, comprender los diferentes tipos de alojamiento que están disponibles es clave. Aquí en DreamHost, ofrecemos varias excelentes opciones. Nuestros planes compartidos son los más populares entre los nuevos usuarios e incluyen acceso a WP Website Builder , un asistente de creación de sitios con plantillas de diseño web gratuitas.
2. Elija un nombre de dominio. Algunos anfitriones (¡como nosotros!) ofrecen el registro de nombres de dominio como parte de su servicio de alojamiento. Asegúrese de seleccionar su nombre de dominio cuidadosamente e investigue sus opciones antes de comprometerse con uno.
3. Aproveche un sistema de gestión de contenido (CMS). Hay muchas plataformas que puede usar para crear un sitio web, pero recomendamos usar WordPress . Los propietarios de sitios web pueden usar este poderoso CMS para administrar todo tipo de sitios web: sitios de pequeñas empresas, portafolios de autónomos , blogs de fotografía y tiendas de comercio electrónico, por ejemplo. Cualquiera que sea el tipo de presencia en línea que necesite, WordPress puede hacer el trabajo.