1

Unidad Educativa

“Julio María Matovelle”

Estudiante:

Alexis Jesús Tapia Yepez

Profesor:

Manuel Sagbay Ordoñez

Curso:

COMPUTACION

2

3° BachilleratoAño Lectivo:

2014-2015

Dedicatoria:

A mi madre por haberme apoyado en todo momento, por sus consejos, sus valores, por la motivación constante que me ha permitido ser una persona de bien, pero más que nada, por su amor. A mi hermana por ser el ejemplo de una hermana mayor y de la cual aprendí aciertos y de momentos difíciles y a todos aquellos que ayudaron directa o indirectamente a realizar este documento.

A mi maestro por su gran apoyo y motivación para la culminación de nuestros estudios profesionales, por su apoyo ofrecido en este trabajo, por haberme transmitidos los conocimientos obtenidos y haberme llevado pasó a paso en el aprendizaje.

3

Introducción:

La web, la misma que ya hemos hablado anteriormente, representa uno de los mayores logros de la humanidad con respecto a la comunicación.

La web que vio su nacimiento en 1989 consiste en un bonche de documentos web conectados por medio de hipervínculos, representó para los medios de comunicaciones uno de los mayores logros debido a que, es rápida y todos pueden participar, algo que en los medios tradicionales no se podía lograr.

Se dice que en un futuro no muy lejano  la web ocasionará (o está ocasionando) la extinción de los medios tradicionales, tales como la televisión, periódicos y el radio, con estos últimos dos es más evidente esta predicción pues últimamente se han venido cerrando estaciones de radio e importantes empresas que distribuyen periódicos alrededor del mundo.

4

Justificación:

La Web 1.0 (1993-2004) es un tipo de web estática con documentos que jamás se actualizaban y los contenidos dirigidos a la navegación HTML y GIF. Es la forma más básica que existe, con navegadores de sólo texto bastante rápidos. Después surgió el HTML que hizo las páginas web más agradables a la vista, así como los primeros navegadores visuales tales como IE, Netscape, Explorer (en versiones antiguas), etc.

La Web 1.0 es de sólo lectura. El usuario no puede interactuar con el contenido de la página (nada de comentarios, respuestas, citas, etc), estando totalmente limitado a lo que el Webmaster sube a ésta.

Web 1.0 se refiere a un estado de la World Wide Web, y cualquier página web diseñada con un estilo anterior del fenómeno de la Web 2.0. Es en general un término que ha sido creado para describir la Web antes del impacto de la «fiebre punto com» en el 2001, que es visto por muchos como el momento en que el internet dio un giro.

5

Índice:1. ¿Qué es la Web 1.0?

2. Historia de la Web 1.0

3. Html

3.1.Historia del Html

3.2.Códigos Html básicos

3.3.Nociones básicas de Html

4. Características

5. Ejemplos de Web 1.0

5.1.Servicio de Publicidad

5.2.Enciclopedias

5.3.Páginas Personales

5.4.Comunidades Fotográficas

5.5.Ofimática

5.6.Comunicación

6. Herramientas Fundamentales de la Web 1.0

7. Cosas que no Sabías

6

1. ¿Qué es la Web 1.0?

   La web 1.0 es un tipo de web estática con documentos que jamás se

actualizaban y los contenidos dirigidos a la navegación HTML y GIF. En

ella se subían documentos que JAMAS se actualizaban lo cual era un

problema cuando la información era renovada o pasaban cosas que hiciera

que cambiaran los datos. Usaban un formato HTML para poder guardar y

crear las páginas, debido a que como no eran tantas se podía llevar un

registro acerca de lo que se subía a la Internet.

2. Historia de la Web 1.0

La web ha tenido según la mayoría de los expertos (hasta ahora) tres etapas:

La web 1.0 la web 2.0 la web .3

7

La web 1.0 que básicamente se refiere a un sitio web que utiliza un montón de

documentos en HTML (Hyper Text Markup Language) interconectos con

enlaces vino a representar páginas web más agradables a la vista (pues el

concepto de la web 1.0 se diseñó desde los 60′s) y los primeros navegadores

