Web 2 Yhtml

Alan Francisco Mex Uc Versiones de HTML y WEB 2
Versiones del HTML

HTML
HTML fue diseñado por Tim Berners-Lee, quien trabajaba entonces como investigador de
CERN, en 1989. Anunció oficialmente la creación de la Web en Usenet en agosto de 1991.
Sin embargo, no fue hasta 1993 que HTML se consideró suficientemente avanzado para ser
llamado lenguaje (HTML fue simbólicamente bautizado HTML 1.0). El navegador Web
usado adoptó el nombre de NCSA Mosaïc.
Cada elemento de un documento HTML consta de una etiqueta de comienzo, un bloque de

texto y una etiqueta de fin con el siguiente formato:
<etiqueta>bloque de texto</etiqueta>
En el caso de un titular de tipo 2 sería
<h2>Titular de tipo 2</h2>
Estos elementos se denominan contenedores, porque contienen un bloque de texto entre las
etiquetas de comienzo y fin. También existen elementos vacíos, que no tienen contenido y
únicamente tienen una etiqueta de inicio <etiqueta>. Podemos verlo con la etiqueta de salto
de línea
línea 1 <br> línea 2

línea 1
línea 2
Muchos elementos tienen atributos que definen propiedades del elemento:

<etiqueta atributo="valor"> bloque de texto </etiqueta>
Así en el ejemplo del título anterior podríamos añadir
<h2 align=center> Titular de nivel 1 centrado</h2>
HTML no distingue entre mayúsculas y minúsculas. Cuando es importante hacerlo, como al

poner un título o un atributo, hay que ponerlo entre comillas dobles como en
<a href=”index.aspx” title=”Hooping”>
Los comentarios se escriben en HTML empezando con 
<!ELEMENT SCRIPT - - CDATA -- lugar para colocar las sentencias del lenguaje
interpretado -->
Estos lugares disponibles para la introducción de hojas de estilo y rutinas interpretadas por
la aplicación cliente en versiones futuras del HTML. Los agentes de usuario deben ocultar
los contenidos de estos elementos.
Estos elementos son definidos con un tipo de contenido CDATA. Como resultado ellos
deberían contener solo caracteres SGML. Todo los caracteres de indicación de formato o de
delimitación son ignorados y se transfieren como datos a la aplicación, excepto en el caso
de los caracteres de delimitación ETAGO ("</") seguidos inmediatamente por un caracter
de nombre [a-zA-Z]. Esto significa que se reconoce la tarea de finalización del elemento (o
de un elemento en la cual se halle anidado), mientras que un error ocurre si el ETAGO no
es válido.
ISINDEX
<!ELEMENT ISINDEX - O EMPTY>
<!ATTLIST ISINDEX
prompt CDATA #IMPLIED -- mensaje de la línea de comandos -->
El elemento ISINDEX indica que el agente del usuario debe proveer un campo para la
introducción de datos de una línea de texto para ingresar la cadena de búsqueda. No hay
restricción sobre la cantidad de caracteres que se puedan ingresar. El atributo PROMPT se
puede utilizar para especificar una cadena de la línea de comandos en el campo para la
introducción de datos, por ej;
<ISINDEX PROMPT="Oración de búsqueda">
La semántica para ISINDEX está corrientemente bien definida sólo cuando la URL base
del documento que lo incluye es una URL de HTTP. Típicamente, cuando el usuario
presiona la tecla intro (retorno), la cadena de búsqueda se envía al servidor identificado por
la URL base de tal documento. Por ejemplo, si la cadena de búsqueda ingresada es "diez
manzanas verdes" y la URL base es
http://www.acme.com/
luego la búsqueda generada es:
http://www.acme.com/?diez+manzanas+grandes"
Nótese que los caracteres de espacio son mapeados a caracteres "+" y que se aplican los
mecanismos de escape de caracteres de URL normales. Para mayores detalles véase la
especificación HTTP.
7
Nótese que en la práctica, la cadena de búsqueda se restringe al Latin-1 puesto que no hay
un mecanismo actualmente disponible para la URL que permita especificar el conjunto de
caracteres a utilizar en una búsqueda.
BASE
<!ELEMENT BASE - O EMPTY>
<!ATTLIST BASE
href %URL #REQUIRED
>
El elemento BASE brinda la URL base a la cual se referencian las las URL relativas,
utilizando las reglas dadas por la especificación de URL, por ej.
<BASE href="http://www.acme.com/intro.html">
...
<IMG SRC="icons/logo.gif">
La imagen se referencia a
http://www.acme.com/icons/logo.gif
En ausencia de un elemento BASE debe utilizarse la URL del documento. Nótese que esto
no es necesariamente lo mismo que la URL utilizada para pedir el documento, puesto que la
URL base puede ser eclipsada por un encabezado HTTP que acompañe al documento.
META
<!ELEMENT META - O EMPTY -- Metainformación Genérica -->
<!ATTLIST META
http-equiv NAME #IMPLIED -- nombre del encabezado de la respuesta HTTP --
name NAME #IMPLIED -- nombre de la metainformación --
content CDATA #REQUIRED -- información asociada --
>
El elemento META puede utilizarse para incluir pares de nombre/valor describiendo las
propiedades del documento, tal como el autor, fecha de expiración, una lista de palabras
clave, etc. El atributo NAME especifica el nombre de la propiedad a la vez que el atributo
CONTENT especifica el valor de la propiedad, por ej.
<META NAME="Author" CONTENT="Dave Raggett">
El atributo HTTP-EQUIV puede utilizarse en lugar del del atributo NAME y posee un
significado especial cuando los documentos son obtenidos por medio del Hypertext
Transfer Protocol (HTTP). Los servidores HTTP usan el nombre de la propiedad
especificada por el attributo HTTP-EQUIV para crear una cabecera de estilo RFC 822 en la
respuesta del HTTP. Sin embargo, esto no puede ser utilizado por ciertos encabezados
HTTP, véase la especificación del HTTP para los detalles.
<META HTTP-EQUIV="Expires" CONTENT="Tue, 20 Aug 1996 14:25:27 GMT">

