INTRODUCCIÓN A LA WEB. TEMA 1
INTRODUCCIÓN A LA WEB
HISTORIA DE LA WEB Y HTML
- Historia de la web
La World Wide Web nació cerca de Ginebra (Suiza) en el CERN, el laboratorio europeo de física de partículas. Su principal creador fue Tim Berners-Lee (nacido en Londres en 1955), que propuso en 1989 la creación de un sistema de hipertexto para facilitar el intercambio de información entre los investigadores del CERN. El primer servidor web de la historia se instaló en el CERN en diciembre de 1990. En el verano de 1991, este sistema (servidor y navegador) se puso a disposición de todos los usuarios de Internet. El 20 de abril de 1993, el CERN anunció oficialmente que la licencia del software del navegador y del servidor sería el dominio público, permitiendo su expansión sin límites.
Para conocer mas a fondo sobre la historia de la web, su creador Tim Berners-Lee puedes ver el siguiente video...
- HISTORIA DEL HTML
El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee, trabajador del CERN (Organización Europea para la Investigación Nuclear) propuso un nuevo sistema de "hipertexto" para compartir documentos.
Los sistemas de "hipertexto" habían sido desarrollados años antes. En el ámbito de la informática, el "hipertexto" permitía que los usuarios accedieran a la información relacionada con los documentos electrónicos que estaban visualizando. De cierta manera, los primitivos sistemas de "hipertexto" podrían asimilarse a los enlaces de las páginas web actuales.
Tras finalizar el desarrollo de su sistema de "hipertexto", Tim Berners-Lee lo presentó a una convocatoria organizada para desarrollar un sistema de "hipertexto" para Internet. Después de unir sus fuerzas con el ingeniero de sistemas Robert Cailliau, presentaron la propuesta ganadora llamada WorldWideWeb .
El primer documento formal con la descripción de HTML se publicó en 1991 bajo el nombre HTML Tags (Etiquetas HTML) y todavía hoy puede ser consultado online a modo de reliquia informática.
La primera propuesta oficial para convertir HTML en un estándar se realizó en 1993 por parte del organismo IETF (Internet Engineering Task Force). Aunque se consiguieron avances significativos (en esta época se definieron las etiquetas para imágenes, tablas y formularios) ninguna de las dos propuestas de estándar, llamadas HTML y HTML+ consiguieron convertirse en estándar oficial.
En 1995, el organismo IETF organiza un grupo de trabajo de HTML y consigue publicar, el 22 de septiembre de ese mismo año, el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML.
A partir de 1996, los estándares de HTML los publica otro organismo de estandarización llamado W3C (World Wide Web Consortium). La versión HTML 3.2 se publicó el 14 de Enero de 1997 y es la primera recomendación de HTML publicada por el W3C. Esta revisión incorpora los últimos avances de las páginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imágenes.
HTML 4.0 se publicó el 24 de Abril de 1998 (siendo una versión corregida de la publicación original del 18 de Diciembre de 1997) y supone un gran salto desde las versiones anteriores. Entre sus novedades más destacadas se encuentran las hojas de estilos CSS, la posibilidad de incluir pequeños programas o scripts en las páginas web, mejora de la accesibilidad de las páginas diseñadas, tablas complejas y mejoras en los formularios.
La última especificación oficial de HTML se publicó el 24 de diciembre de 1999 y se denomina HTML 4.01. Se trata de una revisión y actualización de la versión HTML 4.0, por lo que no incluye novedades significativas.
Desde la publicación de HTML 4.01, la actividad de estandarización de HTML se detuvo y el W3C se centró en el desarrollo del estándar XHTML. Por este motivo, en el año 2004, las empresas Apple, Mozilla y Opera mostraron su preocupación por la falta de interés del W3C en HTML y decidieron organizarse en una nueva asociación llamada WHATWG (Web Hypertext Application Technology Working Group).
La actividad actual del WHATWG se centra en el futuro estándar HTML 5, cuyo primer borrador oficial se publicó el 22 de enero de 2008. Debido a la fuerza de las empresas que forman el grupo WHATWG y a la publicación de los borradores de HTML 5.0, en marzo de 2007 el W3C decidió retomar la actividad estandarizadora de HTML.
De forma paralela a su actividad con HTML, W3C ha continuado con la estandarización de XHTML, una versión avanzada de HTML y basada en XML. La primera versión de XHTML se denomina XHTML 1.0 y se publicó el 26 de Enero de 2000 (y posteriormente se revisó el 1 de Agosto de 2002).
XHTML 1.0 es una adaptación de HTML 4.01 al lenguaje XML, por lo que mantiene casi todas sus etiquetas y características, pero añade algunas restricciones y elementos propios de XML. La versión XHTML 1.1 ya ha sido publicada en forma de borrador y pretende modularizar XHTML. También ha sido publicado el borrador de XHTML 2.0, que supondrá un cambio muy importante respecto de las anteriores versiones de XHTML.
DEFINICIÓN DE PAGINA WEB.
Una Página Web es conocida como un documento de tipo electrónico, el cual contiene información digital, la cual puede venir dada por datos visuales y/o sonoros, o una mezcla de ambos, a través de textos, imágenes, gráficos, audio o vídeos y otros tantos materiales dinámicos o estáticos. Toda esta información se ha configurado para adaptarse a la red informática mundial, también conocida como World Wide Web.
Las páginas web o como también son conocidas las web page por su nombre en inglés se encuentran contenidas dentro de los sitios web o websites, que son mejor conocidos por los desarrolladores con el nombre de dominios, que almacenan o alojan el contenido que se desarrollan para ser visualizados o usados por el usuario.
Todo lo mencionado anteriormente se trata de datos virtuales, pero el sitio físico donde se almacenan todos esos documentos se le denomina servidores o hosting, que se puede definir como un ordenador conectado constante a Internet para poder acceder a las páginas web a cualquier hora y desde cualquier lugar. A las páginas web se puede ingresar a través de navegadores o buscadores, entre los más famosos están Chrome, Mozilla e Internet Explorer.
El lenguaje bajo el cual funcionan las ciber páginas se llama HTML, un formato de programación que permite tener acceso a diferentes páginas web a través de enlaces de hipertexto, los cuales también son conocidos como links, es decir, dentro de un documento electrónico puede estar contenido otro, que de acceso bien sea a otra parte de la misma página web o simplemente a otra página, su objetivo básico es facilitar la investigación por medio de la navegación de distintos contenidos. El formato HTML está compuesto por códigos, pero para el usuario común no se manifiesta de este modo, debido a que los navegadores leen los documentos en HTML posteriormente lo traducen en las imágenes, textos y sonidos que mencionamos anteriormente y los muestra al usuario en esas presentaciones para que pueda ser mejor interpretado.
Las páginas web presentan variados y atractivos diseños para los distintos usuarios que pueda tener, para que de este modo sea un medio entretenido, funcional, educativo, ilustrativo, productivo y divertido.
Es algo extenso verdad...., bueno como es mejor ver que leer ;D te dejo el siguiente vídeo
CARACTERÍSTICAS DE LA PAGINA WEB.
Una página web está compuesta principalmente por información de en tema factible(sólo texto y/o módulos multimedia) así como por hiperenlaces; además puede contener o asociar hoja de estilo, datos de estilo para especificar cómo debe visualizarse, y también aplicaciones embebidas para así permitir interacción.
Las páginas web son escritas en un lenguaje de marcado que provee la capacidad de manejar e insertar hiperenlaces, generalmente HTML.
Respecto a la estructura de las páginas web, algunos organismos, en especial el World Wide Web Consortium (W3C), suelen establecer directivas con la intención de normalizar el diseño, y para así facilitar y simplificar la visualización e interpretación del contenido.
Una página web es en esencia una tarjeta de presentación digital, ya sea para empresas, organizaciones, o personas, así como una manera de comunicar ideas, pensamientos, conocimientos, informaciones o teorías. Así mismo, la nueva tendencia orienta a que las páginas web no sean sólo atractivas para los internautas, sino también optimizadas (preparadas), para los buscadores a través del código fuente. Forzar esta doble función puede, sin embargo, crear conflictos respecto de la calidad del contenido.
TIPOS DE PAGINA WEB
Según su construcción:
Estáticas: este tipo de páginas web están compuestas por archivos que contienen código HTML, es por medio de este que se pueden mostrar las imágenes, textos, videos y todos aquellos contenidos que componen a la página en sí. Los archivos que constituyen a la página web son almacenados en el servidor de Hosting, cuyo formato es también en HTML. Las páginas web pueden ser editadas por medio de programas como el Dreamweaver. Para esto, los archivos deben ser descargados del servidor con algún software, editarlos, guardarlos y subirlos nuevamente. El contenido de estas páginas no se modifica constantemente puesto que estas suelen estar en manos de personas que requieren contratar a diseñadores para que se encarguen de esto, lo que implica una serie de gastos. Además, las actualización contante no es algo que sus dueños necesiten.
Dinámicas: en estas páginas, en cambio, los contenidos son modificados continuamente ya que esto queda en manos de quienes las visitan. La información de estas páginas está guardada en bases de datos de las cuales los usuarios extraen aquello que les interese. Estas páginas se caracterizan entonces por ser sus usuarios quienes modifican el diseño y los contenidos, se las puede actualizar muy fácilmente, ya que no es necesario ingresar al servidor para esto. Además, tienen numerosas funciones como foros, bases de datos, contenidos dinámicos, carritos de compras, entre otros.
Según su tecnología:
En HTML: estas páginas están construidas con lenguaje HTML, por lo que se requiere tener conocimientos de este para hacerlas. Un defecto de estas páginas es que son estáticas, además ofrecen muy poco, por lo que no son recomendables para ventas y marketing. La ventaja que ofrecen es que son muy fáciles de construir, con conocimientos básicos de diseño, alcanza.
En Flash: estas páginas se construyen utilizando el software Flash, de Adobe, que permite la realización de animaciones, efectos, sonidos y movimientos. Para que los usuarios puedan visualizarlas, es necesario contar con los plug-in requeridos. Para realizarlas sí es necesario tener conocimientos en profundidad sobre el software, otra desventaja, es que las páginas hechas con Flash son muy pesadas, por lo que el tiempo de descarga puede prolongarse.
En lenguaje del servidor: estas se hacen en lenguaje PHP, Ruby, ASP, entre otros. Para desarrollar esta clase de páginas también es necesario tener conocimientos avanzados sobre el lenguaje a utilizar. Son ideales para interactuar con los usuarios y para el área de marketing.
Fuente: http://www.tiposde.org/internet/172-tipos-de-paginas-web/#ixzz4RJCBTznZ
LENGUAJES PARA DISEÑAR PAGINAS WEB
Los lenguajes de programación Web han ido surgiendo según las necesidades de las plataformas, intentando facilitar el trabajo a los desarrolladores de aplicaciones. Se clasifican en lenguajes del lado cliente y lenguajes del lado servidor.
Lenguajes del lado cliente
Son aquellos lenguajes que son asimilados directamente por el navegador y no necesitan pre tratamiento.
Son los siguientes
HTML
La información publicada en la Web debe ser mediante un lenguaje que sea entendido universalmente. El lenguaje utilizado por la World Wide Web es el HTML, actualmente el lenguaje hipermedia más aceptado a nivel mundial. Por tanto, es uno de los lenguajes de programación web más importante y uno de los más usados para la creación de documentos. El HyperText Markup Language (HTML) es un lenguaje de marcado que se diseñó con el objetivo de estructurar documentos y mostrarlos en forma de hipertexto. El mismo brinda la información correspondiente relacionada con el contenido a mostrar en cada fragmento de información, y permite establecer relaciones unidireccionales entre documentos. Los archivos pueden tener las extensiones (htm, html). Este lenguaje cumple con dos objetivos fundamentales para el diseño y visualización de un documento digital:
Organiza un documento en elementos lógicos, tales como: encabezado, párrafo, etc.
Define las operaciones tipográficas y las funciones que debe ejecutar un programa visualizador sobre dichos elementos.
Permite además a los autores:
La publicación de documentos en línea con títulos, textos, tablas, listas, fotos, etc.
La recuperación de la información en línea mediante enlaces de hipertexto.
Diseñar formularios para la realización de transacciones con servicios remotos, para su uso en la búsqueda de información, hacer reservas, pedir productos, etc.
Insertar hojas de cálculo, videoclips, clips de sonido, y otras aplicaciones directamente en sus documentos.
Este lenguaje es interpretado por los navegadores de acuerdo a su criterio, esto permite que una misma página web se pueda mostrar de diferentes formas según el navegador.
JAVASCRIPT
JavaScript es un lenguaje de programación orientado a objetos. Es un lenguaje dinámico, las variables no necesitan ser introducidas antes de su uso y los tipos de variables se resuelven dinámicamente durante su ejecución. Se trata de un lenguaje de programación del lado del cliente, porque es el navegador el que soporta la carga de procesamiento. Fue creado por Brendan Eich en la empresa Netscape Communications. El código JavaScript que se encuentra dentro de las páginas web puede ser interpretado por todos los navegadores. Permite que las definiciones de funciones y otro tipo de código sean modificados mientras el programa se esté ejecutando. El modelo de ejecución de JavaScript se basa en la interpretación del código fuente. Es un lenguaje de alto nivel, multiplataforma y no necesita compilación. Está basado en objetos, admite la programación estructurada y maneja la mayoría de los eventos que se pueden producir sobre la página web. La mayoría de los navegadores en sus últimas versiones interpretan el código Javascript integrado dentro de las páginas web.
Hojas de Estilo en Cascada
Las Hojas de estilo en Cascada, en inglés Cascading Style Sheets (CSS), fueron diseñadas y desarrolladas por la World Wide Web Consortium (W3C). Una hoja de estilos CSS es el tipo de documento que utiliza un navegador Web para redefinir las propiedades de los distintos elementos y las etiquetas en el código HTML. Permite dar formato a los documentos de forma global. Proporciona al diseñador de páginas web definir un conjunto de ampliaciones HTML especiales y aplicarlas al documento. Provee la especificación e intercambio de los fondos para textos y documentos, así como sus tipos y tamaños de fuente. Las definiciones del formato de un documento se pueden colocar en archivos separados y aplicarlas a un grupo de documentos. Posibilitan además aplicar un formato modificado a documentos HTML ya existentes. Con los CSS se puede aplicar a un documento diferentes estilos de orígenes. Los CSS constituyen una herramienta poderosa para el diseño de documentos HTML, pues permiten modificar la representación del documento mediante la asignación de un nuevo estilo.
Lenguajes del lado servidor
Son aquellos lenguajes que se ejecutan por el propio servidor y son enviados al cliente en un formato claro para él.
PHP
Es un lenguaje que está implementado especialmente para el desarrollo web. PHP: Hypertext Preprocessor (PHP) es un lenguaje de programación web de alto nivel que se ejecuta en el servidor.
PHP 5
PHP 5 se lanzó oficialmente en septiembre del 2004, utilizando el motor Zend Engine 2.0 (o Zend Engine 2). El objetivo principal de PHP 5 ha sido perfeccionar los mecanismos de la Programación Orientada a Objetos para dar solución a las carencias de las versiones anteriores. Incluye modificadores de control de acceso para implementar el encapsulamiento y el manejo de excepciones, lo cual no existía en versiones anteriores. En PHP 5, no es necesario pasar objetos por referencia. Incluye numerosas funcionalidades explícitas como constructores y destructores, objeto de clonación, la clase de abstracción, herencia, no requiere definición de tipos de variables ni manejo detallado del bajo nivel. Se pueden aplicar tantas interfaces como quiera y brinda un mejor soporte para la programación orientada a objetos y la lectura de archivos XML. Es un lenguaje que se caracteriza por ser Open-Source y de obtención gratuita, lo que lo convierte en una alternativa de fácil acceso para todos. Su flexibilidad lo convierte en un lenguaje muy sencillo de aprender; principalmente para los desarrolladores que han trabajado con lenguajes como Perl, C o Java, ya que posee similitudes de sintaxis con los mismos. Es portable y multiplataforma (Linux, Windows, entre otros). Trabaja sobre la mayoría de servidores web y está preparado para interactuar con la mayoría de Sistemas de Gestión de Bases de Datos (MySQL, PostgreSQL, Oracle, SQL Server, entre otros).
Para finalizar te dejo este video donde explican breve mente los lenguajes antes mencionados....
Elaborado por: Douglas Amundaray
CI: 25.491.084
Sección 321-V
Unidad Acreditable.
Profesor Manuel Ruiz
Comentarios
Publicar un comentario