visuales como IE, Netscape, etc. Es decir, la web 1.0 nació cuando vio la vida

la web en general, un sitio en HTML conectado con enlaces.

La realidad es otra, a pesar de que hace años que nació la web 1.0, la mayoría

pensaría que está extinta, pero no, aún en estos tiempos en los que

prácticamente estamos entrando en la web 3.0, aún siguen habiendo empresas

y personas que utilizan la web 1.0 como si fuera algo novedoso en la

tecnología. La web 1.0 es el madre de lo que conocemos ahora pero… está

extinta, aquel que la siga utilizando es una persona que no tiene la más

remota idea del camino que sigue la web.

3. Html

HTML, siglas de HyperText Markup Language («lenguaje de marcas de

hipertexto»), hace referencia al lenguaje de marcado para la elaboración de

páginas web. Es un estándar que sirve de referencia para la elaboración de

páginas web en sus diferentes versiones, define una estructura básica y un

código (denominado código HTML) para la definición de contenido de una

página web, como texto, imágenes, etc. Es un estándar a cargo de la W3C,

organización dedicada a la estandarización de casi todas las tecnologías

ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Es

el lenguaje con el que se definen las páginas web.

8

El lenguaje HTML basa su filosofía de desarrollo en la referenciación. Para

añadir un elemento externo a la página (imagen, vídeo, script, etc.), este no se

incrusta directamente en el código de la página, sino que se hace una

referencia a la ubicación de dicho elemento mediante texto. De este modo, la

página web contiene sólo texto mientras que recae en el navegador web

(interpretador del código) la tarea de unir todos los elementos y visualizar la

página final. Al ser un estándar, HTML busca ser un lenguaje que permita que

cualquier página web escrita en una determinada versión, pueda ser

interpretada de la misma forma (estándar) por cualquier navegador web

actualizado.

Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y

suprimido diversas características, con el fin de hacerlo más eficiente y

facilitar el desarrollo de páginas web compatibles con distintos navegadores y

plataformas (PC de escritorio, portátiles, teléfonos inteligentes, tabletas, etc.).

Sin embargo, para interpretar correctamente una nueva versión de HTML, los

desarrolladores de navegadores web deben incorporar estos cambios y el

usuario debe ser capaz de usar la nueva versión del navegador con los

cambios incorporados. Usualmente los cambios son aplicados mediante

parches de actualización automática (Firefox, Chrome) u ofreciendo una

nueva versión del navegador con todos los cambios incorporados, en un sitio

web de descarga oficial (Internet Explorer). Un navegador no actualizado no

será capaz de interpretar correctamente una página web escrita en una versión

de HTML superior a la que pueda interpretar, lo que obliga muchas veces a

los desarrolladores a aplicar técnicas y cambios que permitan corregir

problemas de visualización e incluso de interpretación de código HTML. Así

mismo, las páginas escritas en una versión anterior de HTML deberían ser

9

actualizadas o reescritas, lo que no siempre se cumple. Es por ello que ciertos

navegadores aún mantienen la capacidad de interpretar páginas web de

versiones HTML anteriores. Por estas razones, aún existen diferencias entre

distintos navegadores y versiones al interpretar una misma página web.

3.1. Historia del HTML

Tim Berners-Lee en 19911 2 describe 22 elementos que incluyen

el diseño inicial y relativamente simple de HTML. Trece de estos

elementos todavía existen en HTML 4.

Berners-Lee consideraba a HTML una ampliación de SGML, pero

no fue formalmente reconocida como tal hasta la publicación a

mediados de 1993, por la IETF, de una primera proposición para

una especificación de HTML: el boceto Hypertext Markup

Language de Berners-Lee y Dan Connolly, el cual incluía una

Definición de Tipo de Documento SGML para definir la gramática.

El boceto expiró luego de seis meses, pero fue notable por su

reconocimiento de la etiqueta propia del navegador Mosaic usada

para insertar imágenes sin cambio de línea, que reflejaba la

filosofía del IETF de basar estándares en prototipos con éxito. De

