HREF Crear enlaces

Habrás oído muchas veces hablar de hipertextos y de cómo éstos sustenten el web. Un hipertexto es un modo de formatear documentos de manera no secuencial. Para comprender esta característica, podemos pensar en un libro impreso en papel cuya estructura fuera índice, capítulos y glosario. Dicha estructura es secuencial en el sentido de que se lee el índice para pasar después a los capítulos (yendo del primero al último) y acabar con el glosario de términos. Al lector, en este caso, se le marca un recorrido que le lleva a leer el primer capítulo para llegar al último. Con el hipertexto esta estructura secuencial desaparece gracias a los enlaces hipertextuales, que permiten leer el documento sin seguir necesariamente un orden predeterminado. La peculiaridad de saltar de un punto a otro del documento es típica del WWW, donde a menudo siguiendo un documento saltamos de un sitio a otro.

Los documentos HTML son hipertextos cuyo funcionamiento se debe, en su mayor parte, a los hiperenlaces o anclajes, cuya marca específica es <A>.

<A HREF>

El elemento <A> (la A corresponde al inglés Anchor) necesita una marca de apertura y una de cierre y entre ellas podemos insertar texto, imágenes y otros elementos multimedia.

Para que funcione, el elemento <A> debe estar asociado a otros atributos. De éstos, el más importante es HREF (abreviatura del inglés Hypertext Reference), que contiene el URL o página donde ir. La sintaxis es:

<A HREF="http://www.htmlpoint.com">Visita HTMLpoint</A>

En el código antes citado, si hacemos clic en el texto "Visita HTMLpoint" (comprendido entre las marcas de apertura y cierre), llegamos al URL http://www.htmlpoint.com indicado por el atributo HREF.

Es posible sustituir el texto con una imagen obteniendo un efecto idéntico.

HREF puede contener tanto enlaces a recursos externos (como en este caso), como enlaces a otros documentos de la misma dirección. Por ejemplo, si nos encontraramos en la página 1.htm y quisiéramos incluir un enlace a la página 2.htm presente en la misma carpeta, el código correcto sería:

<A HREF="2.htm">Haz clic aquí para llegar a la nueva página</A>

TARGET

TARGET es un atributo implementado por exigencias relacionadas con la gestión de los marcos. En una página dividida en marcos, este atributo indica en cuáles de ellos debe quedar visualizado el documento. No entraremos aquí en detalles sobre los marcos ya que comentaremos este tema más adelante.

Sin embargo, sí nos ocuparemos aquí de otro uso de este atributo: gracias a TARGET podemos cargar una página asociada a HREF en otra ventana del navegador usando la siguiente sintaxis:

<A HREF="http://www.htmlpoint.com" TARGET="_new">Visita HTMLpoint</A>

El atributo TARGET="_new" indica al navegador que debe cargar el enlace con http://www.htmlpoint.com en una nueva (_new) ventana.

El empleo de distintas ventanas para cada enlace es muy útil cuando se manda a recursos externos ya que nos permite no perder al visitante: el usuario de este modo tendrá abiertas dos ventanas y no dejará de tener disponible nuestra página.

TITLE

Al igual que para el elemento IMG, también en el caso de los enlaces hipertextuales podemos definir un texto con un comentario que se activará cuando pasemos el ratón por encima del enlace. La sintaxis es:

<A HREF="http://www.htmlpoint.com" TITLE="El sitio italiano sobre el web publishing">Visita HTMLpoint</A>

MAILTO (enlace a e-mail)

Es posible asimismo incluir enlaces con direcciones de correo electrónico utilizando una sintaxis algo distinta de la indicada para los URL. El código es:

<A HREF="mailto:webmaster@html.it">Escribe a HTMLpoint</A>

Haciendo clic en este enlace se abre automáticamente tu programa de correo electrónico predefinido con el campo TO ya impostado en webmaster@html.it.

Enlaces con partes de un mismo documento

