El multingüisme als webs d’empresa
Web de la Generalitat de Catalunya Contacte
Inici: Ets responsable de web? Com es dissenya el lloc web per facilitar la producció en diverses llengües?
Vinyeta Com es dissenya el lloc web
per facilitar la producció en diverses llengües?
Vinyeta
Aspectes tècnics
<buit>
Altres recomanacions tècniques per a la internacionalització
    Aquestes recomanacions es basen també en les propostes del W3C.

Navegadors
Estructura de directoris i fitxers
Noms de fitxers i directoris
Identificadors
Format separat del contingut
Estils
Diferents formats de dates
Galetes (o Cookies)
Elements <EMBED>
Navegadors
Dissenyar la pàgina de la manera més genèrica possible, compatible per a diferents navegadors i versions de navegadors.
 
PujarPujar
 
Estructura de directoris i fitxers
Cal establir una estructura de directoris i fitxers que faciliti la feina dels cercadors i permeti una manipulació mínima dels enllaços. En l'exemple següent, només canvien els enllaços a la pàgina inicial, però no pas entre directoris.

La pàgina inicial de la llengua principal conté l’estructura de directoris.
P.e.: index.html
Les pàgines inicials de cada llengua també són a l’arrel i contenen un identificador de la llengua en el nom.
P.e.: index_ca.html
La resta de pàgines tenen noms idèntics en totes les llengües, però són en diferents directoris lingüístics.

Vinyeta
Aquesta estructura aplicada a tot un web fa que només canviant “en” per “ca” es canviï la llengua de la pàgina. P.e.:
http://www.xxx.net/en/clients.html
http://www.xxx.net/ca/clients.html
Estructura de directoris i fitxers
 
PujarPujar
 
Noms de fitxers i directoris
Es recomana no traduir els noms de fitxers i directoris perquè es faria molt difícil controlar tots els noms canviats dels fitxers quan es creen enllaços entre les pàgines. Si només canvia el nom del directori, és més fàcil canviar les rutes del enllaços. P.e.:

http://www.xxx.net/ca/pagines/serveis.htm
http://www.xxx.net/en/pages/services.htm
http://www.xxx.net/es/paginas/servicios.htm

http://www.xxx.net/ca/pagines/serveis.htm
http://www.xxx.net/en/pagines/serveis.htm
http://www.xxx.net/es/pagines/serveis.htm

Quant als noms de les imatges, tampoc no es recomana traduir-les. Vegeu com gestionar-les segons la llengua del text que contenen a l’apartat 3.3.
 
PujarPujar
 
Identificadors
Cal facilitar la identificació del text traduïble entre els codis. Una manera de fer-ho és afegir una etiqueta ID a cadascun dels elements traduïbles.

Una ID és molt útil per reaprofitar les traduccions i per reutilitzar el text entre les pàgines.
Les ID han de ser úniques.
L’HTML permet una ID a tots els atributs, tret de <title>.
 
PujarPujar
 
Format separat del contingut
Cal separar la informació de format (negreta, subratllat, etc.) del contingut textual (títol, nom d’enllaç, etc.) ja que la traducció potser no ha de tenir el mateix format.

<tr>
<td><span class="apartats">Format separat del contingut</span><br>
Cal separar la informaci&oacute; de format (negreta, subratllat, etc.) del contingut textual (t&iacute;tol, nom d&rsquo;enlla&ccedil;, etc.), ja que la traducci&oacute; potser no ha de tenir el mateix format.</td>
</tr>

 
PujarPujar
 
Estils
En la mesura que sigui possible, en qüestions de format es recomana fer servir estils en lloc d’etiquetes. Això facilita, per exemple, la migració de FrameMaker a XML/HTML.

<tr>
<td><strong><font color="#FF6633" size="2" face="Arial, Helvetica, sans-serif">Format separat del contingut</font></strong><br>
<font size="2" face="Arial, Helvetica, sans-serif">Cal separar la informaci&oacute; de format (negreta, subratllat, etc.) del contingut textual
(t&iacute;tol, nom d&rsquo;enlla&ccedil;, etc.) ja que la traducci&oacute; potser no ha de tenir el mateix format.</font></td>
</tr>