la misma manera, el boceto competidor de Dave Raggett HTML+

(Hypertext Markup Format) (Formato de Marcaje de Hipertexto),

de finales de 1993, sugería estandarizar características ya

implementadas, como las tablas.

10

3.2. Códigos HTML básicos

<html>: define el inicio del documento HTML, le indica al

navegador que lo que viene a continuación debe ser interpretado como

código HTML. Esto es así de facto, ya que en teoría lo que define el

tipo de documento es el DOCTYPE, que significa la palabra justo tras

DOCTYPE el tag de raíz.

<script>: incrusta un script en una web, o llama a uno mediante

src="url del script". Se recomienda incluir el tipo MIME en el atributo

type, en el caso de JavaScript text/javascript.

<head>: define la cabecera del documento HTML; esta cabecera

suele contener información sobre el documento que no se muestra

directamente al usuario como, por ejemplo, el título de la ventana del

navegador. Dentro de la cabecera <head> es posible encontrar:

<title>: define el título de la página. Por lo general, el título

aparece en la barra de título encima de la ventana.

<link>: para vincular el sitio a hojas de estilo o iconos. Por

ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">.

<style>: para colocar el estilo interno de la página; ya sea usando

CSS u otros lenguajes similares. No es necesario colocarlo si se va a

vincular a un archivo externo usando la etiqueta <link>.

<meta>: para metadatos como la autoría o la licencia, incluso para

indicar parámetros http (mediante http-equiv="") cuando no se pueden

11

modificar por no estar disponible la configuración o por dificultades

con server-side scripting.

<body>: define el contenido principal o cuerpo del documento. Esta

es la parte del documento html que se muestra en el navegador; dentro

de esta etiqueta pueden definirse propiedades comunes a toda la

página, como color de fondo y márgenes. Dentro del cuerpo <body> es

posible encontrar numerosas etiquetas. A continuación se indican

algunas a modo de ejemplo:

<h1> a <h6>: encabezados o títulos del documento con diferente

relevancia.

<table>: define una tabla.

<tr>: fila de una tabla.

<td>: celda de una tabla (debe estar dentro de una fila).

<a>: hipervínculo o enlace, dentro o fuera del sitio web. Debe

definirse el parámetro de pasada por medio del atributo href. Por

ejemplo: <a href="http://www.example.com" title="Ejemplo"

target="_blank" tabindex="1">Ejemplo</a> se representa como

Ejemplo).

<div>: división de la página. Se recomienda, junto con css, en vez

de <table> cuando se desea alinear contenido.

<img>: imagen. Requiere del atributo src, que indica la ruta en la

que se encuentra la imagen. Por ejemplo: <img

12

src="./imágenes/mifoto.jpg" />. Es conveniente, por accesibilidad,

poner un atributo alt="texto alternativo".

<li><ol><ul>: etiquetas para listas.

<b>: texto en negrita (etiqueta desaprobada. Se recomienda usar

la etiqueta <strong>).

<i>: texto en cursiva (etiqueta desaprobada. Se recomienda usar

la etiqueta <em>).

<s>: texto tachado (etiqueta desaprobada. Se recomienda usar la

etiqueta <del>).

<u>: Antes texto subrayado. A partir de HTML 5 define

porciones de texto diferenciadas o destacadas del resto, para indicar

correcciones por ejemplo. (etiqueta desaprobada en HTML 4.01 y

redefinida en HTML 5)

La mayoría de etiquetas deben cerrarse como se abren, pero con una

barra («/») tal como se muestra en los siguientes ejemplos:

<table><tr><td>Contenido de una celda</td></tr></table>.

<script>Código de un script integrado en la página</script>.

13

3.3. Nociones básicas de HTML

El lenguaje HTML puede ser creado y editado con cualquier editor de

textos básico, como puede ser Gedit en Linux, el Bloc de notas de

Windows, o cualquier otro editor que admita texto sin formato como

GNU Emacs, Microsoft Wordpad, TextPad, Vim, Notepad++, entre

otros.

Existen, además, otros editores para la realización de sitios web con

