Issuu on Google+

Publicación de contenidos en web. 1. World Wide Web. Fue Tim Berner-Lee junto con Robert Cailliau, 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í mediante hipervínculos que permiten su visualización en un ordenador conectado a la red. Términos asociados a Internet. Servidor web: ordenador remoto que tiene instalados los programas necesarios para enviar los documentos requeridos por un ordenador cliente. Cliente: ordenador conectado a Internet que realiza la petición de documentos incluidos en una página web para visualizarlos mediante programas navegadores. Navegador web: software que visualiza documentos en formato web (HTML) y permite el funcionamiento de los hiperenlaces. Los navegadores más utilizados son Internet Explorer, Opera, Mozilla Firefox y Netscape. URL: dirección textual de un servidor web para la apertura de un archivo HTML. IP: código identificativo de un equipo informático en internet formado por cuatro números, cuyo valor no puede exceder de 255. DNS: base de datos que relaciona una dirección textual de un servidor con su dirección IP. HTTP: protocolo de transferencia de hipertexto. Al encabezar una URL con este término, el servidor reconocerá que se le está solicitando un documento web. HTML: acrónimo 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. La dirección que insertamos es lo que conocemos como URL. Paso 2. El servidor DNS localiza la dirección IP. Paso 3. Como la URL que hemos tecleado comienza por HTTP://, el ordenador reconoce que le estamos solicitando algún documento web y nos envía un documento en extensión html. Si no especifica un documento html concreto, el servidor buscará en la carpeta de la web.


Paso 4. Nuestro programa navegador estudia el documento y solicita al servidor los archivos con los que esté enlazado, como imágenes, vídeos, animaciones, etc. Paso 5. Finalmente, nuestro programa navegador compone la página con los textos, enlaces, imágenes y animaciones. Al elaborar una página web comprobemos que se visualiza correctamente en los distintos navegadores. Las páginas web dinámicas trabajan con lenguajes de servidor, es decir, que el lenguaje utilizado para crear la página web no es HTML, por ejemplo PHP: cuando es solicitada su carga desde un ordenador cliente, el lenguaje PHP compone la página web en formato html solo y exclusivamente para ese ordenador cliente. Esto explica por qué una misma URL se ve de distinta manera según el usuario que la visita. Las páginas web se caracterizan por contener enlaces a otros archivos en el mismo servidor o en otros servidores. Estos enlaces se denominan hipervínculos o hiperenlaces. El funcionamiento de un hipervínculo consiste en ejecutar todo el proceso explicado anteriormente a partir de la dirección URL, tan solo hay que hacer clic con el ratón en el hipervínculo para solicitar la carga del nuevo archivo. ACTIVIDADES. 1. ¿Cuál es la función de un servidor DNS? Localizar la dirección IP. 2. ¿Qué diferencias existen entre una URL y una dirección IP? En que la dirección URL es la que nosotros escribimos y la dirección IP corresponde a los archivos web requeridos. 3. ¿Qué navegadores de Internet son los más utilizados? Internet Explorer, Opera, Mozilla Firefox y Netscape. 4. ¿En qué año se comenzó a utilizar la web? En 1990.

1.2. Navegación por internet. Cuando visitamos una página web, el servidor almacena en nuestro equipo un pequeño archivo que guarda información sobre la visita que hemos realizado y el nombre de usuario. Estos archivos se llaman cookies y pueden ser fuente de entrada de malware a nuestro equipo. Para eliminar las cookies acudimos al menú Herramientas. Las opciones de configuración se encuentran en la pestaña de Privacidad. Otro aspecto importante es que, al visitar una página web, sus archivos se descargan a nuestro ordenador y se almacenan en la carpeta de archivos temporales de internet. Si vamos a la misma página tras un corto espacio de tiempo, nuestro navegador visualizará los archivos temporales ya descargados, en lugar de solicitar nuevamente la web al servidor. Este almacenamiento temporal tiene la ventaja fundamental de reducir el tráfico en la red y agilizar los tiempos de carga. Puede ocurrir que no se corresponda con la última actualización de la misma.


Para asegurarnos de que estamos visualizando una web actualizada, es aconsejable pulsar sobre el icono de actualización o utilizar el atajo de teclado F5. Las cookies son pequeños fragmentos de información sobre las páginas que visitamos, que se quedan almacenados en nuestro ordenador.

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 está 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 (< >). El contenido textual que se encuentre entre las dos instrucciones se mostrará en el navegador con la propiedad definida por dicha etiqueta. La creación de un documento HTML se puede hacer en cualquier editor de texto, como Word, Wordpad, pero se debe manejar gran número de etiquetas para dejar una página web atractiva.

