Por ello, he decidido publicar un pequeño resumen que espero que sirva de ayuda para los que empezáis en el mundo de la Localización.
Etiquetas
Generales:
• <html> </html>: indica el principio y el fin del código de HTML.
•
<head>
</head>: delimita la parte de la cabecera del documento. La cabecera contiene información sobre el propio documento HTML, como por ejemplo su título y el idioma de la página, pero no es visible en la web.
•
<title> </title>: delimita el título de la ventana. Su contenido es invisible en el cuerpo de la web (solo aparece en la parte superior de la ventana), pero es muy importante para los motores de búsqueda.
•
<body>: a partir de aquí, se muestra el contenido real de la página web, es decir: el texto.
•
<a> </a>: marca las anclas utilizadas para establecer un enlace con texto o gráficos. La orden del ancla debe incluir el parámetro href="URL" si hace referencia a una URL. Es decir, si quieres introducir un link en la página. En cuanto a los gráficos, se pueden insertar mediante la orden IMG con el parámetro src="URL". A veces los gráficos incluyen texto alternativo [alt=]. Este texto alternativo se muestra en la web si el gráfico no se ha podido visualizar (porque no tienes las actualizaciones instaladas, por ejemplo).
•
<script>: se usa para introducir un script en la web. (Por si no sabéis lo que es un script: http://es.wikipedia.org/wiki/Script).
Formato de fuente:
<b>
</b>: negrita
<i> </i>: cursiva
<u>
</u>: texto subrayado
<sup>
</sup>: superíndice
<sub>
</sub>: subíndice
Tamaño de fuente:
<h1>
</h1> / <h6> </h6>: tamaño del título, 1 es la más grande, 6, la más pequeña.
<small>
</small>: hace la letra más pequeña.
<big>
</big>: hace la letra más grande.
<font
size=…>
</font>: tamaño de la letra, 1 es la más pequeña, 7, la más grande y 3, normal.
Estructura de los párrafos:
<p>
</p>: comienza el párrafo (se deja un espacio automáticamente antes y después del párrafo).
<center>
</center>: centrar.
<br>
</br>: salto de línea
<nobr>
</nobr>: elimina los saltos de línea.
<blockquote>
</blockquote>: citas
Listas:
•
<li> </li> oder <ul> </ul>: lista
•
<ol>
start="1"
type="1"> </ol>: lista numerada
start="1" type="I">
start="1" type="i">
start="1" type="A">
start="1" type="a">
start="1" type="I">
start="1" type="i">
start="1" type="A">
start="1" type="a">
Colores:
<body
bgcolor="...">: color de fondo de toda la página.
<font
color="...">
</font>: color de la letra.
<table
bgcolor="..."></table>: color de fondo de las tablas.
<td
bgcolor="...">
</td>: color de fondo de las celdas de las tablas.
http://usuarios.sion.com/pauluk/coloreshtml.htm (Aquí podéis ver los códigos de cada color).
En muchos programas de traducción asistida, el traductor no tiene la posibilidad de jugar con las etiquetas o al menos a veces se bloquean para que el traductor no las elimine. Esto es un error, ya que como ya hemos mencionado, a menudo el formato no es el mismo para un idioma que para otro. Por ejemplo: <br>, a veces el salto de línea debe aparecer detrás de otra palabra, ya que la extensión de la frase no es la misma en los distintos idiomas.
Hay programas que te permiten ver el código fuente y el etiquetado de la web. Se trata de programas muy rudimentarios, editores de texto, pero una vez que has terminado la traducción en una herramienta de traducción asistida pueden servir de gran ayuda para cambiar ciertos detalles del formato.
Un ejemplo de programa es editplus: http://www.editplus.com/, por si queréis echarlo un vistazo y jugar con algún código fuente.
:)
