miércoles, 13 de marzo de 2024

PÁGINAS WEB

PÁGINA WEB 
Una página web es un documento electrónico (digital) diseñado para ser visualizado en un navegador web. Puede contener texto, imágenes, videos, enlaces a otras páginas web, y otros elementos multimedia. Las páginas web forman parte de sitios web más grandes que pueden contener varias páginas interconectadas.




SITIO WEB
Un sitio web es un espacio en la red donde puedes almacenar información para compartirla con los demás. Puede contener información sobre ti mismo, tu negocio o incluso temas de tu interés, según la categoría del sitio web, la gente puede utilizarlo para comprar, chatear, estudiar o entretenerse.

Un sitio web es un conjunto de páginas web que están conectadas entre sí y se encuentran alojadas en un servidor web, compartiendo una dirección web única. Este espacio virtual es accesible para cualquier persona con conexión a internet, que lo visite por medio de un navegador web. Se compone de diferentes tipos de contenido, como imágenes, videos, texto y elementos interactivos.

El conjunto de sitios web existentes conforman la red de información que se conoce como Internet o World Wide Web (WWW). Cada sitio web cuenta con una dirección web o nombre de dominio, además de una dirección del servidor web donde se encuentra alojado el sitio.


SERVIDOR WEB
Un servidor web es un ordenador que almacena, procesa y entrega archivos de sitios web a los usuarios desde un navegador, siendo este de gran potencia que se encarga de “prestar el servicio” de transmitir la información pedida por sus clientes (otros ordenadores, dispositivos móviles, impresoras, personas, etc.)

Los servidores web están formados por hardware y software que utilizan el Protocolo de Transferencia de Hipertexto (HTTP) para responder a las peticiones de los usuarios de la web realizadas a través de la World Wide Web. A través de este proceso, los servidores web cargan y entregan la página solicitada al navegador del usuario, como Google Chrome.

Los servidores web también utilizan el Protocolo Simple de Transferencia de Correo (SMTP) y el Protocolo de Transferencia de Archivos (FTP) para procesar archivos del correo electrónico o el almacenamiento.


DOMINIO
Un dominio es la dirección única que identifica un sitio web en internet, como www.ejemplo.com. Comprar un dominio apropiado conseguirá que el número de visitas al sitio aumente, pues un dominio es el nombre único de un sitio web que los visitantes utilizan para acceder a él en línea. Un nombre de dominio pegadizo ayuda a los visitantes a recordar tu sitio web más fácilmente. Por lo tanto, seleccionar el nombre de dominio adecuado es importante para la creación de tu web. 


ELEMENTOS DE UNA PÁGINA WEB 
Una página web contiene distintos elementos como imágenes, colores, formas, enlaces, texto, video, animación, etc., y para mostrarlos se debe definir la estructura de la página web. A continuación, se presenta una estructura básica de una página web. 
- Header: Representa la cabecera de la página web y generalmente se encuentra en la parte superior. 

- Logo: Es el espacio donde se presenta a través de una imagen o escrito, la marca o título de la página web. 

- Menú o nav: Es el menú principal de navegación, el cual a través de enlaces te permite navegar a través de las distintas páginas del sitio web. 

- Body: Es donde se muestra el contenido principal de la página web.

Footer: Hace referencia al pie de página, se utiliza principalmente para mostrar el copyright, términos y condiciones, aviso de privacidad, etc.


¿CÓMO SE CONSTRUYE UN SITIO WEB?

A través del desarrollo de dos apartados principales: el Front-end y el back-end.



  Front-end: Se refiere al diseño de la parte visual de cada página web del sitio, lo que los usuarios observan al visitar el sitio web, como lo son los colores, imágenes, botones, enlaces, menús, etc. En el desarrollo front-end las tres tecnologías principales son: 

- HTML (Hyper Text Markup Language): Lenguaje de marcas o etiquetas de hipertexto, es el componente básico de una página web, su código permite estructurar y mostrar todo el contenido de la parte visual de la página web.

- CSS (Cascading Style Sheets): Hojas de Estilo en Cascada, es un lenguaje que permite dar estilos a los distintos elementos que componen la página web, a través del documento html.

- JavaScript: Lenguaje de programación que se emplea en el desarrollo web, para hacer que las páginas web sean interactivas, a través de animaciones de los distintos elementos, la navegación entre páginas y responder a eventos realizados por el usuario.

   Back-end: Es el desarrollo de los procesos para generar la parte visual de la página web, estos procesos se ejecutan en el servidor web. Para el desarrollo de dichos procesos se emplean principalmente las siguientes tecnologías: 

- Web Server o Software de servidor web: Es el software encargado de controlar y procesar el acceso de usuarios a archivos o información almacenada en el servidor web. 

- Lenguajes de programación: Es un software que permite a programadores o desarrolladores web escribir instrucciones por medio de una sintaxis definida, estas instrucciones permiten la comunicación entre el usuario y la información en el servidor web. 

- Bases de datos: Es una colección de información o datos organizados, almacenados de manera electrónica en un sistema de cómputo, en el caso de los sitios web las bases de datos se encuentran en el servidor web, para acceder a los datos o información de las bases de datos existen software de base de datos que funcionan como interfaz entre los usuarios y la base de datos, lo que permite organizar, recuperar, modificar, actualizar y gestionar la información.

 

