Issuu on Google+

1.World Wide Web Desde el desarrollo de la tecnología y la elaboración de los protocolos de comunicación necesarios para el funcionamiento de la red Internet (1973) fueron varios los proyectos que trataron de utilizar est a tecnología. Fue el inglés Tim Berner-Lee, junto con el belga Robert Caillaiu, el que estableció un protocolo de funcionamiento de la web en 1990. La World Wide Web (WWW) comúnmente conocida como la web, se compone de un sistema de documentos que están relacionados entre sí.

∎ Términos asociados a internet •Servidor de web: ordenador remoto que tiene programas necesarios para enviar los documentos.

instalados

los

•Cliente: ordenador conectado a Internet que realiza la petición de documentos incluidos en una página web. • Navegador Web: software instalado en el ordenador del cliente que visualiza documentos en formato web (HTML) y permite el funcionamiento de los hiperenlaces. • URL: dirección textual de un servidor web para la apertura de un archivo HTML. • IP: código identificativo de un equipo informático de Internet formado por cuatro números. •DSN: base de datos que relaciona una dirección textual de un servidor con su dirección IP. •HTTP: protocolo de transferencia de hipertexto. •HTML: acrónimo inglés del término hipertext Markup Language, que se traduce como ≪ Lenguaje de marcado de hipertextos≫.

1.1.

Funcionamiento de la web.

Paso 1. Desde nuestro ordenador ejecutamos el programa navegador de internet y escribimos la dirección de una página web.


Paso 2. El servidor DNS que tenemos configurado en nuestra conexión a internet localiza la dirección IP que corresponde al ordenador. Paso 3. Como la URL que hemos tecleado comienza por HTTP://, el ordenador servidor reconoce que le estamos solicitando algún documento web y no envía un documento con extensión html. Paso 4. Nuestro programa navegador estudia el documento html recibido y solicita al servidor los archivos con los que este enlazado. Paso 5. Finalmente, nuestro programa navegador compone la página con los textos, enlaces, imágenes y animaciones. Es importante que al elaborar la página web comprobemos que se visualiza correctamente en los distintos navegadores. Las páginas webs dinámicas trabajan con lenguajes de servidor, esto quiere decir que el lenguaje utilizado para crear la página web no es HTML sino por ejemplo PHP. Ya hemos conseguido abrir un página web. Estas se caracterizan por contener enlaces a otros archivos en el mismo servidor o en otros servidores. Estos enlaces se denominan hipervínculos o hiperenlaces.

Actividades 1. ¿Cuál es la función de un servidor DNS? Localiza la dirección IP que corresponde al ordenador servidor donde se encuentran los archivos web requeridos.

2. ¿Qué diferencias existen entre la URL y una dirección IP? La URL es la dirección textual de un servidor web para la apertura de un archivos HTML y la IP código identificativo de un equipo informático de internet formado por cuatro números.

3.¿Qué navegadores de internet son los más utilizados? Internet, Explorer, Opera, Mozilla Firefox y Netscape

4. ¿En que año se empieza utilizar la web? En 1990.

5. Realiza un resumen del funcionamiento de la web Primero ejecutamos el programa para navegar y ponemos la URL, después tenemos que ver que la dirección IP que tenemos encuentra la dirección web. Como las url empieza por http pues directamente nos reconoce que estamos


solicitando algún documento web, el navegador estudia el documento html recibido y busca los elementos enlazados como imágenes o videos y finalmente nuestro programa de navegador compone la pagina con los textos, imágenes, enlaces etc.

1.2 Navegación por internet Cuando visitamos una página web el servidor web almacena en nuestro equipo un pequeño archivo que guarda información sobre la visita que hemos realizado, y el nombre y usuario y contraseña si se trata de un pagina de registro de usuarios. Estos archivos se denominan cookies y pueden ser fuente de entrada al malware. Para eliminar los cookies o configurar las opciones de navegador vamos a Herramientas > Opciones de internet de nuestro navegador. Otro aspecto importante que debemos tener en cuenta cuando navegas por internet es que, al visitar un página web, sus archivos se descargan a nuestro ordenador y se almacenan en la carpeta de archivos temporales de internet. Para asegurarnos de que estamos visitando una página web actualizada desde el servidor, y no un versión mas antigua almacenada en nuestro equipo, es aconsejable pulsar el icono de actualización o utilizar F5 del teclado.

2. HTML. El lenguaje estándar de la web El lenguaje estandarizado para la creación de páginas web es el lenguaje HTML. El lenguaje HTML es un lenguaje basado en etiquetas que definen las cualidades de los textos que contiene. Las etiquetas de lenguaje HTML se identifican por estar encerradas entre los símbolos de mayor y menor (<>). Tienen una instrucción de comienzo (<body>) y otra de cierre (</body>). La creación de un documento HTML se puede hacer en cualquier editor de texto, como Word, Wordpad o lo mismo bloc de notas, pero se debe manejar gran numero de etiquetas para dejar un página web atractiva.

2.1 Instrucciones básicas del lenguaje HTML. <html> define como documento HTML. <head> define el encabezado de un documento HTML. <title> define el titulo de la página. <body>define el contenido que se visualizará en el navegador. <li>

atributo de texto en listo o viñeta


Table inserta una tabla en el documento <hx>atributo de texto de título a distintos niveles en función de valor x. <a> inserta un hipervínculo. <img>inserta una imagen en el documento. <h> atributo de texto. <i> atributo de texto en cursiva <u> atributo de texto subrayado. <Fontsize> atributo de texto del tamaño de la fuente. <center> atributo de texto de alineación centrada en el documento. <style> asignación de un estilo de fuente adquirida desde la hoja de estilos.

3. Otros lenguajes en servidor web. ∎PHP