<tr>
<td class="text"><span class="apartats">Format separat del contingut</span><br>
Cal separar la informaci&oacute; de format (negreta, subratllat, etc.) del contingut textual (t&iacute;tol, nom d&rsquo;enlla&ccedil;, etc.), ja que la traducci&oacute; potser no ha de tenir el mateix format.</td>
</tr>
 
PujarPujar
 
Diferents formats de dates
Incloure la possibilitat de triar diferents formats de data, per exemple dia/mes/any (format català), mes/dia/any (format nord-amercià), etc. Llavors, en localitzar la pàgina en altres idiomes ja no caldrà modificar el codi en aquest punt. La feina d’enginyeria i modificació del codi durant el procés de localització és cara i complexa. Per tant, tot allò que simplifiqui la feina d’enginyeria és molt recomanable.
 
PujarPujar
 
Galetes (o cookies)
És recomanable fer servir galetes per recordar la llengua preferida del visitant. En el quadre següent es pot veure un fragment de codi amb la galeta que tria la pàgina inicial de Google en català:

#set user preference on Google to Catalan language
request = httplib.HTTPConnection('www.google.com')
request.putrequest ('GET', '/setprefs?submit2=Save+Preferences+&hl=ca&lang=all&safe=images' \
'&num=10&q=&prev=http%3A%2F%2Fwww.google.com%2F&ie=UTF-8&oe=UTF-8')
request.putheader('Cookie', cookie)
request.endheaders()
response = request.getresponse()
request.close()

Ara bé, hi ha usuaris contraris a l’ús de les galetes, atès que es queden emmagatzemades al seu ordinador. Si l’usuari té inhabilitada l’opció de recepció de galetes al seu navegador, les webs que funcionin amb galetes no podran “recordar” l’idioma triat en la darrera visita.

A continuació, com a apunt tècnic útil per a empresaris que vulguin avaluar els models de pàgina de benvinguda que estem analitzant, expliquem com podem activar o desactivar la recepció de galetes i com podem veure les galetes que ja hem rebut al nostre ordinador i esborrar-les si ho considerem oportú.

Com activem o desactivem les galetes:

ampliar imatge
Vinyeta
Amb Internet Explorer 6:

Cal fer clic a Eines > Opcions d'Internet... > Personalitzar nivell... S'obrirà la finestra Configuració de seguretat en la qual cal activar les opcions relatives a les galetes.
Activem o desactivem les galetes. Explorer 6
ampliar imatge
Vinyeta
Amb el navegador Firefox:

Cal fer clic a Eines > Opcions... S'obrirà la finestra Privadesa amb l'opció Galetes desplegada i escollim l'opció Habilita les galetes.
Activem o desactivem les galetes. Firefox
Com podem veure les galetes que ja hem rebut?

Per mitjà del gestor de galetes, que ens permet esborrar-les si convé. En el cas de la UOC, si és el primer cop que s'accedeix a aquest web (http://www.uoc.edu) caldrà que seleccionem la llengua d'entrada, per exemple, el català.

Com a conseqüència de la nostra selecció, podrem veure amb el gestor de galetes que hem rebut la galeta que, a partir d'aquest moment, ens estalviarà la selecció de la llengua cada vegada que visitem aquest web i ens enviarà automàticament al portal en català (http://www.uoc.edu/web/cat/index.html).

Vinyeta
Com podem veure les galetes que ja hem rebut?
Com podem veure les galetes que ja hem rebut?
Fletxa que indica cap a sota
Captura de la pantalla d'inici de la UOC amb català
 
PujarPujar
 
ELEMENTS <EMBED>
Aquests elements, com ara scripts i queries SQL necessiten una clara identificació perquè la localització així ho requereix. Per facilitar-ne la localització:

Col·loqueu-los fora del document (mitjançant mecanismes d’inclusió).
Internacionalitzeu-los correctament.
PujarPujar
   
 
Índex
1. Introducció
2. Què es vol traduir?
3. Com es dissenya el lloc web per facilitar la producció en diverses llengües?
3.1. Aspectes tècnics
3.2. Contingut textual
3.3. Contingut gràfic
4. Fase de localització
4.1. Preparació
4.2. Realització
5. Després de la localització: fase de comprovació
5.1. Funcionals
5.2. Visuals
6. La guia d'estil
> Bibliografia
Avançar
         
© Generalitat de Catalunya
Avís legal
Correu