CLASIFICACIÓN DE LAS  PÁGINA WEB 

   1.  Según su estructura 

    Páginas web estáticas
Son páginas que se caracterizan por presentar información de manera permanente, por lo regular no se actualizan periódicamente hasta que el diseñador o programador la modifica manualmente, tienen un contenido fijo que no permite la interacción con los usuarios, llega a presentar enlaces o hipervínculos que conectan al usuario con otras páginas web para obtener más información o complementar la misma.

    Páginas web dinámicas 
Su principal característica es que permiten la interacción con el usuario, a diferencia de las web estáticas su contenido se puede cambiar fácilmente sin la necesidad de manipular el código fuente, la actualización de la página puede realizarse en tiempo real, su diseño no cambia frecuentemente pero si la información y el contenido, su construcción requiere de conocimientos profesionales y de especialización en lenguajes de programación, así como de mayor inversión de dinero, tiempo y dedicación. 

2. Según su negocio o función 
    Tiendas online: Su principal propósito es la comercialización de productos o servicios de una o varias marcas o empresas, por lo tanto, su finalidad es el lucro o beneficio económico.
   Páginas web corporativas: Se centran en la comunicación y la promoción de productos y servicios a los usuarios, su estructura e imagen visual normalmente es atractiva, tratan de crear un impacto visual en relación a las marcas que se encuentran promoviendo.
    Páginas web educativas o e-learning: Es uno de los recursos tecnológicos en línea que ha adquirido gran importancia en la educación, formación y actualización de niños, jóvenes y profesionistas, existe gran cantidad de páginas web de gobiernos, universidades e instituciones privadas que ofrecen alternativas de estudios en línea con bastante aceptación por los usuarios.
    Blog: Son espacios creados en la red con la finalidad de mostrar información en un formato llamado posts, su estructura y diseño se ajusta acorde al gusto y preferencias del administrador, otras características muy notables de un blog es que permite la interacción con los usuarios a través de un apartado de comentarios quienes pueden complementar, opinar o debatir sobre un determinado tema expuesto en el blog.
     Páginas web de organizaciones: Son páginas web comúnmente conocidas como
Organizaciones No Gubernamentales (ONG) sin fines de lucro, cuyo propósito es la captación de donaciones para lograr sus objetivos de beneficencia y ayuda a otras asociaciones, recurren a la presencia en línea para dar a conocer sus causas y acciones altruistas que llevan a cabo.
   Páginas web gubernamentales: Corresponden a los gobiernos de los países, estados y municipios, en ellas se encuentra información, enlaces, programas, proyectos, entre otros para facilitar el acercamiento con los ciudadanos y la posibilidad de realizar
trámites personales.
     Páginas web informativas: Su principal propósito es de carácter informativo, este tipo de página considera principalmente información a manera de texto, programas e hipervínculos, adicional a esta cuenta tambien con una gran cantidad de recursos multimedia con la finalidad de proporcionar información electrónica de manera atractiva al público.

RECOMENDACIÓN DE PLATAFORMAS EN LA WEB PARA CREAR  PÁGINAS ELECTRÓNICAS

    Aquí te presento tres opciones populares y sus beneficios:




1. WordPress.org:
Beneficios: Es una plataforma de código abierto y gratuita. Ofrece una gran flexibilidad y personalización, con una amplia variedad de temas y complementos para agregar funcionalidades.
Características: Fácil de usar, con una gran comunidad de usuarios y desarrolladores que ofrecen soporte y recursos. Permite crear desde blogs simples hasta sitios web complejos.
Costos: Aunque el software es gratuito, necesitarás pagar por el dominio y el alojamiento web. Los temas y complementos premium pueden tener costos adicionales.

2. Wix:
Beneficios: Es una plataforma todo en uno que ofrece hosting, dominio y constructor de sitios web en un solo lugar. Tiene una interfaz intuitiva y fácil de usar.
Características: Ofrece una amplia gama de plantillas y herramientas de diseño 
que permiten crear sitios web visualmente atractivos sin necesidad de conocimientos de programación.
Costos: Tiene planes gratuitos y de pago, con opciones adicionales para comprar dominios, eliminar anuncios y acceder a funciones avanzadas.

3. Squarespace:
Beneficios: Squarespace es conocido por sus diseños elegantes y profesionales, ideales para sitios web creativos y empresariales. Ofrece una plataforma todo en uno que incluye alojamiento, dominio y constructor de sitios web.
Características: Proporciona una amplia variedad de plantillas diseñadas por profesionales que se adaptan a diferentes tipos de sitios web. Además, ofrece herramientas de análisis, comercio electrónico y marketing integradas.
Costos: Squarespace tiene planes de pago mensuales, con tarifas adicionales por funciones avanzadas como la venta en línea. También ofrece un período de prueba gratuito para que los usuarios puedan probar la plataforma antes de comprometerse.



PÁGINAS WEB

PÁGINA WEB  Una página web es un documento electrónico (digital) diseñado para ser visualizado en un navegador web. Puede contener texto, im...