resultará en el siguiente encabezado HTTP:
Expires: Tue, 20 Aug 1996 14:25:27 GMT

8
Esto puede ser utilizado por los cachés para determinar cuando se debe requerir una nueva
copia del documento asociado.
LINK
LINK proporciona un método independiente del medio para la definición de las relaciones
con otros documentos y recursos. LINK ha sido parte del HTML desde sus inicios, a pesar
de lo cual muy pocos navegadores se han aprovechado de él (la mayoría ingnoran los
elementos LINK).
Los elementos LINK se puede usar en principio:

a. para barras de navegación o menús específicos del documento
b. para controlar cómo las colecciones de archivos HTML se llevan a documentos
impresos
c. para vincular recursos asociados tales como hojas de estilo y lenguaje interpretado
d. para brindar formas alternativas del documento del que se trata
<!ELEMENT LINK - O EMPTY>
<!ATTLIST LINK
href %URL #IMPLIED -- URL para los recusos vinculados --
rel CDATA #IMPLIED -- tipos de vínculos hacia adelante --
rev CDATA #IMPLIED -- tipos de vínculos hacia atrás --
title CDATA #IMPLIED -- cadena de título de aviso --
>
href
Especifica una URL señalando el recurso vinculado.
rel
La relación hacia adelante es también conocida como el "tipo de vínculo". Especifica una
relación nombrada desde el documento que la contiene hacia el recurso especificado por el
atributo HREF. Las relaciones de los vínculos HTML se encuentran todavía sin normalizar,
sin embargo se han establecido algunas convenciones.
rev
Esto define una relación hacia atrás. Un vínculo desde el documento A hacia el documento
B con una REV=relation expresa la misma relación que un vínculo de B a A con
REL=relation. REV=made se utiliza algunas veces para para identificar al autor del
documento, sea la dirección de correos electrónico del autor con el URL mailto, o un
vínculo a la página personal del autor.
title
Un título de aviso para el recurso vinculado.
Aqui están algunos valores de relación propuestos:
rel=top
El vínculo referencia la parte más alta de una jerarquía, por ej. la primera página o la tapa
de una publicación en una colección.
rel=contents
9
El vínculo referencia un documento que sirve como tabla de contenidos.

rel=index
El vínculo referencia un documento que provee un índice para el documento activo.

rel=glossary
El vínculo referencia un documento que provee un glosario de términos que son relevantes
para el documento activo.
rel=copyright
El vínculo referencia a la fórmula de derechos de publicación para el documento activo.