Hasta ahora hemos analizado los enlaces con recursos externos o con páginas diversas de un mismo sitio. Sin embargo, podemos asimismo crear enlaces con puntos específicos de un mismo documento gracias al código <A NAME="ancora">. En otras palabras, si con los enlaces examinados hasta ahora llegamos a un documento, con <A NAME> llegamos a una parte concreta del documento.

A continuación, figura el procedimiento que hay que seguir para crear enlaces con puntos internos del documento:

Inserta la marca <A NAME="ancora"> en el punto del documento al que quieres que se llegue (.ANCORA es un identificador del punto en el que el navegador deberá visualizar la página. Obviamente puedes sustituirlo con otros términos).

En el enlace desde el que quieres llegar al punto del nuevo documento, inserta la siguiente sintaxis: 

<A HREF="#ancora">Visita HTMLpoint</A>

La almohadilla (#) indica que se trata de un enlace interno. En este ejemplo se manda a un punto de la misma página, porque a la derecha de la almohadilla aparece el nombre del enlace interno, mientras que a su izquierda no hay nada escrito. Si quisiéramos llegar a un punto concreto de un documento externo, la sintaxis correcta sería: <A HREF="nome_file.htm#ancora">Visita HTMLpoint</A>, donde "nome_file.htm" es el nombre del documento al que hay que llegar, y "ancora" es el punto preciso de dicho documento.

Propiedades de Imágenes HTML

IMG

Antes de describir en detalle la marca principal de inserción de imágenes en los hipertextos, es conveniente precisar algunos conceptos de HTML. A diferencia de muchos procesadores de texto (Ms Word, por ejemplo), los hipertextos no se "funden" con las imágenes que les sirven de acompañamiento gráfico, sino que se limitan a invocarlas desde un recorrido específico in situ o en el web. Dicho de otro modo, existe una división muy clara entre archivo .htm e imágenes (y también sonidos, apliques, etc.). Los documentos HTML se limitan a prever dentro de ellos un espacio en el que se insertan las imágenes solicitadas.

La marca <IMG> no necesita cierre y su sintaxis correcta es:

<IMG SRC="immagine.gif">

donce SRC corresponde al inglés Search y es el recorrido del que el navegador saca la imagen (en este caso "immagine.gif"). Como hemos señalado, esta marca es única en el sentido de que NO lleva como cierre el correspondiente </IMG>.

Los navegadores (Netscape, MsIe, Opera etc.) reconocen numerosos formatos gráficos, aunque los más utilizados son dos: GIF (Graphics Interchange Format) y JPEG (Joint Photographics Experts Group). En los últimos meses, asistimos a la difusión a nivel internacional de otro formato:PNG (Portable Network Graphics).

El elemento <IMG> va acompañado de diversos atributos que facilitan su uso. Veamos ahora juntos cuáles son.

ALT

El uso de texto para comentar las imágenes es una regla fundamental que debemos observar en la creación de sitios web por varias razones:

algunos navegadores pordrían estar impostados para no invocar las imágenes;

los navegadores textuales para invidentes no conseguirían interpretar las imágenes si carecieran de comentario;

es posible evitar pies de imagen incluyendo comentarios dentro de la imagen misma.

En todos estos casos, el uso de comentarios resuelve el problema y permite optimizar la página web. La sintaxis correcta de los comentarios es la siguiente:

<IMG SRC="immagine.gif" ALT="Obra de K. Haring">

WIDTH y HEIGHT

En los ejemplos vistos hasta ahora, no hemos especificado las medidas de la imagen que el navegador se ha encargado de buscar automáticamente. Es posible definir la anchura y la altura de la imagen gracias a los atributos width y height, respectivamente:

<IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 ALT="Obra de K. Haring">

donde WIDTH=178 es la dimensión horizontal (ancho) de la imagen expresada en píxel, y HEIGHT=180 la dimensión vertical (alto).

Mediante estos atributos podemos definir dimensiones diferentes de las que realmente tiene la imagen. En cualquier caso, es aconsejable insertar imágenes con su tamaño efectivo sobre todo si están en formato GIF, dado que, cuando se cambian las medidas, este formato pierde mucha calidad.

BORDER

Con el atributo BORDER podemos aplicar un borde a la imagen. Los valores son numéricos y van expresados en píxel. Si impostamos el valor BORDER en 0, la imagen no va recuadrada. Cuando omitimos este atributo, el navegador no aplica ningún borde, pero si la imagen es también un enlace automáticamente se le asignará un BORDER=1. La sintaxis correcta es:

<IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 BORDER=2 ALT="Obra de K. Haring">

HSPACE y VSPACE

Con estos dos atributos podemos establecer la distancia en píxel de la imagen a los objetos que se encuentran a los cuatro lados de la misma.

HSPACE define la distancia de los lados derecho e izquierdo de la imagen a los objetos más cercanos (texto, imágenes, apliques, etc.).

VSPACE define la distancia de los lados superior e inferior de la imagen a los objetos más cercanos (texto, imágenes, apliques, etc.). La sintaxis correcta es:

<IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 BORDER=2 VSPACE=3 HSPACE=3 ALT="Obra de K. Haring">

Estos atributos resultan útiles cuando queremos distanciar la imagen de los objetos más cercanos.

ALIGN

El atributo ALIGN define la posición de la imagen respecto al texto colocado inmediatamente antes o después de la misma. Existen varias opciones para el atributo ALIGN:

ALIGN=top: alinea la primera línea de texto con la parte superior de la imagen.

ALIGN=middle: alinea la primera línea del texto con el centro de la imagen.

ALIGN=bottom: alinea la primera línea de texto con la parte inferior de la imagen.

ALIGN=left: el texto se coloca a la derecha de la imagen empezando desde la parte superior de la misma.

ALIGN=right: el texto se coloca a la izquierda de la imagen empezando desde la parte superior de la misma.

<HTML>
<HEAD>
<META name="keywords" Content="HTML, realizacion de paginas web, portada">
<META name="description" content="Pagina web HTML">
<meta name="GENERATOR" content="Bloc de notas">
<META name="author" content="Kevin Ortiz Flores">
<TITLE>Imagenes</TITLE>
<BODY BGCOLOR="white">
<IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 BORDER=2 ALT="Obra de K. Haring" align=right>
Esta lección enseña cómo insertar imágenes en los documentos HTML,
gracias al elemento IMG y a todos los atributos que se pueden aplicar.<br>
En particular, estamos tratando de la colocación del texto respecto a las imágenes con el atributo ALIGN.
</HEAD>
</HTML>

Propiedades del tag LISTA

Junto con encabezados y párrafos, son otro de los elementos HTML más comunes. Pueden darse cinco tipos diferentes de listas, cada uno con tags distintas aunque con alguna en común:

   1.- Listas numeradas u ordenadas: Se engloban por las tags <ol>.....</ol> y cada elemento de la lista estará encabezado por la tag<li> que puede o no llevar la tag de cierre </li>. Es conveniente que cada elemento de la lista esté en una línea nueva aunque todo seguido consiga en la presentación el mismo efecto. Cuando el navegador interpreta una lista ordenada, numera y sangra cada elemento en forma secuencial, aunque se introduzcan modificaciones.

   2.- Listas con viñetas o sin orden: Se engloban por las tags <ul>.....</ul> y cada elemento de la lista, también estará encabezado por la tag <li>. El resultado es que el navegador inserta viñetas (marcadores) delante de cada elemento.

   3.- Listas de menú y de directorio: Están en desuso puesto que su resultado suele ser, prácticamente, idéntico al de las listas con viñetas.
Menú: Englobadas por las tags <menu>.....</menu> y cada elemento encabezado por la tag <li>.
Directorio: Englobadas por las tags <dir>.....</dir> y cada elemento encabezado por la tag <li>.

   4.- Listas de glosario: Cada elemento de la lista está compuesto por un término y una definición y cada una de estas partes tiene su propia tag. Estas listas se engloban con las tags <dl>.....</dl>. Para el término se usa la tag <dt> y para la definición la tag <dd>. Generalmente el navegador colocará término y definición en dos líneas diferentes pero esto se puede evitar añadiendo a la tag de apertura el atributo compact: <dl compact>.

   5.- Listas anidadas: Consiste en poner una lista dentro de otra, de manera que la lista secundaria sangre respecto a la principal. Puede jugar con los diferentes tipos de lista pero recuerde estructurar bien las tags: Las tags de la lista principal englobarán todo el conjunto de las listas y las tags de las listas secundarías se cerraran antes de volver a la lista principal. Ahora quizá le empiece a convenir sangrar el propio código conforme lo va escribiendo en HTML. 

<HTML>
<HEAD>
<TITLE>Propiedades del tag LISTA</TITLE>
</HEAD>
<BODY>
<font face="verdana" size="3">
<H1>LISTAS</H1>
<b>-Una lista ordenada</b>
<ol>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ol>
<b>-Una lista sin ordenar </b>
<ul>
<li>Uno</li>
<li>Dos</li>
<li>Tres</li>
</ul>
<b>-Una lista de glosario </b>
<dl>
<dt><u>T&eacute;mino 1</u></dt>
<dd><i>Definici&oacute;n 1</i></dd>
<dt><u>T&eacute;mino 2</u></dt>
<dd><i>Definici&oacute;n 2</i></dd>
</dl>
<b>-Listas anidadas </b>
<ul>
<li>Uno
   <ul>
   <i><li>Uno</li>
   <li>Dos</li>
   <li>Tres</li></i>
   </ul>
</li>
<li>Dos</li>
<li>Tres</li>
</ul>
</font>
</BODY>
</HTML>  

Tags de control de texto

<B>, <I>, <U> son tres de las marcas de formatación tipográfica más usadas del HTML. Todas ellas deben constar de apertura y cierre:

<B> Texto en negrita </B>
El texto comprendido entre estas marcas queda formateado en negrita (la B corresponde al inglés BOLD).

<I> Texto en cursiva </I>
El texto comprendido entre estas marcas queda formateado en cursiva (la I corresponde al inglés ITALIC)

<U> Texto subrayado </U>
El texto comprendido entre estas marcas queda subrayado aun sin ser un enlace (la U corresponde al inglés UNDERLINE).

Existe también la marca STRIKE para el texto tachado:
<STRIKE> Texto tachado </STRIKE>

<HTML>

<HEAD>

<TITLE>Tags de control de texto</TITLE>

<BODY BGCOLOR="white">

<FONT FACE="arial" SIZE=7 COLOR=blue>

<B> Texto negrita con B </B><br><br>

<I> Texto cursiva con I </I><br><br>

<U> Texto subrayado con U </U><br><br>

<STRIKE> Texto tachado con STRIKE </STRIKE></FONT>

</BODY>

</HEAD>

</HTML>

 

<SUP> y <SUB>

Estas dos marcas tipográficas crean respectivamente superíndices(SUP), en los que el texto está en posición ligeramente superior respecto al texto normal, y subíndices (SUB), posición ligeramente inferior respecto al texto normal. Es posible anidar diversas marcas a fin de obtener efectos de superposición sucesiva. Estos elementos se usan, sobre todo, en las notas o en las fórmulas matemáticas.

<HTML>

<HEAD>

<TITLE>Superíndice y Subíndice</TITLE>

<BODY BGCOLOR="white">

<FONT FACE="arial" SIZE=7 COLOR=blue>

<SUP>&copy;</SUP>Superíndice<br><br>

<SUB>&copy;</SUB>Subíndice

</FONT>

</HEAD>

</HTML>

FONT - Formatea el texto

La marca FONT se emplea para formatear el tipo y tamaño del texto en algunos puntos del documento específicos. En realidad, si la marca FONT abriera y cerrara el documento, todo el texto comprendido dentro quedaría formateado tal y como estuviera indicado. Sin embargo, conceptualmente la marca FONT ha sido concebida para definir partes limitadas de texto. Por otro lado, mientras TEXT determina tan sólo en color del texto, la marca FONT puede definir el tipo utilizado, así como su tamaño y color.
Aquí tienes la sintaxis correcta de la marca:

<HTML>

<HEAD>

<TITLE>Utilizando el tag FONT</TITLE>

<BODY BGCOLOR="yellow">

<FONT FACE="arial" SIZE=7 COLOR=red> 

EN ESTE TEXTO SE APLICÓ EL TAG &quotFONT&quot 

</FONT>

</BODY>

</HEAD>

</HTML>

<FONT FACE="arial" SIZE=7 COLOR=red>

El atributo FACE="arial" indica el tipo que se visualizará; SIZE=7 el tamaño del tipo, que puede estar comprendido entre 1 y 7 (mayor dimensión cuanto más cercano al 7); COLOR=red indica el color del texto (que puede expresarse asimismo en valores hexadecimales).

CMS - Sistema de Gestion de Contenidos

Un sistema de gestión de contenidos (o CMS, del inglés Content Management System) es un programa que permite crear una estructura de soporte (framework) para la creación y administración de contenidos, principalmente en páginas web, por parte de los administradores, editores, participantes y demás usuarios.
Consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido del sitio web. El sistema permite manejar de manera independiente el contenido y el diseño. Así, es posible manejar el contenido y darle en cualquier momento un diseño distinto al sitio web sin tener que darle formato al contenido de nuevo, además de permitir la fácil y controlada publicación en el sitio a varios editores. Un ejemplo clásico es el de editores que cargan el contenido al sistema y otro de nivel superior (moderador o administrador) que permite que estos contenidos se
an visibles a todo el público (los aprueba).

WEB 1.0, 2.0 y 3.0

LA WEB 1.0 (Internet básica)

La Web 1.0 empezó en los años 60's junto al Internet, de la forma más básica que existe, con navegadores de solo texto, como ELISA, era bastante rápido pero muy simple. Después en los 90 surgió HTML (Hyper Text Markup Language) como lenguaje hipertexto e hizo que las páginas Web sean más agradables a la vista y puedan contener componentes como imágenes, formatos y colores. Los primeros navegadores visuales fueron Netscape e Internet Explorer.

Esta Web es de solo lectura, ya que el usuario no puede interactuar con el contenido de la página (ningún comentario, respuesta, etc.). Estando la información totalmente limitada a lo que el Webmaster pueda publicar.

Limitada, usada fundamentalmente para publicar documentos y realizar transacciones. Con ella, las grandes empresas inauguraron su estrategia online. Crearon un sitio donde publicar información corporativa, y desarrollaron planes de marketing y ventas que incorporaban la Web como nexo con los clientes.

Ventajas

·         Exposición al mundo entero a través del Internet.

·         El presentador de la información tiene total control y autoridad de lo publicado.

Desventajas

·         La comunicación es pasiva.

·         No se permite retro alimentación perdiendo la oportunidad de tener acceso a información relevante.

·         No se conoce inmediatamente la reacción del público en relación a la información compartida.

LA WEB 2.0 (La red social/la de la colaboración)

Se refiere a una segunda generación de Web basada en comunidades de usuarios y una gama especial de servicios, como las redes sociales, los blogs, los wikis o las folcsonomías, que fomentan la colaboración y el intercambio ágil de información entre los usuarios, donde el estaticismo de las páginas pasa a transformarse en una matriz de interacción del usuario con la Red pudiendo él mismo incluir su propia información en el sistema, creando o no webs interactivas y visuales. Es decir, los sitios Web 2.0 actúan más como puntos de encuentro, o webs dependientes de usuarios, que como webs tradicionales.

Además es la transición que se ha dado de aplicaciones tradicionales hacia aplicaciones que funcionan a través del Web enfocadas al usuario final. Se trata de aplicaciones que generen colaboración y de servicios que reemplacen las aplicaciones de escritorio. Es una etapa que ha definido nuevos proyectos en Internet y está preocupándose por brindar mejores soluciones para el usuario final. En general, cuando mencionamos el término Web 2.0 nos referimos a una serie de aplicaciones y páginas de Internet que utilizan la inteligencia colectiva para proporcionar servicios interactivos en red dando al usuario el control de sus datos. Así, podemos entender como 2.0 todas aquellas utilidades y servicios de Internet que se sustentan en una base de datos, la cual puede ser modificada por los usuarios del servicio, ya sea en su contenido  añadiendo, cambiando o borrando información o asociando datos a la información existente.

Esta tecnología ayuda a las empresas a ser más competitivas y posicionarse en el mercado a través de varias vertientes. Además de esta característica, la web 2.0 posee enriquecimientos como los blogs, que aportan un beneficio a las comunicaciones internas de la empresa y una comunicación permanente con el cliente con sus comentarios y aportaciones. También es posible gracias a esta tecnología, crear wikis para definir un lenguaje básico corporativo.

Ventajas:

1.    Extrapolación y sindicación absoluta. El hecho de que todas las aplicaciones se realicen sobre Web, va a permitir que entre ellas se pueda compartir toda la información (principalmente gracias a XML). Esto nos va a permitir:

1.1. Propagación inmediata de contenido e información (RSS) que va a permitir un mejor desarrollo de la estructura en red.

1.2. Uso de otras fuentes para desarrollar nuevas aplicaciones. Esta cuestión va a permitir que el desarrollo de nuevas aplicaciones se centre en la aportación de valor añadido, centrando los recursos en lo nuevo, y sacando partido de lo hecho por otros.

2.    Aplicaciones (software) como servicio y no como producto.

2.1. Esto elimina el coste de acceso de las pymes a la tecnología más moderna, anulando las barreras de entrada a competir en los mercados por esa vía.

2.2. El pago se hace por servicio, lo que en pequeñas empresas es una muy pequeña cantidad en relación al coste de la plataforma que obtiene y fuera de su alcance a través de inversiones que las sacarían del mercado.

2.3. Es un servicio externalizado, sin barreras de salida para el cambio, lo que permite una mayor dinamicidad al no estar apalancada negativamente por las inversiones (lo que obliga a las empresas ASP a innovar continuamente y ofrecer servicios de valor añadido constantemente).

2.4. Las innovaciones son constantes (entre otras cuestiones porque la estrategia de supervivencia de las ASP radica en ello), sin necesidad de actualizaciones ni cambios.

3.    Ubicuidad. La Web ya se ha consagrado como el canal de interoperabilidad por excelencia. Es decir, las aplicaciones basadas en Web pueden desarrollarse en cualquier terminal (y no necesariamente en los PC): ordenadores, móviles, PDAs, TV digital,…Esto va a permitir tener la información en todo momento y desde cualquier terminal con conexión a Internet.

4.    Cooperación. Las necesidades de la sociedad y empresa red radican principalmente en la cooperación entre los diferentes actores. Estos sistema permiten anular prácticamente los costes para ello (incluido los costes de relaciones sociales), llegando incluso a la cooperación entre actores que no mantienen relación. La estructura del sistema coordinará la relación.

5.    Seguridad. Si bien es un aspecto en debate (y como tal lo recojo también en las desventajas), a nivel de pymes la capacidad de seguridad y de protección de datos de servidores de empresas profesionales será siempre mucho mayor que la mantenida en servidores compartidos o en los mismos ordenadores de gestión diaria. Pérdidas de datos por fallos del sistema, virus, ataques,…son constantes en los ordenadores personales sin que se mantengan copias de seguridad adecuadas y siendo el coste de restauración muy elevado para estas empresas.

Desventajas:

1.       La seguridad de datos confidenciales, como la contabilidad, facturación, etc.  es uno de los aspectos que más se debaten, al estar almacenados en servidores ajenos. Centrándonos en las necesidades de las pymes es probable que los datos estén en mejor recaudo de servidores de empresas dedicadas a ello que en ordenadores que normalmente son mucho más vulnerables a ataques de virus, troyanos, espías, etc.

2.       La conexión a Internet. La dependencia del sistema a la conexión de Internet sigue siendo una barrera a su adopción. Si bien las empresas de telecomunicaciones cada vez son más fiables y mantienen mejores conexiones, siempre existe la posibilidad de quedarse sin conexión en la mitad de una jornada laboral, lo que impediría el uso del sistema. No obstante, este problema debe convertirse tan residual como la caída de la energía eléctrica, que si bien ocurre, no es causa suficiente como para no operar en base a ella.

LA WEB 3.0 (La red semántica)

Podemos identificar la Web semántica como una forma de Web 3.0. Existe una diferencia fundamental entre ambas versiones de Web (2.0 y semántica) y es el tipo de participante y las herramientas que se utilizan. La 2.0 tiene como principal protagonista al usuario humano que escribe artículos en su blog o colabora en un wiki. El requisito es que además de publicar en HTML emita parte de sus aportaciones en diversos formatos para compartir esta información como son los RSS, ATOM, etc. mediante la utilización de lenguajes estándares como el XML. Con esta nueva transformación se permitirá la actualización y el dinamismo perpetuo a través de una interacción constructivista y organizativa de contenidos y estructuras por parte del usuario. El término Web 3.0 es asociado por la prensa generalista al concepto de Web semántica que se está desarrollando bajo la tutela de Tim Berners-Lee, el mismo que inventó la Web a principios de los 90. Las características que diferencian esta etapa de las anteriores se podrían resumir en:

Ø  Transformación de la estructura Web actual en la de Web semántica.

Ø  Utilización de Inteligencia Artificial en combinación con la nueva estructura.

Ø  Prevalencia del usuario en la creación, organización y rendimiento del contenido a través de un modelo de cooperación globalizada.

La web 3.0 es La inteligencia humana y la de las máquinas combinadas. Información más rica, relevante, oportuna y accesible. Con lenguajes más potentes, redes neurales, algoritmos genéticos, la Web 3.0 pone el énfasis en el análisis y la capacidad de procesamiento. Y en cómo generar nuevas ideas a partir de la información producida por los usuarios. Quien invierta en eso y, en el nuevo mundo transparente, concentre energía y medios en comunicarse y generar confianza desde la Web, será el dueño de las ventajas competitivas.

Se identifica al término de WEB 3.0 como la “Web Semántica” según el creador de la World Wide Web, Tim Berners-Lee.

Todavía no se llega a comprender al 100% lo que significa la WEB 2.0 y cuáles son sus beneficios, cuando ya se está hablando del término WEB 3.0 la que promete transformar nuestra experiencia Web.

Algunas personas consideran que la WEB 3.0 será una revolución si es que se logra una combinación correcta en el contenido semántico dentro de las páginas web y el uso de lo que se ha venido mencionando por mucho tiempo, la inteligencia artificial, la cual podrá sacar el mejor jugo de esta combinación. Este esfuerzo de combinar dos poderosas herramientas para el beneficio de la experiencia en Web

Ventajas de la web 3.0:

·            El código es mucho más sencillo de desarrollar y mantener.

·            Los buscadores encuentran información relevante más fácilmente.

·            Es mucho más sencillo hacer modificaciones al diseño o compartir información.

·            No se depende de un solo servicio para obtener información, sino que ésta puede estar distribuida en varios sitios y juntarla en un tercero.

Desventajas de la web 3.0:

·         Hay que tener más cuidado con la seguridad de la información del sitio.

AVANCE DE LAS WEBS