Diseño Web, CONCEPTOS INTRODUCTORIOS PARTE 2

Fundamentos de Internet, la

 Web y sus componentes

 Esenciales

Sitio Web

Un sitio web es un conjunto de páginas web que están interconectadas y alojadas bajo un mismo dominio en Internet. Estas páginas pueden contener una variedad de contenido, incluyendo texto, imágenes, videos y aplicaciones interactivas. Los sitios web pueden ser informativos, comerciales, de entretenimiento o educativos, y suelen tener una estructura que permite a los usuarios navegar de una página a otra mediante enlaces. En inglés, el término es "website".

En informática, el término "web" se refiere a la World Wide Web, que es un sistema de información que permite acceder a documentos y recursos interconectados a través de Internet. La web utiliza un sistema de hipertexto que permite a los usuarios navegar de una página a otra mediante enlaces. Este concepto ha transformado la forma en que accedemos y compartimos información, creando un vasto espacio digital donde se puede encontrar casi cualquier tipo de contenido.

    Internet

El internet es una red global de computadoras y servidores que se comunican entre sí a través de protocolos estandarizados. Permite la transferencia de datos y el acceso a información de manera instantánea, facilitando la comunicación, el comercio, el entretenimiento y la educación. Desde su creación en la década de 1960, ha evolucionado enormemente, convirtiéndose en una herramienta esencial para la vida diaria de millones de personas en todo el mundo.

Red

Una red es un conjunto de dispositivos interconectados, como computadoras, servidores, impresoras y otros equipos, que comparten recursos e información. Las redes pueden ser de diferentes tipos, como redes locales (LAN) que conectan dispositivos en un área geográfica limitada, o redes amplias (WAN) que abarcan grandes distancias. La creación de redes permite la comunicación y la colaboración entre usuarios, así como el acceso compartido a recursos como archivos y                                                                                                       aplicaciones.

HOST en una red de computadoras

Un HOST es cualquier dispositivo que se conecta a una red y tiene una dirección IP única. Esto incluye computadoras, servidores, impresoras y otros dispositivos que pueden enviar y recibir datos. En el contexto de Internet, un host puede ser un servidor que aloja un sitio web, o un dispositivo individual que accede a la red. La función de un host es permitir la comunicación y el intercambio de información dentro de la red.

Protocolo TCP/IP

TCP/IP son las siglas de "Transmission Control Protocol/Internet Protocol". Es un conjunto de protocolos de comunicación que permite la transmisión de datos en Internet. TCP se encarga de asegurar que los datos se envían correctamente y en el orden correcto, mientras que IP se encarga de dirigir esos datos a la dirección correcta en la red. Juntos, estos protocolos forman la base de la comunicación en Internet y permiten que diferentes tipos de dispositivos se conecten y se comuniquen entre sí.

            URL

URL son las siglas de "Uniform Resource Locator". Es la dirección específica que se utiliza para acceder a un recurso en Internet, como una página web, una imagen o un video. Una URL está compuesta por varios elementos, incluyendo el protocolo (como HTTP o HTTPS), el dominio (como www.w3schools.com) y, opcionalmente, un camino o parámetros que especifican la ubicación exacta del recurso.

Servidor de Red

Un servidor es un dispositivo o programa que proporciona servicios a otros dispositivos, llamados clientes, en una red. Los servidores pueden manejar diversas funciones, como almacenar y servir páginas web, gestionar bases de datos o manejar correos electrónicos. En esencia, un servidor recibe solicitudes de los clientes, procesa esas solicitudes y devuelve la información solicitada, lo que facilita la comunicación y el acceso a recursos compartidos.

Cliente, en el marco de una red de computadoras

Un cliente es un dispositivo o programa que solicita servicios o recursos a un servidor en una red. Por lo general, los clientes son computadoras personales, teléfonos inteligentes o cualquier otro dispositivo que pueda conectarse a un servidor. Al interactuar con un servidor, el cliente envía solicitudes y recibe respuestas, permitiendo que se realicen tareas como acceder a sitios web, enviar correos electrónicos o utilizar aplicaciones en línea.

Hipertexto               

El hipertexto es un método de organización de información que permite a los usuarios navegar entre diferentes documentos o secciones de un mismo documento a través de enlaces. Este concepto es fundamental en la web, ya que permite crear conexiones entre diferentes piezas de información, facilitando el acceso a contenido relacionado de manera intuitiva. Gracias al hipertexto, los usuarios pueden explorar información de forma no lineal, siguiendo sus propios intereses y necesidades.

Significado de la palabra “www” en el inicio de una URL

"www" significa "World Wide Web". Se utiliza como un prefijo en muchas direcciones de sitios web para indicar que el recurso está disponible a través de la web. Sin embargo, no es obligatorio; muchos sitios pueden funcionar sin él. Su uso se ha vuelto común, pero técnicamente es solo un subdominio que puede ser modificado según las preferencias del propietario del sitio.

Dominio en una URL     

El dominio es la parte central de una URL que identifica a un sitio web específico. Por ejemplo, en la URL "www.w3schools.com", "w3schools.com" es el dominio. Los dominios son únicos y se registran a través de registradores de dominios, permitiendo que los usuarios accedan a sitios web mediante una dirección fácil de recordar en lugar de una dirección IP numérica.

                                                    Significado de Web Hosting