rel=next
El vínculo referencia el próximo documento a visitar en una recorrida guiada. Se puede

utilizar, por ejemplo, para realizar la carga con antelación de la próxima página.
rel=previous
El vínculo referencia el documento anterior en una recorrida guiada.

rel=help
El vínculo referencia un documento que ofrece ayuda, por ej. describiendo el contexto
amplio y ofreciendo vínculos adicionales a documentos relevantes. Esto tiene el propósito
de reorientar a los usuarios que han perdido su ruta.
rel=search
El vínculo referencia una página para realizar la búsqueda de material relacionado a una
colección de páginas.
Elementos LINK de ejemplo:

<LINK REL=Contents HREF=tdc.html>
<LINK REL=Previous HREF=doc31.html>
<LINK REL=Next HREF=doc33.html>
<LINK REL=Chapter REV=Contents HREF=capitulo2.html>
El elemento BODY
Este contiene el cuerpo del documento. Ambas tareas de inicio y fin para BODY puede ser
omitidas. El cuerpo puede contener un amplio espectro de elementos.
 Encabezados (H1 - H6)

 El elemento ADDRESS
 Elementos a nivel de bloque
 Elements a nivel de texto
Los atributos claves son: BACKGROUND, BGCOLOR, TEXT, LINK, VLINK and
ALINK. Estos pueden ser utilizados para establecer una imagen de fondo multiplicada, y
los colores de fondo y frente para el texto normal y los vínculos de hipertexto.
10
<!ENTITY % body.content "(%heading | %text | %block | ADDRESS)*">
<!ENTITY % color "CDATA" -- una especificación de color: #HHHHHH @@ detalles? --

>
<!ENTITY % body-color-attrs "

bgcolor %color #IMPLIED
text %color #IMPLIED
link %color #IMPLIED
vlink %color #IMPLIED
alink %color #IMPLIED
">
<!ELEMENT BODY O O %body.content>

<!ATTLIST BODY
background %URL #IMPLIED -- mosaico de textura para el fondo del documento --
%body-color-attrs; -- bgcolor, text, link, vlink, alink --
>
Ejemplo:
<body bgcolor=white text=black link=red vlink=maroon alink=fuschia>
bgcolor
Especifica el color de fondo para el cuerpo del documento. Véase más abajo para la sintaxis
de los valores de color.
text
Especifica el color utilizado para pintar el texto del documento. Esto se utiliza generalment
cuando Ud. a cambiado el color de fondo con los atributos BGCOLOR o BACKGROUND.
link
Especifica el color utilizado para pintar el texto en aquellos vínculos de hipertexto no
visitados.
vlink
Especifica el color utilizado para pintar el texto en aquellos vínculos de hipertexto ya
visitados
alink
Especifica el color de resaltamiento utilizado para pintar el texto de los vínculos de
hipertexto en el momento en que el usuario activa el vínculo.
background
Especifica una URL para una imagen que se utilizará para cubrir como mosaico el fondo
del documento.
Los colores se incluyen en el espacio de color sRGB como números hexadecimales (por ej.
COLOR="#C0FFC0"), o como uno de los dieciseis nombres de color ampliamente
conocidos. Estos colores fueron elegidos originalmente como los dieciséis colores
normados soportados con la paleta de colores del VGA de Windows.
11
HTML 4
Muchos de HTML 4 de mejoras en el ámbito de la accesibilidad se derivan de su énfasis en

la separación de la estructura y presentación. Cuando se utiliza HTML estructuralmente,
un documento puede adaptarse a diferentes ambientes de navegación, con capacidad para
fuentes grandes, colores especiales, sintetizadores de voz, y la retroalimentación táctil
dispositivos Braille. Esta adaptabilidad permite a ciegas, baja visión, daltónico, y
cognitivamente-desafió a los usuarios acceso a la Web, abrir una puerta de 600 millones de
personas con discapacidad en el mundo.
HTML 4 incluye muchos nuevos elementos y atributos para mejorar la accesibilidad de la

Web. La naturaleza multi-dimensional de las tablas HTML desde hace mucho tiempo que
plantea problemas para la navegación no visuales, pero los nuevos atributos en la TABLA ,
TH y TD elementos permiten resúmenes de mesa y una asociación más explícita entre una
célula y su información de encabezado. Estos atributos dan navegadores no-visuales la
capacidad de representar la información de una celda de cabecera, posiblemente en forma
abreviada, antes de dar el contenido de la celda.
Nuevos elementos en HTML 4 también traen mejoras de accesibilidad a las formas. El

