El documento describe una práctica sobre la configuración de páginas web multilenguaje. Se explica cómo configurar Apache para ofrecer el mismo contenido en diferentes idiomas según la configuración del navegador del usuario. Se crean páginas index en inglés, francés y español y se comprueba que Apache muestra la página correspondiente al idioma seleccionado en el navegador.
1. IES Gran Capitán
Módulo: Despliegue de Aplicaciones Web
Ciclo Formativo de Grado Superior “Desarrollo de aplicaciones Web”
Práctica 7: Páginas multilenguaje
Fecha entrega: 13/11/2013
Autores: Pablo Medina Suárez
IES Gran Capitán. C/. Arcos de la Frontera, S/N. 14014 – Córdoba.
http://www.iesgrancapitan.org http://informatica.iesgrancapitan.org informatica@iesgrancapitan.org
2. Práctica 7: páginas multilenguaje
2
1 ÍNDICE
1
ÍNDICE
2
2
INTRODUCCIÓN
3
3
DESARROLLO DE LA PRÁCTICA
4
3.1
3.2
3.3
3.4
CONFIGURA TU PÁGINA WEB PARA QUE SEA MULTILENGUAJE
CREA VARIOS INDEX EN DISTINTOS IDIOMAS: ESPAÑOL, INGLÉS Y FRANCÉS
CONFIGURA EN TU MÁQUINA CLIENTE UN NAVEGADOR EN IDIOMA INGLÉS
CONFIGURA AHORA EL NAVEGADOR EN RUSO. ¿EN QUÉ IDIOMA TE MUESTRA LA WEB? ¿ES LO
QUE ESPERABAS?
4
5
5
4
CONCLUSIÓN
8
5
BIBLIOGRAFIA
9
IES Gran Capitán. C/. Arcos de la Frontera, S/N. 14014 – Córdoba.
http://www.iesgrancapitan.org http://www.iesgrancapitan.org/blog04/ informatica@iesgrancapitan.org
7
3. Práctica 7: páginas multilenguaje
2
3
INTRODUCCIÓN
Objetivo:
Proporcionar nuestra página (index.html) en varios idiomas según la solicitud del
cliente (según la configuración del navegador).
Leer el apartado 6.1. de la "Guía de Supervivencia de Apache".
Configuración de los idiomas de Firefox:
Preferencias->Preferencias->Contenido->Idiomas
Tu solicitud debería ser contestada en inglés.
IES Gran Capitán. C/. Arcos de la Frontera, S/N. 14014 – Córdoba.
http://www.iesgrancapitan.org http://www.iesgrancapitan.org/blog04/ informatica@iesgrancapitan.org
4. Práctica 7: páginas multilenguaje
4
3 DESARROLLO DE LA PRÁCTICA
3.1
Configura tu página web para que sea multilenguaje
Antes de comenzar con la práctica, crearé un nuevo sitio siguiendo los pasos básicos,
denominado práctica6, este sitio proveerá un índice en función del lenguaje del navegador del
cliente. Hecho esto, procedemos a iniciar con el desarrollo de la práctica.
Veamos las configuraciones a incluir en el sitio para hacer que este sea multilenguaje:
Las directivas empleadas han sido las siguientes:
AddLanguage idioma .extensión: de esta forma asociamos cada idioma con una
extensión de documento determinada, necesaria para las vistas múltiples del sitio
(MultiViews), que veremos a continuación.
LanguagePriority idioma idioma idioma…: utilizado para establecer las
prioridades de los idiomas a la hora de cargar un documento. Esta opción es útil en
los casos en los que el navegador no indique un idioma preferente.
Options MultiViews: así habilitamos las vistas múltiples de un mismo documento
dentro del directorio, denominado negociación de contenidos.
DirectoryIndex: así establecemos que cualquier documento index es válido para
ser mostrado como índice.
Hecho esto, guardamos los cambios y reiniciamos el servidor, ya tenemos configurado
nuestro sitio para ofrecer un índice en varios idiomas.
IES Gran Capitán. C/. Arcos de la Frontera, S/N. 14014 – Córdoba.
http://www.iesgrancapitan.org http://www.iesgrancapitan.org/blog04/ informatica@iesgrancapitan.org
5. Práctica 7: páginas multilenguaje
3.2
5
Crea varios index en distintos idiomas: español, inglés y francés
Hecho lo anterior, tenemos que crear un índice por cada idioma en el que queramos
mostrar en nuestro sitio. Lógicamente, cada documento estará en un idioma distinto.
Es importante que cada documento cuente con la extensión correspondiente a su
idioma, por lo tanto, el resultado final será tener los documentos index.html.es, index.html.en,
index.html.fr.
Vistazo al directorio del sitio:
Creado cada documento en su correspondiente idioma y con la extensión adecuada,
pasamos a comprobar el funcionamiento de los cambios realizados.
3.3
Configura en tu máquina cliente un navegador en idioma inglés
Desde la máquina cliente (al que hemos configurado el archivo hosts y demás para
poder acceder), abrimos el navegador (Firefox, en este caso) y accedemos al menú de
configuración (Preferencias):
A continuación, accedemos a la sección de Idiomas, dentro de la pestaña Contenido, y
cambiamos el orden de preferencia por inglés como primer idioma:
IES Gran Capitán. C/. Arcos de la Frontera, S/N. 14014 – Córdoba.
http://www.iesgrancapitan.org http://www.iesgrancapitan.org/blog04/ informatica@iesgrancapitan.org
6. Práctica 7: páginas multilenguaje
6
Aceptamos los cambios y accedemos al sitio, que debería mostrarse en inglés:
Hacemos lo mismo para el francés (añadiendo el idioma a la lista de no estar
previamente):
Y comprobamos que se muestra en francés:
Faltaría más, lo hacemos también para el castellano:
Ya hemos comprobado que las configuraciones funcionan correctamente.
IES Gran Capitán. C/. Arcos de la Frontera, S/N. 14014 – Córdoba.
http://www.iesgrancapitan.org http://www.iesgrancapitan.org/blog04/ informatica@iesgrancapitan.org
7. Práctica 7: páginas multilenguaje
3.4
7
Configura ahora el navegador en ruso. ¿En qué idioma te muestra la
web? ¿Es lo que esperabas?
Si configuramos el servidor para el idioma ruso y eliminamos el resto de idiomas de
las preferencias (para que no interfieran), haciéndolo de igual manera que hemos hecho en el
punto anterior:
Una vez accedemos al sitio obtenemos el siguiente resultado:
Efectivamente, la página se ha mostrado en inglés, tal y como esperaba. Esto es así
porque a la hora de configurar el servidor, utilicé la directiva LanguagePriority en es fr (como
puede verse en el primer punto de la práctica), de tal modo que la prioridad de idiomas es inglés
> español > francés, como el navegador no ha proporcionado ninguno de los tres, devuelve la
página en inglés.
Comprobado lo anterior, podemos dar por concluido el desarrollo de la práctica.
IES Gran Capitán. C/. Arcos de la Frontera, S/N. 14014 – Córdoba.
http://www.iesgrancapitan.org http://www.iesgrancapitan.org/blog04/ informatica@iesgrancapitan.org
8. Práctica 7: páginas multilenguaje
8
4 CONCLUSIÓN
Durante el desarrollo de esta práctica he aprendido a configurar uno de los sitios de mi
servidor web para que ofrezca una página en varios idiomas: inglés, francés y castellano. Para
ello, me he servido de las directivas de Apache para la negociación de contenidos por
MultiViews: AddLanguage, LanguagePriority, Options MultiViews.
También, como parte del desarrollo de la práctica, he visto cómo las preferencias de
idiomas del navegador afectan a las páginas web a la hora de mostrarse, al igual que a
modificarlas para realizar comprobaciones sobre nuestro sitio.
IES Gran Capitán. C/. Arcos de la Frontera, S/N. 14014 – Córdoba.
http://www.iesgrancapitan.org http://www.iesgrancapitan.org/blog04/ informatica@iesgrancapitan.org
9. Práctica 7: páginas multilenguaje
5 BIBLIOGRAFIA
Guía de Supervivencia Apache.
Consultado en: http://moodle.iesgrancapitan.org/file.php/63/Apache/guiasupervivencia-apache.pdf
IES Gran Capitán. C/. Arcos de la Frontera, S/N. 14014 – Córdoba.
http://www.iesgrancapitan.org http://www.iesgrancapitan.org/blog04/ informatica@iesgrancapitan.org
9