características WYSIWYG (What You See Is What You Get, o en

español: «lo que ves es lo que obtienes»). Estos editores permiten ver

el resultado de lo que se está editando en tiempo real, a medida que se

va desarrollando el documento. Ahora bien, esto no significa una

manera distinta de realizar sitios web, sino que una forma un tanto más

simple, ya que estos programas, además de tener la opción de trabajar

con la vista preliminar, tiene su propia sección HTML, la cual va

generando todo el código a medida que se va trabajando. Algunos

ejemplos de editores WYSIWYG son KompoZer, Microsoft FrontPage

o Adobe Dreamweaver.

Combinar estos dos métodos resulta muy interesante, ya que de alguna

manera se ayudan entre sí. Por ejemplo, si se edita todo en HTML y de

pronto se olvida algún código o etiqueta, simplemente me dirijo al

editor visual o WYSIWYG y se continúa ahí la edición o viceversa, ya

que hay casos en que resulta más rápido y fácil escribir directamente el

código de alguna característica que el usuario desea adherir al sitio que

buscar la opción en el programa mismo.

14

Existe otro tipo de editores HTML llamados WYSIWYM que dan más

importancia al contenido y al significado que a la apariencia visual.

Entre los objetivos que tienen estos editores es la separación del

contenido y la presentación, fundamental en el diseño web.

HTML utiliza etiquetas o marcas, que consisten en breves

instrucciones de comienzo y final, mediante las cuales se determina la

forma en la que debe aparecer en su navegador el texto, así como

también las imágenes y los demás elementos, en la pantalla del

ordenador.

Toda etiqueta se identifica porque está encerrada entre los signos

menor que y mayor que (<>), y algunas tienen atributos que pueden

tomar algún valor. En general las etiquetas se aplicarán de dos formas

especiales:

Se abren y se cierran, como por ejemplo: <b>negrita</b>, que se

vería en su navegador web como negrita.

No pueden abrirse y cerrarse, como <hr />, que se vería en su

navegador web como una línea horizontal.

Otras que pueden abrirse y cerrarse, como por ejemplo <p>.

15

4. Características

Algunos elementos de diseño típicos de un sitio Web 1.0 incluyen:

Páginas estáticas en vez de dinámicas por el usuario que la visita3

El uso de framesets o Marcos.

Extensiones propias del HTML como <blink> y <marquee>, etiquetas

introducidas durante la guerra de navegadores web.

Libros de visitas en línea o guestbooks

Botones GIF, casi siempre a una resolución típica de 88x31 pixels en

tamaño promocionando navegadores web u otros productos.4

Formularios HTML enviados vía correo electrónico. Un usuario llenaba

un formulario y después de hacer clic se enviaba a través de un cliente

de correo electrónico, con el problema que en el código se podía

observar los detalles del envío del correo electrónico.5

No se podían añadir comentarios ni nada parecido

Todas sus páginas se creaban de forma fija y muy pocas veces se

actualizaban.

No se trata de una nueva versión, sino de una nueva forma de ver las

cosas.

16

5. Ejemplos de Web 1.0

Para conocer mejor como ha ido evolucionando la Web 2.0, a continuación

se podrán observar unos ejemplos:

5.1. Servicio de Publicidad

Doubleclick:

Originalmente, Doubleclick mostraba anuncios publicitarios en

las páginas web contratadas por agencias publicitarias.

Actualmente es propiedad de Google.

http://www.google.com/doubleclick/

5.2. Enciclopedias

Britannica Online:

La enciclopedia británica presenta un contenido que es

administrado por un grupo cerrado y es estático en el tiempo:

www.britannica.com/

5.3. Páginas Personales

Sitios personales

Páginas web compuestas por información textual e hiperenlances,

generalmente con contenido estático. Por ejemplo:

www.carlosslim.com/biografia.html

17

5.4. Comunidades Fotográficas

Ofoto:

Servicio fotográfico online que permite compartir álbumes de

fotografías en línea en la dirección www.ofoto.com.

5.5. Ofimática

Microsoft Office

Aunque es una aplicación de escritorio, Microsoft Office era la