nuevo FIELDSET elemento permite controles de formulario que se agrupan y la leyenda
elemento proporciona un título para el grupo. Al agrupar los controles relacionados con la
forma, autores especiales con los navegadores no visuales para navegar más fácilmente las
formas complicadas. Además, el nuevo ETIQUETA asociados elemento de una etiqueta de
texto con un control de formulario para que los usuarios pueden determinar más fácilmente
la información solicitada en un campo determinado.
Accesibilidad Otras mejoras incluyen una descripción completa de imágenes a través del
atributo LONGDESC en la IMG elemento, las alternativas ricas a las imágenes y vídeos a
través de la OBJETO elemento, y más rico de alternativas a los mapas de imágenes a través
de un modelo de contenido nuevo para el MAPA elemento.
Internacionalización
Para permitir la representación de las lenguas del mundo, HTML 4 adopta la Declaración
Universal de conjuntos de caracteres como su conjunto de caracteres. Las versiones
anteriores de HTML se limita a la norma ISO-8859-1, un conjunto de caracteres que sólo
manejan algunos idiomas de Europa occidental. El Conjunto de Caracteres Universal es
por carácter equivalente carácter a Unicode y contiene caracteres de casi todas las lenguas
del mundo.
El LANG y DIR atributos son nuevos en HTML 4.0 y se aplican a casi todos los elementos.
Estos atributos permiten a los autores especificar el idioma y la direccionalidad del texto.
El BDO elemento permite a los autores para anular el algoritmo bidireccional se utiliza
cuando a izquierda texto de derecha como el hebreo se presenta. HTML 4.0 también ofrece
nuevas entidades para facilitar la entrada de símbolos matemáticos y letras griegas , así
como otros caracteres especiales.
12
Hojas de Estilo
HTML 4.0 añade nuevos ganchos para hojas de estilo , que sugieren cómo se presente un
documento. El nuevo ID , CLASE , y ESTILO atributos permiten que la información de
estilo que debe atribuirse a los elementos específicos. El LINK y ESTILO elementos
tienen nuevos atributos TYPE y MEDIA para especificar el lenguaje de hojas de estilo y los
medios de comunicación de destino, respectivamente.
Del lado del cliente de secuencias de comandos

HTML 4 abarca de secuencias de comandos del lado del cliente a través de la adición de
una serie de nuevos atributos. El SCRIPT elemento ahora incluye atributos para especificar
el lenguaje de scripting, la incorporación de un script externo, y se aplaza la ejecución de
un script. Además, una serie de atributos de eventos se han agregado para permitir la
ejecución de un script en eventos como el usuario hace clic en un elemento, pulsando una
tecla, mover el ratón sobre un elemento, o cambiar el valor de un control de formulario.
El NOSCRIPT elemento, también nuevo en HTML 4.0, proporciona contenido alternativo
para los navegadores con el lado del cliente de secuencias de comandos con discapacidad o
no es compatible.
Marcos
La inclusión de marcos en HTML 4 ofrece a los autores la posibilidad de presentar
múltiples documentos en una sola ventana. El modelo utilizado en los marcos de HTML 4
no se cambia desde el modelo de marcos fallas propuesto originalmente por Netscape.
Avanzado Tablas
El modelo de tabla simple de HTML 3.2 se expande en HTML 4 para incluir grupos de
filas y columnas, mayor flexibilidad en la definición de una tabla de reglas, y las mejoras de
accesibilidad. El uso de grupos de filas ( THEAD , TFOOT , TBODY ) permite a los
navegadores visuales para hacer que las filas de encabezado y pie de página estática con las
filas del cuerpo de desplazamiento, lo que mejora la legibilidad de las tablas de gran
tamaño.
HTML 5
Está en camino, aunque todavía no se ha completado y por tanto no está soportado por
ningún navegador. Actualmente está en la fase de "Borrador", lo que indica que todavía
están discutiendo diversos detalles y por tanto, todavía puede cambiar antes de su
presentación definitiva.
Ahora bien, el World Wide Web Consorcium ya tiene más o menos claras las diferencias
que supondrá el presente HTML 4 con la futura especificación HTML 5. Por ello han
publicado un documento que cualquier interesado puede ojear para empezar a enterarse
sobre las novedades que tendremos dentro de poco en navegadores y otros sistemas de
acceso a la web.
13
Características generales
Habrá una serie de cambios en la arquitectura de la web que HTML 5 tratará de propulsar,
de lo más variados, por poner un par de ejemplos:
 Las especificaciones de HTML 5 estarán divididas en 2 públicos de destino: los