2.1. Instrucciones básicas del lenguaje HTML. <html> <head> <title> <body> <li> <table> <hx> <a>

Define un documento como html. Define el encabezado de un documento html. Define el título de la página. Define el contenido que se visualizará en el navegador. Atributo de texto en lista o viñeta. Inserta una tabla en el documento. Atributo de texto de título a distintos niveles en función del valor de x. Inserta un hipervínculo.

<img> <b> <i> <u> <fontsize> <fontcolor> <center> <style>

Inserta una imagen en el documento. Atributo de texto negrita. Atributo de texto cursiva. Atributo de texto subrayado. Atributo de texto del tamaño de la fuente. Atributo de texto del color de la fuente. Atributo de texto de alineación centrada en el documento. Asignación de un estilo de fuente adquirida desde la hoja de estilos CSS.

La mayoría de las etiquetas complementan su información con la ayuda de los atributos. Los atributos son propiedades que se asignan al contenido encerrado entre las etiquetas. Por ejemplo, la etiqueta <a>, que indica que insertamos un hiperenlace, se complemeta con el atributo href, que nos indica la referencia donde lleva el hipervínculo. Los atributos se escriben seguidos del signo igual y del valor, entre comillas, que damos al atributo.


3. Otros lenguajes en servidor web. PHP PHP es un lenguaje de programación de páginas web dinámicas que generalmente utiliza la base de datos MySQL. La utilización del lenguaje PHP está muy relacionada con los programas gestores de contenidos (CMS), que facilitan la creación de páginas dinámicas sin tener conocimientos de programación y son, entre otros, Joomla, Mambo, Drupal o PHP Nuke. Este lenguaje precisa de un software instalado en el servidor web. Su funcionamiento consiste en componer la página web desde le servidor cuando es requerida por un usuario 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 visualizado por nuestro navegador. Podemos decir que cada vez que navegamos por una página dinámica realizada en php, se crea para nosotros. ASP.NET Más que un lenguaje es una herramienta de creación de webs dinámicas desde un servidor desarrollado por Microsoft. Utiliza pequeños fragmentos de programación o scripts, en combinación con el lenguaje HTML. Los conocimientos 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 Mycrosystem que se utiliza en el desarrollo de numerosas aplicaciones, no solo como desarrollo web, sino que también es utilizado para el desarrollo de aplicaciones de escritorio, aplicaciones de telefonía móvil, etc. ACTIVIDADES. 1. ¿En qué se diferencia una página estática de una dinámica? ¿Qué lenguaje de programación se está imponiendo en el desarrollo de páginas dinámicas? Que la página estática está creada con lenguaje html, está subida a un servidor web y sólo podemos modificarla si editamos los archivos html y volvemos a subirlos al servidor. Mientras que una página dinámica está programada en lenguaje php y otros y se pueden crear interfaces de modificación directamente en el servidor. Se está imponiendo en el desarrollo de nuevos sitios web con lenguaje php y otros.


4. Organización de los elementos en páginas web. Cuando nos disponemos a crear una página web, lo primero que debemos hacer es planificar sus contenidos y la estructura q utilizaremos para mostrarlos. La mejor manera es creando un boceto de presentación y funcionamiento. Es muy aconsejable realizar este boceto sobre el papel, ya que las modificaciones sobre un trabajo realizado suelen ser complejas. Definir los objetivos de la página web. No podemos empezar a crear una página web sin saber lo que queremos presentar, la temática y la cantidad de información que incluiremos en ella. Es una buena práctica el contestarse a una serie de preguntas: 1. ¿Cuál es el tema fundamental sobre el que trata la web? ¿A quién va dirigida nuestra web? 2. ¿Qué contenidos queremos que figuren en la web? 3. ¿Cómo organizaremos esos contenidos? 4. ¿Cuántas páginas de nuestro sitio web dedicaremos a cada contenido? 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. Es muy importante que exista armonía y equilibrio en la disposición de los elementos. Las páginas que utilizan textos planos sin inserción de imágenes o sin los menús adecuados pierden su poder llamativo aunque tengan contenidos interesantes. El objetivo principal de una página web es conseguir el mayor número de visitantes posible. Plantillas de marcos. Una página con marcos o frames funciona como una web compuesta por otras pequeñas páginas alojadas en cada marco del diseño. La ventaja de utilización de frames es que se pueden mantener fijos los marcos con menús o cabeceras mientras se navega. La utilización de tablas puede evitar el trabajo con marcos, pues son mucho más versátiles que estos. Organizar la estructura de navegación. Debemos definir qué tipo de estructura queremos: -Estructura lineal: la navegación funciona como un libro en el que se van pasando páginas hacia adelante o hacia atrás. Este tipo de estructura es aconsejable para páginas que trabajan con manuales. -Estructura jerárquica: la navegación funciona por niveles de categoría de los contenidos. Desde cada página individual podrá accederse al nivel superior y a la página de inicio.