Php es el lenguaje de programación de páginas web dinámicas que generalmente utiliza la base de datos MySQL para almacenar los contenidos. Este lenguaje de programación funciona en plataformas Windows, Linux y Mac y es de distribución libre. La utilización del lenguaje (CMS), que facilitan la creación de páginas dinámicas sin tener conocimientos de programación y son Joomla, Mambo, Drupal o PHP Nuke, que veremos más adelante. Su funcionamiento consiste en componer la página web desde el servidor cuando es requerida por un usuario o cliente: 1. El servidor web lee el contenido de los archivos php. 2. Obtiene el contenido de la base de datos. 3. Exporta la web al cliente en un formato capaz de ser visualizados por nuestro navegador. ∎ ASP.NET

Más que un lenguaje de programación, ASP (Servidor de páginas activas) es una herramienta de creación de webs dinámicas desde un servidor desarrollado por Microsoft. Los conocimiento necesarios para su manejo son mayores que en los lenguajes vistos hasta el momento.


∎JAVA Java es un lenguaje de programación desarrollado por Sun Mircrosystem que se utiliza en el desarrollo de numerosas aplicaciones, no solo como desarrollo web, sino que también es utilizado como desarrollo de aplicaciones para el escritorio, aplicaciones de telefonía móvil, étcetera.

4. Organización de los elementos en páginas web. Cuando nos disponemos a crear un página web, lo primero que debemos hacer es planificar sus contenidos y la estructura que utilizaremos para mostrarlos.

∎Definir los objetivos de la página web. No podemos empezar a crear una web sin saber lo que queremos presentar, la temática sobre lo que versará y la cantidad de información que incluiremos en ella. En este punto debemos decidir el título de la web, su encabezado y logotipo. ∎Definir la organización de los contenidos y menús.

Se trata de decidir la composición visual que presentará nuestra web. Para realizar una página atractiva es muy importante que exista armonía y equilibrio en la disposición de los elementos. Debemos recordar que el objetivo principal de un página web es conseguir el mayor número de visitantes posibles ofreciendo una información de calidad. Plantillas de marcos Los programas de edición nos ofrecen la posibilidad de crear páginas mediante marcos. La ventaja de la utilización de frames es que se pueden mantener fijos los marcos con menús p cabeceras mientras se navega aunque el contenido del marco o frames vaya cambiando.

∎Organizar la estructura de navegación A la hora de crear los enlaces entre las distintas páginas de nuestro proyecto debemos definir qué tipo de estructura queremos:

⊳Estructura lineal. La navegación funciona como un libro en el que se van pasando las páginas hacia delante o hacia atrás.

⊳Estructura jerárquica. En esta estructura, la navegación funciona por niveles de categoría de los contenidos.


⊳Estructura mixta. Combina la navegación jerárquica con zonas de navegación lineal. Es la más utilizada.

⊳Estructura de marcos. Consiste en tener siempre visible un marco lateral o superior con el menú de acceso a las distintas secciones principales del sitio web.

⊳Estructura web. En esta estructura de navegación, todas las páginas dan acceso al resto de contenidos.

5. Gestores de contenidos (CMS). Los gestores de contenidos ( Content Management System, CMS) son aplicaciones que se instalan en el servidor para poder crear páginas webs dinámicas permitiéndonos administrar el diseño del sitio de forma independiente a su contenido. Los gestores de contenidos se modifican desde internet, por lo que cualquier usuario administrador puede hacerlo desde un ordenador remoto. La mayoría de los CMS son de distribución libre y no requieren grandes conocimientos de programación. El dinamismo de estas páginas reside en la posibilidad de cualquier usuario puede actualizar la web añadiendo noticias archivos descargables, artículos de contenido, conversaciones en foros, etc.

6. Streaming Streaming es la posibilidad de reproducir contenido multimedia directamente desde un servidor web sin necesidad de descargar los archivos a nuestro ordenador. Con las nuevas técnicas de streaming ha proliferado su utilización en la web. Actualmente muchas emisoras de radio y muchas de las emisoras de televisión emiten sus contenidos por internet. Para incorporar archivos multimedia a una página web se utilizan distintas tecnologías basadas en reproductores que admiten streaming como Real Player, Quicktime, Windows Media o Flash Player.

7. Publicacion de la web. Cuando hayamos terminado el diseño y edición de nuestra propia página web, deberemos publicarla en Internet.

∎Un espacio es un servidor de internet. Generalmente nuestro proveedor de internet nos ofrecerá un espacio web y una serie de correos electrónicos junto con


el servidor de conexión. En cualquier caso, existen empresas dedicadas al hosting (alojamiento de la web).

∎Un programa para transferir archivos. Cuando ya tengamos un espacio web donde almacenar nuestros archivos se nos facilitará una dirección FTP un nombre de usuario y una contraseña para poder trasladar los archivos desde nuestro ordenador hasta el servidor remoto.

8.1. Funcionamiento de FTP. Un programa FTP (File Transfer o protocolo de transferencia de archivos) permite la conexión entre nuestro ordenador y un servidor FTP. Para realizar la conexión precisa la dirección FTP del servidor, el nombre de usuario dado de alta en el servidor y la contraseña de acceso. En este apartado utilizaremos el programa NicoFTP, pues es de distribución gratuita y tiene una interface muy sencilla. Para trasladar archivos con el programa NicoFTP seguiremos los siguientes pasos. Paso 1. Ejecutamos el archivo NicoFTP.exe. En la ventana del programa, accedemos al menú FTP> Conectar conexión. Paso 2. Una vez configurados los datos, presionamos el botón conectar y nos saldrá un entorno como lo siguiente. Paso 3. Transferimos archivos entre ambos ordenadores arrastrándolos de una zona de pantalla a otra.


Resumen