programadores y los dispositivos que lo interpretan (navegadores y demás).
Mientras que a los desarrolladores nos presentarán unos requisitos estrictos, que
tendrán diversos cambios, a los dispositivos que implementen HTML 5 se les
presentarán unas especificaciones más amplias, que respeten la compatibilidad hacia
atrás (para que sigan procesándose correctamente las páginas en HTML 4 y
anteriores).
 HTML sigue siendo un lenguaje de etiquetado, pero ahora la sintaxis puede
expresarse en etiquetas como las que venimos utilizando desde siempre y en sintaxis
XML, que varía un poquito. Nosotros podremos elegir entre expresarlo en HTML
como siempre o en una sintaxis más rígida en XML.
Cambios en el lenguaje
Se crearán diversos elementos nuevos, como SECTION, ARTICLE, ASIDE, HEADER,
FOOTER, NAV, DIALOG... incluso habrá dos nuevas etiquetas para insertar AUDIO y
VIDEO y otras para hacer cosas tan interesantes como DATAGRID, PROGRESS, TIME,
CANVAS, DETAILS...
Otra cosa que llama la atención es el campo INPUT, que ahora tendrá muchos más valores
posibles en el atributo type: datetime, date, month, week, number, url, email, color...
En ese documento encontraremos explicaciones rápidas sobre estos nuevos elementos,
además de la lista de nuevos atributos y cambios en los elementos y atributos que ya
existen. Además se van a crear una serie de APIs que ayudarán a crear aplicaciones web
más complejas.
14
Web 2.0
El concepto original del contexto, llamado Web 1.0 era páginas estáticas programadas en
HTML (Hyper Text Mark Language) que no eran actualizadas frecuentemente. El éxito de
las .com dependía de webs más dinámicas (a veces llamadas Web 1.5) donde los CMS
Sistema de gestión de contenidos (Content Management System en inglés, abreviado CMS)
servían páginas HTML dinámicas creadas al vuelo desde una actualizada base de datos. En
ambos sentidos, el conseguir hits (visitas) y la estética visual eran considerados como
factores importantes.
Los teóricos de la aproximación a la Web 2.0 creen que el uso de la web está orientado a la
interacción y redes sociales, que pueden servir contenido que explota los efectos de las
redes, 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.
Origen del término

El término fue acuñado por Dale Dougherty de O'Reilly Media en una tormenta de ideas
con Craig Cline de MediaLive para desarrollar ideas para una conferencia. Dougherty
sugirió que la web estaba en un renacimiento, con reglas que cambiaban y modelos de
negocio que evolucionaban. Dougherty puso ejemplos — "DoubleClick era la Web 1.0;
Google AdSense es la Web 2.0. Ofoto es Web 1.0; Flickr es Web 2.0." — en vez de
definiciones, y reclutó a John Battelle para dar una perspectiva empresarial, y O'Reilly
Media, Battelle, y MediaLive lanzó su primera conferencia sobre la Web 2.0 en octubre de
2004. La segunda conferencia se celebró en octubre de 2005.
En 2005, Tim O'Reilly definió el concepto de Web 2.0. El mapa meme mostrado
(elaborado por Markus Angermeier) resume el meme de Web 2.0, con algunos ejemplos de
servicios.
En su conferencia, O'Reilly, Battelle y Edouard resumieron los principios clave que creen
que caracterizan a las aplicaciones web 2.0: la web como plataforma; datos como el "Intel
Inside"; efectos de red conducidos por una "arquitectura de participación"; innovación y
desarrolladores independientes; pequeños modelos de negocio capaces de redifundir
servicios y contenidos; el perpetuo beta; software por encima de un solo aparato.
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 por Web 2.0, como propuso Xavier Ribes en 2007, "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), bien en la forma de
presentarlos o en contenido y forma simultáneamente".
15
El uso del término de Web 2.0 está de moda, dándole mucho peso a una tendencia que ha
estado presente desde hace algún tiempo. En Internet las especulaciones han sido causantes
de grandes burbujas tecnológicas y han hecho fracasar a muchos proyectos.
Además, nuestros proyectos tienen que renovarse y evolucionar. El Web 2.0 no es