-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: todas las páginas dan acceso al resto de los contenidos. La navegación puede resultar bastante confusa, pero ofrece total libertad de elección al usuario.

6. Gestores de contenidos (CMS). Los gestores de contenidos son aplicaciones que se instalan en el servidor para poder crear páginas web dinámicas, permitiéndonos administrar el diseño del sitio de forma independiente. De esta manera, los cambios que se realizan en el diseño no afectan a los contenidos, y viceversa. Los gestores de contenidos se modifican desde internet, cualquier usuario administrador puede hacerlo desde un ordenador remoto. Las plantillas php funcionan como una caja de presentación vacía en la que tenemos que crear la página web añadiendo artículos, noticias, archivos descargables, etc. Siempre que en internet nos encontremos con páginas que publiquen sus contenidos como noticias en una portada, estaremos navegando por una web dinámica creada con algún gestor de contenidos. La mayoría de los CMS son de distribución libre y no requieren grandes conocimientos de programación. Otra ventaja radica en que sus grandes comunidades de usuarios que, de forma desinteresada, desarrollan nuevos módulos o componentes que amplían las posibilidades de estas aplicaciones. El dinamismo reside en la posibilidad de que cualquier usuario puede actualizar la web añadiendo noticias, artículos de contenido, conversaciones en foros, etc. Lista de gestores de contenidos gratuitos. Creación de páginas web. Creación de foros. Creación de blogs. Creación de galerías de imágenes. Creación de wikis. Creación de tiendas virtuales. Creación de grupos de trabajo. Creación de sitios para educación y formación (e-Learning).

CMSimple-Drupal-Gekko-Joomla-MamboPHPNuke-Plone-TYPO3. bbPress-PHPBB-PunBB-MyBB-Vanilla. Wordpress-Serendipity-LifeType. Gallery-Coppermine-File browser. Mediawiki-Tikiwiki-Dokuwiki. OsCommerce. WebCollab. Moodle-Atutor-Claroline.

7. Streaming. Streaming es la posibilidad de reproducir contenido multimedia directamente desde un servidor web sin necesidad de descargar los archivos a nuestro ordenador.


Tradicionalmente, se tenía que almacenar en nuestro ordenador local para ser reproducido. Con las nuevas técnicas de streaming esto ya no es necesario. Gracias a los anchos de bandas que existen hoy, se puede asegurar un flujo de datos continuo que permita ver un vídeo o escuchar música en tiempo real. La mayoría de las 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 como Real Player, Quicktime, Windows Media o Flash Player. Todas ellas precisan que el ordenador del cliente o ususario tenga instalados unos plugins o accesorios para su navegador de internet.

8. Publicación de la web. Cuando hayamos terminado el diseño y edición de nuestra propia página web, deberemos publicarla en internet. ¿Qué elementos necesitamos? -Un espacio es un servidor de internet. Existen empresas dedicadas al hosting (alojamiento de web) que ofrecen este servicio por el pago de una retribución económica o bien de forma gratuita a cambio de incluir publicidad en nuestra página y limitar los servicios. -Un programa para transferir archivos, cuando ya tengamos un espacio web 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 un programa FTP. Un programa FTP (protocolo de transferencia de archivos) permite la conexión entre nuestro ordenador y un servidor FTP de forma remota. Para realizar la conexión se precisa la dirección FTP del servidor, el nombre de usuario dado de alta en el servidor y la contraseña de acceso. El programa NicoFTP, es de distribución gratuita y tiene una interface muy sencilla. Para una utilización más frecuente podemos usar el programa Filezilla, también de distribución gratuita. 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. Paso 2. Una vez configurados los datos, presionaremos el botón Conectar y nos saldrá un entorno como el siguiente. Paso 3. Transferimos archivos entre ambos ordenadores arrastrándolos de una zona de la pantalla a otra.


Resumen silvi