Tema: Desarrollo web y frontend

¿Qué es un sitio web y cómo se accede a él? ¿Qué papel juegan los servidores en la
disponibilidad de los sitios web? ¿Cuáles son los elementos clave en la creación de un sitio web?
¿ ¿Qué hacen HTML, CSS y JavaScript en el desarrollo de sitios web? ¿Qué herramientas son
útiles para el desarrollo web? Estos conceptos son fundamentales para nuestra vida cotidiana y
cómo la tecnología impacta a todas las personas que usan la tecnología, en este texto,
explicaremos sobre los sitios web, lenguajes de programación y herramientas en páginas web. Por
ello, los sitios web se definen como la colección organizada de archivos accesibles a través de
navegadores web, compuestos por elementos como páginas, imágenes y recursos. Los lenguajes
fundamentales, como HTML, CSS y JavaScript, estructuran la información, definen su
presentación visual y aportan interactividad, respectivamente. Las herramientas son elementos
como editores de texto, programas FTP y soluciones de alojamiento, utilizados para crear,
gestionar y alojar sitios web. A continuación, se dará a conocer sobre los Sitios web, lenguajes y
herramientas en el desarrollo web y frontend.

Los sitios web son archivos o conjunto de páginas web que los usuarios visitan usando
navegadores desde ordenadores remotos. Por consiguiente se clasifican en tres tipos de
características que tiene un sitio web y cómo cada uno es muy importante para un correcto
funcionamiento y buena experiencia para el usuario. En primer lugar, las páginas web consisten
en archivos descargados por el navegador cuando el usuario los solicita. Estos archivos, llamados
páginas, forman el sitio web. Navegar es abrir nuevas páginas. En el desarrollo web, necesitamos
crear un archivo para cada página que queramos incluir. En segundo lugar, los servidores se
reconocen mediante un valor conocido como la dirección IP (Protocolo de Internet). Cada
computadora posee una IP única, actuando como una dirección que facilita su presencia en la red.
Al solicitar un archivo, un navegador busca el servidor utilizando esta dirección IP y luego solicita
al servidor que envíe el archivo requerido por el usuario. Los hipervínculos son elementos
importantes en HTML que permiten vincular un documento HTML con otros recursos, como
otro documento HTML, una imagen, un archivo de sonido, un archivo pdf, entre otros. Para
crear un hipervínculo, se necesitan dos elementos: el nombre del archivo o URL del recurso
que se desea vincular y el texto que servirá para establecer el vínculo al recurso. El usuario
dará click en el texto del hipervínculo para acceder al recurso vinculado. (Jaimez, 2015, p.
51). En tercer lugar, un hipervínculo es como un enlace en un documento digital que te redirige a
otro lugar, ya sea dentro del mismo documento o uno diferente. Sirve como un camino que te
permite ir directamente a una ubicación específica, como la página principal, sin tener que seguir
el documento en orden. En pocas palabras, los hipervínculos actúan como "atajos" que facilitan la
navegación entre diferentes partes de un documento o incluso hacia otros documentos. En cuarto
lugar, en la web, hay dos tipos de enlaces: los absolutos, que tienen la dirección completa del
recurso (por ejemplo, "https://www.ejemplo.com/pagina"), y los relativos, que solo indican la parte
de la ruta a añadir a la URL actual (por ejemplo, "/pagina"). Los absolutos dan la dirección
completa, mientras que los relativos especifican la parte que se agrega a la URL actual para llegar
al enlace.

HTML5 integra tres aspectos esenciales (estructura, diseño y funcionalidad) mediante tres
lenguajes de programación diferentes: HTML, CSS y JavaScript. Estos lenguajes consisten en
conjuntos de instrucciones interpretadas por los navegadores para procesar y mostrar documentos
en la web. Debido a su colaboración, estos lenguajes se dividen en cuatro categorías distintas,
cada una desempeñando una función específica. Por otro lado, HTML (Lenguaje de Marcado de
Hipertexto) consiste en etiquetas con nombres dentro de corchetes angulares. Estos corchetes
definen la etiqueta, y el nombre específico indica el tipo de contenido que representa. HTML es un
lenguaje de marcado que se utiliza para estructurar y presentar contenido en la web.
Aunque HTML es un lenguaje importante en la creación de sitios web, no se considera un
lenguaje de programación. HTML define la estructura de tu contenido y consiste en una
serie de elementos que se utilizan para encerrar diferentes partes del contenido para que se
vean o comporten de una determinada manera. (Equipo Vértice, 2009, p. 12). Mientras que,
CSS(Hojas de Estilo en Cascada), es el lenguaje que establece estilos para una página web,
como tamaño, color, fondo y borde,entre otras características. Aunque la mayoría de los
navegadores aplican estilos predeterminados, estos no suelen ajustarse a nuestras preferencias
personales para los sitios web. Además, JavaScript a diferencia de HTML y CSS, se clasifica
como un lenguaje de programación lógica que define instrucciones dentro de la página web para
realizar distintas acciones como animaciones, cálculos, entre otros. Finalmente, los códigos
escritos en HTML, CSS y JavaScript se activan durante la navegación en la web. Esto significa
que estos códigos se almacenan en el servidor hasta que se descargan en una computadora
personal y, en ese momento, se ejecutan en el navegador del usuario.