precisamente una tecnología, sino es la actitud con la que debemos trabajar para desarrollar
en Internet. Tal vez allí está la reflexión más importante del Web 2.0. Yo ya estoy
trabajando en renovar y mejorar algunos proyectos, no por que busque etiquetarlos con
nuevas versiones, sino porque creo firmemente que la única constante debe ser el cambio, y
en Internet, el cambio debe de estar presente más frecuentemente.
Servicios asociados
Para compartir en la Web 2.0 se utilizan una serie de herramientas, entre las que se pueden
destacar:
 Blogs: La blogosfera es el conjunto de blogs que hay en Internet. Un blog es un
espacio web personal en el que su autor (puede haber varios autores autorizados)
puede escribir cronológicamente artículos, noticias (con imágenes y enlaces), pero
además es un espacio colaborativo donde los lectores también pueden escribir sus
comentarios a cada uno de los artículos (entradas/post) que ha realizado el autor.
Hay diversos servidores de weblog gratuitos como por ejemplo:
o Blogger.
o Wordpress.
 Wikis: En hawaiano "wikiwiki " significa: rápido, informal. Una wiki es un espacio
web corporativo, organizado mediante una estructura hipertextual de páginas
(referenciadas en un menú lateral), donde varias personas autorizadas elaboran
contenidos de manera asíncrona. Basta pulsar el botón "editar" para acceder a los
contenidos y modificarlos. Suelen mantener un archivo histórico de las versiones
anteriores y facilitan la realización de copias de seguridad de los contenidos. Hay
diversos servidores de wiki gratuitos:
o Wikia.
o Wetpaint.
o Wikipedia, es el ejemplo más conocido de wiki y de creación colaborativa
del conocimiento.
 Entornos para compartir recursos: Todos estos entornos nos permiten almacenar
recursos en Internet, compartirlos y visualizarlos cuando nos convenga desde
Internet. Constituyen una inmensa fuente de recursos y lugares donde publicar
materiales para su difusión mundial.
o Documentos: podemos subir nuestros documentos y compartirlos,
embebiéndolos en un Blog o Wiki, enviándolos por correo o enlazándolos a
facebook, twiter, etc.
 Scribd Sencillo y con recursos muy interesantes.
 Calameo
 Issuu Con una presentación magnífica.
o Vídeos: lugares donde compartimos nuestros vídeos.
 Youtube
 Universia.tv
16
o Presentaciones: existen lugares como Youtube pero para subir y compartir

tus presentaciones.
 Slideshare
 Photopeach Más para presentaciones de fotos con música.
o Fotos de la web 2.0
 Flickr
 Plataformas educativas:
o Moodle
o Webquest: Unidades didácticas interactivas y muy fáciles de crear.
Tecnología
Se puede decir que una web está construida usando tecnología de la Web 2.0 si se
caracteriza por las siguientes técnicas:
Software de servidor
La funcionalidad de Web 2.0 se basa en la arquitectura existente de servidor web pero con
un énfasis mayor en el software dorsal. La redifusión solo se diferencia nominalmente de
los métodos de publicación de la gestión dinámica de contenido, pero los servicios Web
requieren normalmente un soporte de bases de datos y flujo de trabajo mucho más robusto
y llegan a parecerse mucho a la funcionalidad de Internet tradicional de un servidor de
aplicaciones. El enfoque empleado hasta ahora por los fabricantes suele ser bien un enfoque
de servidor universal, el cual agrupa la mayor parte de la funcionalidad necesaria en una
única plataforma de servidor, o bien un enfoque plugin de servidor Web con herramientas
de publicación tradicionales mejoradas con interfaces API y otras herramientas.
Independientemente del enfoque elegido, no se espera que el camino evolutivo hacia la
Web 2.0 se vea alterado de forma importante por estas opciones.
Comparación con la "Web 1.0"

De acuerdo con Tim O'Reilly, la Web 2.0 puede ser comparada con la Web 1.0 de esta
manera:
Web 1.0 Web 2.0

