6.- PUBLICACIÓN DE CONTENIDOS. 1. WORLD WIDE WEB. Para el funcionamiento de la red Internet se utilizaron varios proyectos que trataron de utilizar esta tecnología para visualizar documentos alojados en ordenadores remotos. Fue Tim Berner-Lee el que estableció un protocolo de funcionamiento web en 1990. TÉRMINOS ASOCIADOS A INTERNET. Servidor web: ordenador remoto que envía los documentos requeridos por un cliente. Cliente: ordenador conectado a Internet que realiza la petición de documentos. Navegador web: software que visualiza HTML y permite el funcionamiento de hiperenlaces. URL: dirección textual de un servidor web para la apertura de un archivo HTML. IR: código identificativo de un equipo informático. DNS: base de datos que relaciona una dirección textual con su IP. HTTP: protocolo de transferencia de hipertexto. HTML: son los lenguajes marcados de hipertextos.
1.1. FUNCIONAMIENTO DE LA WEB. Los siguientes pasos nos ayudarán a entender la www. 1. Desde nuestro ordenador ejecutamos el programa navegador y escribimos la dirección de una página web. 2. El servidor DNS localiza la dirección IP donde se encuentran los archivos. 3. El servidor reconoce que le estamos solicitando algún documento y nos lo envía en forma HTML. 4. Nuestro navegador estudia el documento y solicita al servidor los archivos enlazados. 5. Finalmente nuestro navegador compone la página. Las webs dinámicas trabajan con lenguajes de servidor. Las páginas webs se caracterizan por contener enlaces a otros archivos. Estos enlaces se llaman hipervínculos o hiperenlaces.
1.2. NAVEGACIÓN POR INTERNET. Los archivos almacenados en nuestra carpeta temporal de Internet se denominan cookies y pueden ser fuente de entrada de malware a nuestro equipo. Otro aspecto importante que debemos tener en cuenta es que al visitar una página, sus archivos se descargan a nuestro ordenador. Este almacenamiento temporal tiene la ventaja de reducir el tráfico de datos en la red agilizando los tiempos de carga.
2. HTML. Es el lenguaje estandarizado para la creación de páginas web. Es un lenguaje basado en etiquetas que definen las cualidades de los textos. Las etiquetas del HTML se identifican por estar cerradas por 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.
2.1. INSTRUCCIONES BÁSICAS. La mayoría de las etiquetas complementan su información con la ayuda de los atributos. 2.2. CREACIÓN DE UN DOCUMENTO HTML SENCILLO. La creación de páginas web bajo el lenguaje HTML es un proceso sencillo pero lento de realizar; por ese motivo se han desarrollado numerosos programas de edición web que nos permiten crear nuestros archivos HTML fácilmente y de una forma gráfica. Los programas de edición web que permiten este diseño en formato final se denominan WYSIWYG.
3. OTROS LENGUAJES EN SERVIDOR WEB.
PHP: es un leguaje de programación de web dinámicas que generalmente utiliza la base de datos MySQL para almacenar los contenidos. Eel uso de este lenguaje está relacionado con los programas CMS qye facilitan la creación de páginas dinámicas. Su funcionamiento consiste en componer la página web desde el servidor cuando es requerida. APS.NET: herramienta de creación de webs dinámicas desde un servidor desarrollado por Microsoft. JAVA: JAVA es un lenguaje de programación desarrollado por Sun Microsystem que se utiliza en el desarrollo de numerosas aplicaciones.
4. ORGANIZACIÓN DE UNA WEB. DEFINIMOS LOS OBJETIVOS DE LA WEB.
Decidimos el nombre, su encabezado y logotipo. DEFINIMOS LA ORGANIZACIÓN DE CONTENIDOS. Se trata de decidir la composición visual que presentará nuestra web, pues estará presente tanta en la página inicial como en el resto de páginas enlazadas. Plantillas de marcos. Los programas de edición nos ofrecen la posibilidad de crear páginas mediante marcos. La ventaja de utilizar marcos es que se pueden mantener fijos los marcos con menús mientras se navega aunque el contenido del marco vaya cambiando. ORGANIZACIÓN DE LA ESTRUCTURA DE NAVEGACIÓN. Lineal. Funciona como un libro en el que van pasando páginas hacia adelante y hacia atrás. Jerárquica. La navegación funciona por categoría de los contenidos. Mixta. Combina la navegación jerárquica con lineales. Marcos. Consiste en tener siempre un marco lateral visible con el menú de acceso a distintas secciones principales del sitio web. Web. En esta estructura de navegación, todas las páginas dan acceso al resto de contenidos.
DEFINIMOS LA COMBINACIÓN DE COLORES E IMÁGENES. Para definir la combinación de colores e imágenes es muy importante la elección de los colores dominantes de la página, etcétera. El uso del color en la web está limitado por la capacidad de los navegadores existentes. La utilización de fondos de imagen en la web debe respetar el contraste para la lectura correcta de los textos. Estas imágenes de fondo tienen que cumplir una serie de requisitos: No deben tener gran tamaño para agilizar la carga de la página. Deben tener suficiente resolución para una correcta visualización.
Prescindiremos de imágenes que tengan grandes variaciones de color para evitar zonas donde no se distinga bien el texto.
En el desarrollo de páginas web es habitual incluir pequeñas imágenes que actúen como enlaces a otras zonas de nuestra web o a enlaces externos. Debemos recordar que los archivos de imagen jpg no soportan la transparencia, mientras que otros formatos como gif o png si lo hacen.
ENCABEZADO Y PIE DE PÁGINA.
El encabezado suele estar formado por un banner con el título de nuestra web y por un logotipo o imagen identificativa. El pie de página suele reservarse para la información técnica de la web y la información sobre la propiedad de dicha página web. Consejos para crear páginas web útiles:
No se deben crear páginas sin enlaces para poder seguir navegando. La longitud de las páginas no deben suponer un exceso de scroll. Si tienes un exceso de contenido, es preferible dividirlo en dos páginas. Informa de la actualización de tu web. Es importante poner la fecha de la última actualización. Evitar cambiar el color de los textos con hiperenlaces; los usuarios están acostumbrados al estándar y podrían confundirse. Comprueba que tu página funciona correctamente en todos los navegadores importantes y que no existe ningún enlace roto en tu página. Diseña tu página con tamaños relativos, es decir, indica las dimensiones de las imágenes, de los textos, etc., en forma de porcentajes en vez de fijar unas medidas. Revisa los textos para asegurarte de que no existen faltas de ortografía. Utiliza tipos de letra sencillos y sin adornos tipográficos para facilitar la lectura. Emplea texto alternativo a tus imágenes para mejorar la accesibilidad y la posibilidad de navegar sin imágenes.
5. GESTORES DE CONTENIDOS. Los gestores de contenidos (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 cometido. Los gestores de contenidos se modifican desde Internet. Existen plantillas php que 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étera.
La mayoría de los CMS son de distribución libre y no requieren grandes conocimientos de programación. Otra ventaja de los gestores de contenidos radica en que sus grandes comunidades de usuarios que, de forma desinteresada, desarrollan nuevos módulos que amplían las posibilidades de estas aplicaciones. 5.1. FUNCIONAMIENTO DE UN GESTOR DE CONTENIDOS. El funcionamiento de un gestor de contenidos, como por ejemplo Joomla, para la creación de un portal, está basado en lo siguiente: La presentación del portal a los usuarios en una zona llamada frontend. La administración del portal, llamada backend, desde la que se pueden gestionar los menús, los artículos de contenido, los usuarios, etcétera. Cada gestor de contenidos tiene añadidos o extensiones que al instalarlos amplían las posibilidades de la página. Los nuevos servicios que ofrece Internet, como los blogs o bitácoras o las propias páginas wikis, se entienden como sistemas de gestión de contenidos y se han desarrollado completas aplicaciones web para su creación. En la actualidad, el gestor de cursos Moodle, de distribución gratuita, es la herramienta más utilizada para la creación de portales educativos en los que los alumnos pueden tomar sus lecciones y realizar sus tareas por Internet.
6. STREAMING Streaming es la posibilidad de reproducir contenido multimedia directamente desde un servidor web sin necesidad de descargar los archivos a nuestro ordenador. Actualmente, 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 basadas en reproductores que admiten streaming, como Real Player, Quicktime, Windows Media o Flash Player. Todas ellas precisan que el ordenador del cliente o usuario tenga instalados unos plugins o accesorios para su navegador de Internet. 6.1. Crea tu propia radio on-line Existe la opción de crear nuestra propia radio on-line gracias a la reproducción de nuestros propios archivos MP3 alojados en nuestro servidor. El sistema de radio propio está basado en una pequeña aplicación Flash gratuita llamada VDS Radio que permite, mediante unos sencillos pasos, configurar los archivos MP3 que estarán presentes en nuestra radio, la sintonía de bienvenida, el logotipo e incluso el skin o piel de nuestro reproductor.
El funcionamiento de este sistema consiste en la creación de una lista de reproducción de archivos MP3 que existen en Internet. Debemos subir los archivos que forman parte de la aplicación a nuestra página web e insertar el archivo swf principal.
7. PUBLICACIÓN EN LA WEB. ¿Qué elementos necesitamos para la publicación de una página web 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 servicio de conexión. Existen empresas dedicadas al hosting que ofrecen este servicio por el pago de una retribución económica 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. 7.1. FUNCIONAMIENTO DE UN PROGRAMA FTP Un programa FTP 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. Para trasladar archivos con el programa NicoFTP seguiremos los siguientes pasos: Paso 1: ejecutaremos el archivo NicoFTP.exe, ya que no requiere instalación y configuramos los datos de la conexión. Paso 2: Una vez configurados los datos, presionaremos el botón Conectar y nos saldrá un entorno. Paso 3: Transferimos archivos entre ambos ordenadores arrastrándolos de una zona de la pantalla a otra. Cuando hablamos de accesibilidad en la web nos estamos refiriendo a la técnica de diseño de páginas web, que permite a cualquier persona con discapacidad física o sin medios tecnológicos necesarios el acceso a la información.
ACCESIBILIDAD TÉCNICA
Si realizamos una página web con espectaculares diseños, bonitas fotografías pero de lenta velocidad de carga, estaremos creando una web poco accesible,
ya que solo la podrán disfrutar las personas con grandes anchos de banda en su conexión a Internet.
ACCESIBILIDAD FÍSICA.
Las grandes barreras de accesibilidad que podemos encontrar en la web para una personal con discapacidad son: Una persona con dificultades de visión deberá utilizar ampliadores de pantalla o programas lectores de pantalla que pongan voz a los textos de la web. Una persona con dificultades motrices deberá evitar un manejo preciso del ratón, por lo que una página web accesible debe tener botones grandes y atajos de teclado. Una persona con dificultades de percepción debe tener la posibilidad de cambiar el color y tamaño de los textos y fondos. Una persona sorda no percibirá los elementos multimedia de la web; por tanto deberemos subtitular vídeos, indicar la existencia de sonido y su función, etcétera. En general con un pequeño ejercicio de imaginación nos percatamos de lo importante que es tener en cuenta la accesibilidad cuando creamos nuestra propia página web.
TEST DE ACCESIBILIDAD WEB.
El test de accesibilidad web es capaz de identificar los problemas que presenta una página web y graduarlos en función de la prioridad de cumplimiento que da el consorcio W3C. Para realizar el test de accesibilidad, tan solo tenemos que escribir la URL en la página principal del test. Existen varios programas cuyo objetivo es aumentar la accesibilidad al mundo informático de las personas con discapacidad. Un ejemplo de aplicación comercial para personas ciegas es el lector de pantalla JAWS. Este lector lee los contenidos presentes en la pantalla del ordenador y los vocaliza gracias a un sintetizador de voz. Gracias a este programa nos damos cuenta de la importancia de cumplir las pautas de accesibilidad.