el origen de las paginas web
Download
Skip this Video
Download Presentation
El origen de las paginas web

Loading in 2 Seconds...

play fullscreen
1 / 27

El origen de las paginas web - PowerPoint PPT Presentation


  • 182 Views
  • Uploaded on

El origen de las paginas web. Origen de las web. Historia de la World Wide Web

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'El origen de las paginas web' - sanford


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
origen de las web
Origen de las web
  • Historia de la World Wide Web
  • a Web se remonta a la propuesta de Vannevar Bush en los años 40 sobre un sistema similar: a grandes rasgos, un entramado de información distribuida con una interfaz operativa que permitía el acceso tanto a la misma como a otros artículos relevantes determinados por claves. Este proyecto nunca fue materializado, quedando relegado al plano teórico bajo el nombre de Memex. Es en los años 50 cuando Ted Nelson realiza la primera referencia a un sistema de hipertexto, donde la información es enlazada de forma libre. Pero no es hasta 1980, con un soporte operativo tecnológico para la distribución de información en redes informáticas, cuando Tim Berners-Lee propone ENQUIRE al CERN (refiriéndose a EnquireWithinUponEverything, en castellano Preguntando de Todo Sobre Todo), donde se materializa la realización práctica de este concepto de incipientes nociones de la Web.
qu significa la palabra web
¿Qué significa la palabra Web?
  • WorldWide Web (la "telaraña" o "maraña mundial") es tal vez el punto más visible de Internet y hoy en día el más usado junto con el correo electrónico, aunque también es de los más recientes. Originalmente denominado Proyecto WWW y desarrollado en el CERN suizo a principio de los 90, partió de la idea de definir un "sistema de hipermedios distribuidos."
p ginas web
Páginas Web
  • Una ventana muestra al usuario la información que desea, en forma de texto y gráficos, con los enlaces marcados en diferente color y subrayados. Haciendo un clic con el ratón se puede "saltar" a otra página, que tal vez esté instalada en un servidor al otro lado del mundo. El usuario también puede "navegar" haciendo pulsando sobre las imágenes o botones que formen parte del diseño de la página.
est ndares web
Estándares Web
  • Destacamos los siguientes estándares:
  • el Identificador de Recurso Uniforme (URI), que es un sistema universal para referenciar recursos en la Web, como páginas web,
  • el Protocolo de Transferencia de Hipertexto (HTTP), que especifica cómo se comunican el navegador y el servidor entre ellos,
slide6

el Lenguaje de Marcado de Hipertexto (HTML), usado para definir la estructura y contenido de documentos de hipertexto,

  • el Lenguaje de Marcado Extensible (XML), usado para describir la estructura de los documentos de texto.
  • Berners Lee dirige desde 2007 el WorldWide Web Consortium, el cual desarrolla y mantiene esos y otros estándares que permiten a los ordenadores de la Web almacenar y comunicar efectivamente diferentes formas de información.
slide7

Este NeXTcube usado por Berners-Lee en el CERN se convirtió en el primer servidor web.

  • Las páginas de la WWW están situadas en servidores de todo el mundo (sitios Web), y se accede a ellas mediante un programa denominado "navegador" (browser). Este programa emplea un protocolo llamado HTTP, que funciona sobre TCP/IP, y que se encarga de gestionar el aspecto de las páginas y los enlaces.
la www
La WWW
  • Puede definirse básicamente como tres cosas: hipertexto, que es un sistema de enlaces que permite saltar de unos lugares a otros; multimedia, que hace referencia al tipo de contenidos que puede manejar (texto, gráficos, vídeo, sonido y otros) e Internet, las base sobre las que se transmite la información.
slide9

Cada página Web tiene una dirección única en Internet, en forma de URL. Un URL indica el tipo de documento (página Web o documento en formato HTML), y el de las páginas hipertexto de la WWW comienza siempre por http.

slide10

El 30 de abril de 1993, el CERN anunció que la web sería gratuita para todos, sin ningún tipo de honorarios.

primer generaci n
Primer generación:
  • Poco trabajo de diseño.
  • Pocas imágenes.
  • Todo se trabaja manualmente.
  • Diseño lineal.
  • Limitada tecnología de los navegadores.
  • Poca capacidad de transferencia de información grafica.
segunda generaci n
Segunda generación:
  • Utilización de iconos.
  • Imágenes de fondo.
  • Aparece el diseño y uso de botones con relieve.
  • Uso de banners.
  • Estructuración de texto de forma jerárquica.
  • Propiedades del código HTML estándar definido.
  • Aparición de monitores y tarjetas graficas con mayores resoluciones y definición de color.
slide13

No se tuvo en cuenta la accesibilidad ni la usabilidad.

  • Diferencia en la aparición de estándares de los 2 principales navegadores: Internet Explorer y Netscape.
tercer generacion
Tercer generacion:
  • El diseño web sigue teniendo muchas restricciones para el uso del lenguaje de los 2 navegadores web.
  • mas dinamismo con la aparición de Macromedia flash.
  • paginas de publicidad ventana de productos y servicios.
cuarta generaci n
Cuarta generación:
  • El diseño web ya esta totalmente enfocado a la multimedia integrando en las paginas web los elementos multimedia de ultima generación.
  • Gran variedad de diseño debido a todas las posibilidades que ofrece las ultimas tecnologías para los programadores.
  • Las ultimas versiones de los navegadores soportan muchas mas prestaciones y elementos en las paginas web.
quinta generaci n
Quinta generación:
  • La integración de televisión en la web.
  • Auge de las paginas de televisión lp o televisión online.