DoubleClick Google AdSense
Ofoto Flickr
17
Terratv Youtube
Akamai BitTorrent
mp3.com Napster
Enciclopedia Británica Wikipedia
webs personales blogging
evite upcoming.org y EVDB
especulación de nombres de dominios optimización de los motores de búsqueda
páginas vistas coste por clic
screen scraping servicios web
publicación participación
sistema de gestión de contenidos wiki
directorios (taxonomía) etiquetas (folcsonomía)
stickiness redifusión
Aplicaciones Educativas
Anteriormente internet era propiamente unidireccional, es decir, la información era más
bien de corte informativo y no permitía la interacción directa con y entre los usuarios. Hoy
en día, se ha convertido en bidireccional y nos permite la interacción de todo tipo de
contenido, sean estos videos, imágenes, textos e inclusive almacenamiento y edición de
archivos online y en tiempo real. Estas herramientas permiten la integración de un tejido
social, es decir, una red de personas que pueden interactuar a través de los espacios que se
han generado en internet, tales como blogs, google groups, twitter, facebook, wikipedia y
un sinfín de útiles aplicaciones que permiten la interrelación de información. En este
sentido, la información necesita ser procesada, asimilada en aprendizajes útiles para los
propósitos de la educación, que verdaderamente incidan sobre los conocimientos que
imparten los docentes en sus aulas. La web 2.0 permite nuevos roles para profesores y
alumnos sobre todo en base al trabajo autónomo y colaborativo, crítico y creativo, la
expresión personal, investigar y compartir recursos, crear conocimiento y aprender... Con
sus aplicaciones de edición profesores y estudiantes pueden elaborar fácilmente materiales
de manera individual o grupal, compartirlos y someterlos a los comentarios de los lectores.
También proporciona entornos para el desarrollo de redes de centros y profesores donde
reflexionar sobre los temas educativos, ayudarse y elaborar y compartir recursos. Así, la
web se basa en un componente social, por lo que aplicada en el ámbito educativo,
constituye un potente medio para construir el conocimiento de forma colaborativa, (a los
que luego todos podrán acceder) mediante aportaciones individuales que enriquezcan el
aprendizaje y la práctica docente. Otra facilidad que proporciona en éste ámbito es la
realización de nuevas actividades de aprendizaje y de evaluación y la creación de redes de
aprendizaje.
Para que realmente se pueda realizar el trabajo educativo individual o en grupo frente un
ordenador y el ciberespacio se requieren unas premisas básicas infraestructurales:
18
 En el centro docente se debe tener una intranet educativa, aulas con ordenadores
suficientes para todos los alumnos y con conexión a internet.
 Los estudiantes necesitan disponer de ordenador y conexión a internet también en
casa.
 El profesorado deberá tener a su alcance un buen equipo para realizar y preparar
todas las actividades.
 Disponer de recursos para que los ciudadanos puedan acceder a internet como
bibliotecas, centros cívicos, zonas wifi, etc.
Así mismo, los estudiantes y el profesorado tienen que tener unas competencias mínimas
para usar bien los recursos que la web ofrece.
 Estudiantes
o Competencias digitales: saber navegar (buscar, valorar y seleccionar),
expresarse y comunicarse con otros en el ciberespacio, conocer los riesgos
(plagio, spam, falsedad)
o Competencias sociales: saber trabajar en equipo con respeto y
responsabilidad.
o Otras: capacidad de crítica, creatividad, capacidad de resolución de
problemas, iniciativa y aprendizaje autónomo, etc.
 Profesorado
o Competencias digitales: las mismas que los estudiantes.
o Competencias didácticas: aplicar modelos de uso de las aplicaciones web 2.0
bien contextualizados.
o Conocimiento de las reglas claras en cuanto a la utilización de los recursos.
Actitud favorable hacia la integración de las TIC en su actividad docente diaria y del
tiempo que ello requiere.
Por ejemplo, se podría subir y compartir archivos online en google docs o tribalos, crear
blogs con escritos formales de la materia, usar escritorios virtuales como tribalos o Eyeos o
utilizar google maps en la clase de geografía para ubicar los alumnos.
Además el conjunto de aplicaciones de la Web 2.0 permite ejecutar las siguientes acciones
en el ámbito educativo:
 Podemos compartir información (Derechos de Autor Creative Commons).
 Subir archivos a la red (Publicar y compartir información por medio de
herramientas como: Scribd, Slideshare, entre otras).
 Escribir (Colaborar en la producción de contenidos por medio de Wikis, Blogs entre
otras herramientas).
 Re-escribir la información (Editar).
 Escuchar y hablar (Participar en video o teleconferencias por medio de herramientas
como: Skype, Youtube entre otras).
 Recuperar información (A través de folcsonomías por medio de herramientas como:
Delicious, Meneame).
 Participar en redes sociales (Por medio de herramientas como: Myspace, Second
Life, Facebook).
19
A partir de lo anterior los principales beneficios que tiene la educación con la integración
de la Web 2.0 son:
 Compartir, cooperar, colaborar y participar, en la generación, investigación y