única herramienta que nos permitía realizar documentos, hojas de

cálculo y presentaciones, pero restringidas a nuestro computador.

Para mayor información sobre los programas de Office ingrese

en office.microsoft.com.

5.6. Comunicación

Formularios de contacto o correo electrónico

En la Web 1.0 la comunicación de los clientes con las empresas se

realiza utilizando formularios de contacto limitados a ciertos

campos a ser llenados por el cliente para solicitar información a la

empresa u organización. Otra opción que se utiliza es un enviar un

correo electrónico con las inquietudes que dese manifestar el

cliente.

18

6. Herramientas Fundamentales de la Web 1.0

Vamos a revisar brevemente las herramientas fundamentales, clasificándolas

en cuanto al tipo de comunicación que se establece y a la finalidad a la que se

orientan:

Finalidad Servicio

Comunicación

asíncrona

Correo electrónico (e-mail)

Listas de distribución

Foros

Comunicación síncrona Charlas (IRC)

Audioconferencia y Videoconferencia

Acceso información Transferencia de ficheros (FTP)

Telnet

Páginas web (World Wide Web-www)

COMUNICACIÓN ASÍNCRONA

La comunicación no se establece en tiempo real.

El Correo Electrónico permite enviar y recibir información

personalizada, intercambiando mensajes entre usuarios de ordenadores

conectados a Internet. Presenta ciertas ventajas sobre otros sistemas de

comunicación tradicional: rapidez, comodidad, economía, posibilidad

de archivos adjuntos. Para poder utilizar este recurso de Internet los

usuarios deben disponer de una dirección de correo electrónico y de un

programa cliente de correo. La dirección de correo electrónico,

19

suministrada al usuario por el proveedor de Internet, constan de cuatro

elementos:

nombre del usuario@nombre del servidor de correo.pais

Las Listas de distribución permiten la formación de comunidades

virtuales compuestas por grupos de personas que tienen intereses

comunes. El método utilizado para la comunicación es la suscripción a

una dirección de correo (dirección de la lista), de modo que todos los

mensajes que se envien a la misma se redirecciónan a los correos

personales de todos los miembros de la lista. La lista de distribución

puede ser pública o privada y puede estar moderada o no tener ningún

control.

Los foros de debate son semejantes a las listas de distribución en

cuanto que permiten la comunicación de personas que conforman

comunidades virtuales, el método utilizado para comunicarse pueden

compararse a un tablón de anuncios en el que cualquier usuario puede

escribir su comentario, respuesta o participación en un debate. Se

realiza a través de páginas web que permiten acceder a los foros y los

mensajes dejados en el mismo. Se asemeja, por tanto, a una discusión

activa en línea en la que los participantes se incorporan en momentos

diferentes. Generalmente, no son moderados, por lo que la información

que se transmite suele tener un carácter coloquial e informal. Dada la

gran cantidad de mensajes que se reciben los foros han sido clasificados

por temas. Algunos foros permiten enviar también los mensajes vía

correo electrónico a todas las personas que participan en el foro.

COMUNICACIÓN SÍNCRONA

20

La comunicación se establece en tiempo real.

Mediante las Charlas (IRC-Internet Relay Chat) se pueden

establecer 'charlas' entre dos o más usuarios de Internet. La

comunicación es sincrónica, esto es, los usuarios que conversan lo

hacen en tiempo real, por lo que, tiene la característica de inmediatez

en la comunicación que la asemejan a una conversación presencial,

aunque los interlocutores pueden estar situados en cualquier parte del

mundo. Las características propias de la actividad implicada por estas

herramientas hacen que la comunicación se condicione en cierto

sentido. Por una parte, la agilidad de la conversación hace que los

mensajes sean cortos y tiendan a emplear formas especiales de

codificación en la comunicación –símbolos que adquieren una especial

significación abreviando una idea o una frase-. De otro lado, la

ausencia de otros elementos de comunicación, que sí existen en la

conversación presencial –lenguaje gestual, corporal, etc.-, provoca que

este tenga que introducirse de otra forma (emoticones). Es necesario