evoluci n de las paginas web
Evolución de las paginas web
  • Para el diseño de páginas web debemos tener en cuenta tres etapas:
  • La primera es el diseño visual de la información que se desea editar. En esta etapa se trabaja distribuyendo el texto, los gráficos, los vínculos a otros documentos y otros objetos multimedia que se consideren pertinentes. Es importante que antes de trabajar sobre el computador se realice un bosquejo o prediseño sobre el papel. Esto facilitará tener un orden claro sobre el diseño.
evoluci n de las paginas web18
Evolución de las paginas web
  • La segunda es la estructura y relación jerárquica de las páginas del sitio web, una vez que se tiene este boceto se pasa a \'escribir\' la página web. Para esto, y fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje de marcación de hipertexto o HTML.
  • La importancia de la estructura y arborescencia web radica en que los visitantes no siempre entran por la página principal o incial y en ese caso el sitio debe darle la respuesta a lo que busca rápido, además permitirle navegar por el sitio.
evoluci n de las paginas web19
Evolución de las paginas web
  • La tercera, etapa consiste en el posicionamiento en buscadores o SEO. Ésta consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en determinada búsqueda.
evoluci n de las paginas web20
Evolución de las paginas web
  • El HTML consta de una serie de elementos que estructuran el texto y son presentados en forma de hipertexto por agente de usuario o navegadores. Esto se puede hacer con un simple editor de textos (debe guardarse como texto plano, sin ningún tipo de formato y con extensión .html o .htm). Aprender HTML es relativamente fácil, así que es sencillo crear páginas web de este modo. Esta era la única manera de generarlas hasta que aparecieron, a mediados de 1996, algunos editores visuales de HTML, como MS FrontPage y Adobe Dreamweaver. Con estas herramientas no es necesario aprender HTML (aunque sí aconsejable), con lo cual el desarrollador se concentra en lo más importante, el diseño del documento.
evoluci n de las paginas web21
Evolución de las paginas web
  • <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.wikipedia.org">Wikipedia</a> se representa como Wikipedia).
  • <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: <imgsrc="./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>: texto subrayado.
la web en la actualidad
La web en la actualidad

Generalmente una página Web hoy está compuesta por uno o varios documentos html relacionados entre sí mediante hipervínculos (enlaces). Además estos documentos pueden contener otros elementos como pueden ser imágenes, sonidos, animaciones multimedia, aplicaciones…

La página web también puede traer contenido que es interpretado de forma diferente dependiendo del navegador y generalmente no es mostrado al usuario final. Éstos elementos incluyen, pero no exclusivamente:

SCRIPTS, GENERALMENTE JAVA SCRIPT.

META TAGS.

HOJAS DE ESTILO (CSS - CASCADING STYLE SHEETS).

PLANTILLAS DE DISEÑO WEB

la web en la actualidad23
La web en la actualidad

Lenguaje de programación: -- Lenguaje con el que está desarrollada una página Web.

Editor: -- Programa utilizado para crear páginas Web sin la necesidad de tener que aprender el lenguaje.

Ejemplos: M. Front Page 2000 y Macro-media Dreamweaver.

Servidor -- Máquina conectada a Internet que –entre otros servicios- ofrece albergue para páginas Web haciendo que estén accesibles desde cualquier punto de Internet.

Cliente FTP-- Programa que permite conectarse al servidor para publicar páginas Web.

Hosting -- Hospedaje Web.

Dominio -- Dirección Web asociada a una página Web.

la web en la actualidad24
La web en la actualidad

Otros complementos de una web site

Banner:

Elemento gráfico con forma rectangular, normalmente animado, cuyo contenido es publicidad.

Imagen:

Archivo gráfico que se puede insertar en una página Web y mostrar en un explorador de Web. Existen diferentes formatos: GIF, JPEG, BMP, TIFF, WMF y PNG, entre otros.

Propiedades:

Características de un elemento del Web actual, como el título y la dirección URL de un Web o el nombre y el valor inicial de un campo de formulario. También puede especificar propiedades para elementos de página como tablas, gráficos y elementos activos.

la web en la actualidad25
La web en la actualidad

Otros complementos de una web site

Elementos de una página web

Una página web tiene contenido que puede ser visto o escuchado por el usuario final. Éstos elementos incluyen, pero no exclusivamente:

• Texto. El texto editable se muestra en pantalla con alguna de las fuentes que el usuario tiene instaladas (a veces se utiliza una tecnología de fuentes incrustadas, con lo que vemos en el monitor una fuente que realmente no poseemos, pero es poco frecuente.) El texto editable puede marcarse con el ratón o el teclado y copiarse a otra aplicación, como el bloc de notas (muchos de los elementos textuales de las páginas, en especial los títulos, botones de navegación, etc. son realmente gráficos, y su texto no es editable.)

la web en la actualidad26
La web en la actualidad

Las Aplicaciones de Internet, consisten en el aprovechamiento de la experiencia del usuario en herramientas y funciones de escritorio tan naturales como copiar, cortar y pegar, redimensionar columnas, y ordenar etc., con el alcance y la flexibilidad de presentación y despliegue que ofrecen las aplicaciones o páginas Web junto con lo mejor de la multimedia (voz, vídeo, etc.).

finalidad de una pagina web
Finalidad de una pagina web
  • Las tecnologías de la información y la comunicación no son ninguna panacea ni fórmula mágica, pero pueden mejorar la vida de todos los habitantes del planeta. Se disponen de herramientas para llegar a los Objetivos de Desarrollo del Milenio, de instrumentos que harán avanzar la causa de la libertad y la democracia, y de los medios necesarios para propagar los conocimientos y facilitar la comprensión mutua“
  • Actualmente una pagina web tiene un costo promedio de 20usd lo cual equivale a 240usd anual.
  • En México existe una cuota actual 70usd por concepto de registro de nuevo dominio que cubre los 2 primeros años de operación
ad