divulgación del conocimiento desde lo individual hasta lo grupal o viceversa.
 Permitir al estudiante generar competencias en el campo tecnológico e informático,
como un nuevo requerimiento que hoy en día exige al profesional del futuro,
aprender a aprender.
 Creación de redes virtuales de saberes y de investigación entre los diferentes actores
educativos, que permita la interrelación e interacción en la producción de
conocimiento.
 Participación multidireccional a través de la red.
 Ritmos de aprendizaje individual y colectivo.
20

Web 2 Yhtml

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Web 2 Yhtml

Enviado por

Direitos autorais:

Formatos disponíveis

Alan Francisco Mex Uc Versiones de HTML y WEB 2

Versiones del HTML

Cada elemento de un documento HTML consta de una etiqueta de comienzo, un bloque de

En el caso de un titular de tipo 2 sería

<h2>Titular de tipo 2</h2>

línea 1 <br> línea 2

Muchos elementos tienen atributos que definen propiedades del elemento:

HTML no distingue entre mayúsculas y minúsculas. Cuando es importante hacerlo, como al

En noviembre de 1995 se representó la primera versión oficial de HTML, denominada

<!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">

con un <a href=http://www.w3c.org>grado de purismo</a>

El HTML 3.2 es la especificación del W3C para el HTML, desarrollada a principios de

características de accesibilidad, objetos multimedia, lenguaje interpretado, hojas de estilo,

El HTML como una aplicación del SGML

En forma similar, el final de un registro que precede inmediatamente una tarea de

La estructura de los documentos HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

<!ENTITY % head.content "TITLE & ISINDEX? & BASE?">

<!ELEMENT HEAD O O (%head.content) +(%head.misc)>

1. TITLE define el título del documento, y es siempre necesario.

<TITLE>Un estudio de la dinámica de poblaciones</TITLE>

<ISINDEX PROMPT="Oración de búsqueda">

luego la búsqueda generada es:

<META HTTP-EQUIV="Expires" CONTENT="Tue, 20 Aug 1996 14:25:27 GMT">

Expires: Tue, 20 Aug 1996 14:25:27 GMT

Los elementos LINK se puede usar en principio:

El vínculo referencia un documento que sirve como tabla de contenidos.

El vínculo referencia un documento que provee un índice para el documento activo.

El vínculo referencia a la fórmula de derechos de publicación para el documento activo.

El vínculo referencia el próximo documento a visitar en una recorrida guiada. Se puede

El vínculo referencia el documento anterior en una recorrida guiada.

Elementos LINK de ejemplo:

<LINK REL=Chapter REV=Contents HREF=capitulo2.html>

 Encabezados (H1 - H6)

<!ENTITY % body.content "(%heading | %text | %block | ADDRESS)*">

<!ENTITY % color "CDATA" -- una especificación de color: #HHHHHH @@ detalles? --

<!ENTITY % body-color-attrs "

<!ELEMENT BODY O O %body.content>

Muchos de HTML 4 de mejoras en el ámbito de la accesibilidad se derivan de su énfasis en

HTML 4 incluye muchos nuevos elementos y atributos para mejorar la accesibilidad de la

Nuevos elementos en HTML 4 también traen mejoras de accesibilidad a las formas. El

Del lado del cliente de secuencias de comandos

 Las especificaciones de HTML 5 estarán divididas en 2 públicos de destino: los

Origen del término

Además, nuestros proyectos tienen que renovarse y evolucionar. El Web 2.0 no es

o Presentaciones: existen lugares como Youtube pero para subir y compartir

Comparación con la "Web 1.0"

Web 1.0 Web 2.0

Você também pode gostar