para su correcto uso tener presente determinadas cuestiones relativas a

la seguridad y privacidad.

Mediante la Audioconferencia o la Videoconferencia ,podemos

realizar charlas, emitir conferencias o cursos, en resumen

comunicarnos, pero utilizando el sonido o el video como tecnologías de

comunicación. En ambos casos, se proporcionan entornos más

enriquecedores y próximos a la presencialidad.

ACCESO A LA INFORMACIÓN

21

Acceso, obtención y/o utilización de información o recursos.

Mediante FTP podemos intercambiar archivos entre un ordenador

cliente y otro servidor, es decir, podemos enviar y copiar archivos

desde nuestro ordenador personal a un ordenador remoto que actúa

como servidor de Internet. También podemos llevar a cabo el proceso

inverso, copiando en nuestro ordenador archivos almacenados en el

servidor. Para acceder al ordenador remoto (servidor) se requiere la

identificación mediante código de usuario y contraseña. Los privilegios

de acceso vendrán determinados por el perfil de usuario que

dispongamos.

Telnet permite utilizar los recursos de un ordenador remoto, actuando

nuestro ordenador personal como un terminal del ordenador remoto.

Para ello, mediante un programa de emulación nos conectamos con el

ordenador remoto, de forma que el usuario está utilizando el recurso del

ordenador remoto desde su propio ordenador. Mediante Telnet se están

utilizando programas, datos, espacio de trabajo, etc., en el ordenador

central al que se ha accedido. El ordenador personal del usuario no hace

otro trabajo que recibir y transmitir las informaciones a este ordenador

central remoto.

Mediante la World Wide Web accedemos al conjunto inmenso de

páginas Web, ubicadas en servidores de todo el mundo, que están

conectados entre sí mediante la red Internet. El usuario, necesita

disponer de un programa informático (navegador) capaz de

comunicarse con los servidoresy visualizar las páginas web. Está

tecnología ha incorporado funcionalidades de FTP y Telnet, esto es,

ambos procesos se realizan a través de páginas web.

22

7. Cosas que no Sabías

Entre los principales rasgos que conforman la web 1.0 destacan sobre

todo la existencia de sitios webs estáticos, construidos en HMTL; la

producción del contenido por parte del web master o editor web

exclusivamente; el predominio del texto sobre la imagen que suele

estar en formato gif; la presencia de hipertexto, que vincula un

documento web con otro; la escasa o nula actualización de los

contenidos; la imposibilidad de interacción por parte de los usuarios,

que se limitan a ser meros lectores de sus documentos, pudiendo tan

sólo tener cierta

participación en algún

que otro foro o libro de

visitas (guestbook); así

como el limitado

número de sitios web y

usuarios.

Conclusión:

23

En conclusión, La web 1.0 que básicamente se refiere a un sitio web que utiliza un montón de documentos en HTML interconectos con enlaces vino a representar páginas web más agradables a la vista. Es decir, la web 1.0 nació cuando vio la vida la web en general, un sitio en HTML conectado con enlaces.

A pesar de que hace años que nació la web 1.0, la mayoría pensaría que está extinta, pero no, aún en estos tiempos en los que prácticamente estamos entrando en la web 3.0, aún siguen habiendo empresas y personas que utilizan la web 1.0 como si fuera algo novedoso en la tecnología, pero el que la usa no tiene ni la más remota idea del camino que sigue la WEB.

Anexos:

24

25

26

Bibliografía:

http://www.uv.es/bellochc/logopedia/NRTLogo1.wiki?3

http://es.wikipedia.org/wiki/Web_1.0

http://carolinaruilova.blog.epn.edu.ec/wp-content/uploads/sites/

19/2013/08/Ejemplos-Web-1.0-vs-Web-2.0.pdf

https://sites.google.com/site/web10historia/

http://culturacion.com/ 2009/04/historia-web-10-pasado-y-realidad/

http://www.slideshare.net/juanda03-95/web-10-7607331

http://es.wikipedia.org/wiki/

HTML#C.C3.B3digos_HTML_b.C3.A1sicos