El desarrollo de un sitio web comprende varias fases, que incluyen el uso de herramientas como
editores de texto, dominios, URL, entre otros, para organizar el archivo HTML, crear archivos con
estilos CSS y código JavaScript, y configurar servidores. En este sentido, hay cinco herramientas
fundamentales para hacer que el sitio sea accesible para los usuarios y transferir todos los
archivos desde nuestra computadora al servidor. De ese modo, los documentos HTML, al igual
que los archivos CSS y JavaScript, se constituyen principalmente como archivos de texto. Estos
archivos están presentes en nuestras computadoras de forma predeterminada, como el Bloc de
Notas en Windows o la aplicación de edición de texto, y pueden ser modificados de diversas
maneras. Además, existen editores de texto diseñados específicamente para facilitar las labores
de programadores y desarrolladores web. Es cierto que cualquier editor de texto plano, como
el Bloc de notas de Windows, es suficiente para redactar código HTML y CSS. Sin embargo,
para una mejor experiencia de programación, se recomienda utilizar editores de código
diseñados específicamente para HTML y CSS. Estos editores proporcionan ayudas
visuales, como el uso de distintos colores para el texto, que pueden ayudar a los
programadores a orientarse en la tarea y simplificar el trabajo. (Carballeiro, 2012, p. 36).
Asimismo, al preparar un sitio web para ser compartido públicamente, surge la necesidad de
adquirir un dominio. Este dominio se representa como un nombre personalizado junto con una
extensión, que los usuarios introducirán en la barra de direcciones del navegador para acceder al
sitio web deseado. Igualmente, la configuración y gestión de un servidor pueden requerir
conocimientos especializados que no todos los desarrolladores tienen. Debido a esto, hay
empresas que proporcionan el servicio de alojamiento web o hosting, que permite a cualquier
persona alquilar un servidor previamente configurado y listo para almacenar y operar uno o más
sitios web. Por otra parte, en lo referente a la gestión de archivos del sitio web, las cuentas de
alojamiento web brinda un servicio que se ejecuta directamente desde el navegador. Al acceder a
una página web a través del panel de control, se simplifican tareas como cargar, descargar y editar
archivos en el servidor. Para terminar, MAMP facilita el desarrollo web al permitir la creación y
gestión de sitios locales en nuestras computadoras. Al abrir archivos HTML directamente, ofrece
un lugar de prueba donde los desarrolladores pueden ver y ajustar sus proyectos antes de
publicarlos en internet. Con un servidor web, una base de datos y PHP, MAMP simplifica el
proceso de desarrollo y prueba de sitios web antes de lanzarlos al público

En síntesis, los sitios web, los lenguajes de programación web y las herramientas son muy
importantes ya que todos ellos funcionan de manera conjunta. Por lo tanto, si cualquiera de estos
componentes falla hará que no tenga una función correcta y por parte del usuario será una mala
experiencia. En primer lugar, los archivos de un sitio web constan de varios archivos que el
navegador descarga cuando el usuario lo solicita. Los archivos que componen un sitio web se
llaman páginas. En segundo lugar, los dominios y url se identifican mediante un valor llamado IP,
ya que cada computadora posee una IP y esto actúa como una dirección única y este permite que
la computadora se conecte a la red. En tercer lugar, los hipervínculos, son elementos que hacen
referencia para redirigir o “saltar” de un documento a otro dentro de una página web. Por otro lado,
HTML se compone de etiquetas que determinan el tipo de contenido que representa. Mientras,
CSS es el lenguaje que da el estilo a una página web, como el tamaño de las letras, color de
fondo, borde, entre otras características. Además, JavaScript se clasifica como un lenguaje de
programación lógica que define instrucciones dentro de la página web. Finalmente, los lenguajes
de servidor como HTML, CSS y JavaScript se ejecutan mientras se navega dentro de la web.
También, los editores como HTML, CSS y JavaScript se componen de archivos de texto que viene
de manera predeterminada en los ordenadores y que pueden editarse de diversas formas.
Asimismo, los registros de dominios sirven para registrar a una página web, los dominios brindan
un nombre personalizado para encontrarlo en la web más tarde. Igualmente, el alojamiento web es
un lugar en donde está almacenado dentro de un servidor y es allí donde cualquier persona podrá
ver desde cualquier lugar. Por otra parte, los programas FTP, proporcionan un servicio que se
ejecuta directamente desde el navegador. Para terminar, MAMP simplifica el desarrollo web y
permite a los desarrolladores visualizar y configurar las páginas web antes de subirlo a una
servidor o alojamiento web. Por lo tanto, el desarrollo web es como construir el hogar digital de
todos. Por ello cada fragmento de código que escribimos es como crear una nueva ruta en la red.
 Es como una combinación de creatividad y hacer cosas, así como construimos puentes para
conectar ideas y personas. En este vasto mundo digital, somos como arquitectos que dan forma a
nuestra vida diaria y a nuestras comunicaciones en línea.

REFERENCIAS:

Coppola, M. (2023) Qué es un sitio web, para qué sirve y cuáles son sus elementos. Hubspot.
https://blog.hubspot.es/website/que-es-sitio-web

Gauchat, J. D. (2017). El gran libro de HTML5, CSS3 Y Javascript. Marcombo.

WEBSIMPLE. (18 de mayo de 2021). QUE ES UN SITIO WEB EXPLICACIÓN SIMPLE. [Archivo
de Vídeo]. Youtube. https://youtu.be/fUF-JgO6rIw