UNIVERSIDAD TÉCNICA

DE MANABÍ
Fundamentos básicos
de la web
Unidad 1/Clase 1
Historia, Estándares
Navegadores y Componentes web.

Ing. Tatiana Cobeña M. MEng.

Un poco de historia – nacimiento de la Web
 La Web se inventó en el año 1989, aunque Internet empezó a desarrollarse en los años 60.
 La persona que creo la Web se llama Tim-Berners Lee, en el laboratorio Europeo de Física de Partículas
(CERN)
 Berners-Lee fue el creador de los cuatro componentes que son los esenciales de la Web y las versiones
iníciales de:
 HTML, HTTP, un servidor Web y un navegador

Tim-Berners Lee
Fuente: Universidad Internacional de la Rioja
Clientes Web

 Un cliente web es cualquier ordenador

que se encuentre conectado a Internet
mediante un programa que permita
realizar peticiones HTTP y presentar las
páginas HTML devueltas.

 Un cliente web no solo puede ser un PC con algún navegador instalado (Internet Explorer,
Chrome, Firefox, Netscape, Opera, si no también todos los dispositivos capaces de actuar
como clientes Web (PDAs, teléfonos móviles, electrodomésticos, automóviles,…

Fuente: Universidad Internacional de la Rioja

Del texto a los gráficos
 Al inicio, todas las páginas Web estaban creadas tan solo de texto en blanco y negro con los enlaces
entre corchetes (navegador Lynx

En 1993 el NCSA
(National Center for En 1994 crean Microsoft en A partir de
Supercomputing el primer el año 1995, aquí el todos
Applications,
Universidad de navegador lanza su las
Illinois), desarrollan comercial, el Internet navegadores
un navegador que
brinda una interfaz Netscape Explorer(IE) son gráficos.
gráfica de usuario, Navigator
este se lo denomino
con el nombre de el
Mosaic.
Fuente: Universidad Internacional de la Rioja
El W3C  Consorcio Dirigido por TimBerners-Lee, el inventor de la Web, esta formado por
cerca de 500 organizaciones que dicta los estándares de la Web

Principales Estándares:
–HTML, CSS, XML, XHTML, DOM, etc.

Objetivo:
Promover la evolución de la Web
garantizando que las distintas tecnologías
funcionen bien conjuntamente

Acceso a los Estándares:

–http://www.w3.org y en castellano El Consorcio WWW, en inglés: World Wide Web Consortium, es un
consorcio internacional que genera recomendaciones y estándares
-http://www.w3c.es que aseguran el crecimiento de la World Wide Web a largo plazo.​

Fuente: Universidad Internacional de la Rioja

¿Por qué estándares? – Problemas de no usar
estándares
 El ancho de banda necesario
El código espagueti, la maquetación con tablas anidadas, etiquetas <font> y otras redundancias
doblan y hasta triplican el ancho de banda necesario en muchos sitios Web

 El ancho de banda y los usuarios

Al momento de querer descargar algo el usuario y este
demora en cargar el usuario pierde tiempo y se cansa a
la vez se ve obligado a esperar o abandona el sitio sin
haberlo visto; ó hay veces que tras el tiempo de espera
dicho sitio no funciona correctamente.

 Los costes de desarrollo

Hay que pagar a los programadores por hacer lo mismo de varias formas distintas
Junto con el código necesario para enviar a cada usuario la versión adecuada a su navegador
Fuente: Universidad Internacional de la Rioja
¿Por qué estándares? – Ventajas de utilizar
estándares
 Compatibilidad «hacia adelante»
 El sitio web correctamente diseñado
funcionarán en distintos navegadores,
dispositivos y plataformas.

 Siempre utilizando los estándares

 Lenguajes estructurales como XHTML y XML
 lenguajes de presentación como CSS
 modelos de objetos como DOM
 lenguajes de “script” como ECMAScript
 –Etc.

Fuente: Universidad Internacional de la Rioja

¿Por qué estándares? – Ventajas de
utilizar estándares
 Menores costes de producción y mantenimiento
 Páginas más accesibles para todo el mundo
 Principalmente, para las personas que edad avanzada y para las que tienen necesidades
especiales

Más visitantes Mejor imagen

Menos dinero

Fuente: Universidad Internacional de la Rioja

Los navegadores Web «modernos» y los
estándares
 Estos son los navegadores que entienden los estándares básicos del desarrollo Web, que al utilizar
los estándares permitirán ir más allá del marcado de presentación y los lenguajes de 'script'
incompatibles y de la obsolescencia perpetua que generan.

 No hay algún navegador que cumpla perfectamente con los estándares

Fuente: Universidad Internacional de la Rioja

Componentes de un sitio Web
 Los componentes básicos de un sitio Web son:
 Estructura
 Presentación
 Comportamiento

Fuente: Universidad Internacional de la Rioja

Componentes de un sitio Web - Estructura

 Contiene datos supeditados a su significado estructural:

 Título
 Título Secundario
 Párrafo  Se utiliza lenguajes de marcado
 Lista enumerada, de definición y ordenada  Es portable si se crea correctamente
 Estructuras adicionales
 Etc.

Fuente: Universidad Internacional de la Rioja

Componentes de un sitio Web - Presentación
 Se aplica estilo a una página Web:
 Tipografía
 Color
 Disposición
 Etc.

 Se utiliza lenguaje de presentación: CSS

 Se puede modificar la presentación sin afectar a la estructura

Fuente: Universidad Internacional de la Rioja

Componentes de un sitio Web -
Comportamiento

 Establecer el comportamiento y efectos que funcionen en diferente navegadores y plataformas

ECMAScript y DOM

Fuente: Universidad Internacional de la Rioja