Web Hosting se refiere al servicio que permite a los individuos y organizaciones almacenar sus sitios web en servidores conectados a Internet. A través de un servicio de hosting, los archivos que componen un sitio web se guardan en un servidor, lo que permite que los visitantes accedan a ellos a través de sus navegadores web. Existen diferentes tipos de hosting, que varían                                                                                         en capacidad, rendimiento y costo.

Tipos de Sitios Web

• Sitios informativos
• Blogs
• Tiendas en línea (e-commerce)
• Redes sociales
• Portafolios
• Foros
• Sitios de noticias
• Sitios educativos
• Sitios gubernamentales
• Landing pages

Página Web

Una página web es un documento de contenido que se presenta en la web y puede ser visualizado a través de un navegador. Generalmente está construida con lenguajes como HTML y puede contener texto, imágenes, videos y otros elementos multimedia. A diferencia de un sitio web, que es un conjunto de páginas, una página web es una unidad individual que puede ser accesible mediante una URL específica.

Diferencia entre Sitio Web y Página Web

La principal diferencia es que un sitio web es un conjunto de páginas web interconectadas, mientras que una página web es un único documento dentro de ese conjunto. Por ejemplo, un sitio web de una empresa puede contener múltiples páginas, como la de inicio, servicios, contacto, etc, todas ellas accesibles desde el mismo dominio.

HTML y su creación

HTML son las siglas de "HyperText Markup Language". Es el lenguaje estándar utilizado para crear y estructurar páginas web. HTML permite a los desarrolladores definir elementos como encabezados, párrafos, enlaces y multimedia, organizando la información de manera que los navegadores puedan interpretarla y mostrarla correctamente al usuario.

HTML fue inventado por Tim Berners-Lee en 1989. Como parte de su trabajo en el desarrollo de la World Wide Web, buscaba una manera de estructurar y enlazar documentos a través de Internet, lo que llevó a la creación de este lenguaje fundamental. Su desarrollo marcó el inicio de la web tal como la conocemos hoy.

   

W3C

El W3C, o World Wide Web Consortium, es una organización internacional fundada en 1994 por Tim Berners-Lee. Su función es establecer estándares y directrices para mejorar la calidad y la interoperabilidad de la web. El W3C trabaja en el desarrollo de tecnologías web, asegurando que la web sea accesible y usable para todos.

Este es su Sitio Web (www.w3schools.com)

Editor de texto HTML

Un editor de texto HTML es una herramienta utilizada por los desarrolladores web para escribir y editar el código HTML de una página web. Estos editores ofrecen funcionalidades que facilitan la creación y modificación de código, como resaltado de sintaxis, autocompletado y previsualización de cambios en tiempo real.

Editores de texto para HTML

• Visual Studio Code
• Sublime Text
• Atom
• Brackets
• Bloc de notas (Notepad)
• Phoenix Code

Web 1.0

La Web 1.0 se refiere a la primera etapa del desarrollo de la web, que abarca aproximadamente desde 1991 hasta 2004. En esta fase, la mayoría de los sitios eran estáticos, con contenido que no se actualizaba frecuentemente y donde la interacción del usuario era mínima. Los usuarios principalmente consumían información sin poder interactuar o contribuir.

Web 2.0

La Web 2.0 es un término que describe la evolución de la web hacia un entorno más interactivo y colaborativo, que comenzó a mediados de la década de 2000. En esta fase, los usuarios no solo consumen contenido, sino que también pueden crear, compartir y colaborar en él. Plataformas como redes sociales, blogs y wikis son ejemplos de la Web 2.0, donde la participación activa del usuario es clave.

Versiones de HTML

• HTML 1.0 (1991)
• HTML 2.0 (1995)
• HTML 3.2 (1997)
• HTML 4.01 (1999)
• XHTML 1.0 (2000)
• HTML5 (2014)

Etiqueta de HTML

Una etiqueta de HTML es un elemento que se utiliza para definir la estructura y el contenido de una página web. Las etiquetas se escriben entre corchetes angulares y generalmente vienen en pares: una etiqueta de apertura y una de cierre. Por ejemplo, <p> es una etiqueta de apertura para un párrafo, y </p> es la etiqueta de cierre.

Atributo de una etiqueta de HTML

Un atributo es una característica adicional que se puede añadir a una etiqueta de HTML para proporcionar más información sobre el elemento. Los atributos suelen aparecer dentro de la etiqueta de apertura y tienen un nombre y un valor. Por ejemplo, en <a href="https://www.ejemplo.com">, "href" es un atributo que indica la URL a la que enlaza.

Término WYSIWYG

WYSIWYG son las siglas de "What You See Is What You Get" (en español: Lo que ves es lo que obtienes). Se refiere a un tipo de editor que permite a los usuarios ver el contenido tal como aparecerá en la web mientras lo están creando. Esto es especialmente útil para aquellos que no tienen experiencia en programación, ya que simplifica el proceso de diseño y edición.

Editores de HTML WYSIWYG

• Adobe Dreamweaver
• Microsoft Expression Web
• BlueGriffon
• KompoZer