Re: [LCFC2] wml://devel/website/htmlediting.wml

[Diddier Hilarion <diddierhilarion@gmail.com>]

El 23/06/15 a las 09:42, Laura Arjona Reina escibió:
> Hola otra vez
> El 23/06/15 a las 02:30, Diddier Hilarion escribió:
> > Hola.
> >
> > No te preocupes lo importante es qué la revisión está muy bien hecha.
> > Gracias por las correciones.
> Algunos comentarios más:
>
> L58: inconsistentes de que es un acrónimo y que una abreviatura.
>
> Faltan las tildes: qué es un acrónimo y qué una abreviatura
>
> L121: de una dirección IP especifica
>
> Falta la tilde: específica
>
> L141: texto informativo que diga que hay en la imagen esto es útil para
> usuarios que
>
> texto informativo que diga qué hay en la imagen; esto es útil para
> usuarios que
>
> Saludos
> Laura Arjona
>
> > El 22 de junio de 2015, 11:30, Laura Arjona Reina <larjona@larjona.net
> > <mailto:larjona@larjona.net>> escribió:
> >
> >      Hola Diddier y lista
> >
> >
> >      El 14/06/15 a las 23:48, Diddier Hilarion escribió:
> >      >
> >      >
> >      > --
> >      >  Diddier A Hilarion B.
> >      >
> >
> >      Siento la tardanza en la revisión.
> >      Algunas aportaciones:
> >
> >      L1: #use wml::debian::template title="Debian Web Pages HTML Usage"
> >      BARETITLE=true
> >
> >      Traduce el título. Mi propuesta:
> >
> >      #use wml::debian::template title="Uso de HTML en las páginas web de
> >      Debian" BARETITLE=true
> >
> >      L17: "y como crear" >>> "y cómo crear"
> >
> >      L22: "<p>Está es una lista" >> "<p>Esta es una lista"
> >
> >      L27: "El ancho de línea de Los ficheros wml" >> "El ancho de línea de
> >      los ficheros wml"
> >
> >      L55: "Primero" << tras los dos puntos, creo que va minúsculas: "primero"
> >
> >      L56: "inconsistentes de que es un acrónimo y una abreviación." >>>
> >      "inconsistentes de qué es un acrónimo y qué una abreviatura."
> >
> >      L59: "Un acrónimo es añadido con la siguiente sintaxis:" >>> "Un
> >      acrónimo se añade con la siguiente sintaxis:"
> >
> >      L64: "El atributo del lenguaje" >>> "El atributo del idioma"
> >
> >      L75: "Hay reglas diferentes acerca de que es una referencia" >> qué es
> >      una referencia
> >
> >      L84: se escapó una tilde: "específico"
> >
> >      L100: incluir el punto final "."
> >
> >      L114: "para saber como especificar" >>> "para saber cómo especificar"
> >
> >      L121: de una dirección IP especifica o el nombre de usuario el cual debe
> >      ser dado >> de una dirección IP específica o el nombre de usuario que se
> >      debe dar
> >
> >      L139 y siguientes: El atributo <code>alt</code> debe tener un
> >      texto informativo que diga que hay en la imagen esto es útil para
> >      usuarios con lynx o usuarios ciegos.
> >
> >      El atributo <code>alt</code> debe tener un
> >      texto informativo que diga qué hay en la imagen para usuarios que
> >      naveguen con lynx o invidentes.
> >
> >
> >      Saludos
> >
> >      --
> >      Laura Arjona
> >      https://wiki.debian.org/LauraArjona
> >
> >
> >
> >
> > --
> >   Diddier A Hilarion B.

#use wml::debian::template title="Uso de HTML en las páginas web de Debian" BARETITLE=true
#use wml::debian::common_tags
#use wml::debian::acronyms
#use wml::debian::toc
#use wml::debian::translation-check translation="1.13" maintainer="Diddier Hilarion"

<p>
Esta página es aún un borrador.
</p>

<toc-display/>

<toc-add-entry name="preface">Prólogo</toc-add-entry>

<p>Esta página está dedicada a ayudar a editores y traductores a crear páginas 
que usen de manera adecuada las etiquetas web.
Esta página contiene recomendaciones acerca del uso de etiquetas y cómo crear 
páginas nuevas que sean más fáciles de traducir.</p>


<toc-add-entry name="general">Algunas recomendaciones generales</toc-add-entry>
<p>Esta es una lista de recomendaciones generales para páginas nuevas o
	traducciones</p>
<dl>
<dt>No usar líneas largas</dt>
<dd>
El ancho de línea de los ficheros wml y otros ficheros debe ser el adecuado para
que pueda ser leído en una terminal. Esto hace que sea fácil de editar en vi, 
mejora la búsqueda y facilita la traducción. Esto también es importante por que
el sistema de control de versiones hace uso de las líneas individuales
y es más difícil resolver conflictos en líneas largas.

</dd>
<dt>Poner las etiquetas en líneas separadas de ser posible</dt>
<dd>
Muchas etiquetas HTML pueden ser puestas en una línea separada. Algunas de 
estas son &lt;div&gt;, &lt;p&gt;, &lt;table&gt;, &lt;ul&gt;. Para facilitar
el trabajo a los traductores, se debe mantener las etiquetas que puedan ser
usadas de esta manera en líneas separadas. De lo contrario los traductores
pueden borrar etiquetas accidentalmente y olvidar colocarlas de nuevo.
</dd>
<dt>No usar espacios o saltos de línea en etiquetas de tipo inline</dt>
<dd>Algunas etiquetas pueden producir espacios si están en distintas líneas que
su contenido. Una de estas es la etiqueta &lt;q&gt; usada para citas cortas. Las
etiquetas de apertura y cierre deben estar en la misma línea. De lo contrario
se generará un espacio después de la etiqueta. Entre palabras pertenecientes a
la etiqueta puede haber tantos espacios y saltos de línea como se desee.
</dd>
</dl>

<toc-add-entry name="abbreviations">Abreviaciones y acrónimos</toc-add-entry>
<p>
Para abreviaciones y acrónimos se debe usar la etiqueta HTML &lt;acronym&gt;.
Hay dos razones por las cuales la etiqueta &lt;abbr&gt; no es recomendable:
primero no todos los navegadores la soportan y segundo hay definiciones 
inconsistentes de qué es un acrónimo y qué una abreviatura.
</p>
<p>
Un acrónimo se añade con la siguiente sintaxis:
<code>&lt;acronym lang="código del idioma" title="Definición Del Acrónimo"
&gt;ACRONYM&lt;/acronym&gt;</code>. La definición contiene las palabras a las 
cuales el acrónimo hace referencia. Si el acrónimo está formado por las letras
iniciales de las palabras, esas letras deben estar en mayúscula en el título del
acrónimo. El atributo del idioma sólo es necesario si el acrónimo o
abreviación está en un idioma diferente.
</p>
<p>
Existe un conjunto de acrónimos predefinidos en las plantillas wml que se pueden
usar en las páginas, para usarlos se debe incluir <code>acronyms</code> en el 
fichero wml. Por ejemplo la etiqueta wml para DD es &lt;acronym_DD /&gt;.
</p>

<toc-add-entry name="citations">Referencias y citas</toc-add-entry>
<p>
Hay reglas diferentes acerca de qué es una referencia o cita para diferentes
idiomas. Si se tiene una pequeña cita se usa la etiqueta &lt;q&gt;.
La representación final del contenido es responsabilidad del código CSS.
No debe haber espacio entre las etiquetas de apertura y cierre con el contenido.
</p>
<p>
Para citas más largas se usa la etiqueta &lt;blockquote&gt;. Una etiqueta
&lt;blockquote&gt; encierra uno o más párrafos demarcados con &lt;p&gt;.
Por favor no usar la etiqueta &lt;blockquote&gt; para centrar texto que no sea 
una cita. &lt;blockquote&gt; es específico para citas y su 
representación final será dependiente del código CSS en el futuro.
</p>
<p>
También existe la etiqueta &lt;cite&gt; en HTML. La etiqueta &lt;cite&gt; no es
la cita. Esta etiqueta se usa para especificar la referencia de la cita.
Esto puede ser el nombre de la persona a la cual la cita pertenece, esto puede 
hacer parte de &lt;blockquote&gt; como una URL.
</p>

<toc-add-entry name="code">Nombres de programas y código</toc-add-entry>
<p>
Para referirse a nombres de programas y código existe la etiqueta &lt;code&gt;.
Los navegadores habitualmente saben como representar código y nombres de 
programas, pero su representación final puede ser modificada mediante código CSS.
No es recomendable usar la etiqueta &lt;tt&gt; ya que esta no dice nada acerca
del contenido.
</p>

<toc-add-entry name="samp">La salida por pantalla</toc-add-entry>
<p>
Para representar la salida en pantalla existe una etiqueta especial llamada
&lt;samp&gt;. Si la salida del ordenador es demasiado larga, se debe revisar el
código CSS en el caso que haya una clase especial para ello.
</p>

<toc-add-entry name="kbd">Entrada por teclado</toc-add-entry>
<p>
Si hay ejemplos donde el usuario tenga que ingresar información por el teclado
se usa la etiqueta &lt;kbd&gt; para representar la entrada por teclado. Véase el
capítulo acerca de <a href="#var">variables</a> para saber cómo especificar
que la entrada es variable.
</p>

<toc-add-entry name="var">Variables</toc-add-entry>
<p>
Algunas veces es necesario representar alguna entrada variable como es el caso
de una dirección IP específica o el nombre de usuario que se debe dar al 
programa en la línea de comandos. Para esas entradas variables se usa la
etiqueta &lt;var&gt;.
</p>

<toc-add-entry name="pre">Contenido preformateado</toc-add-entry>
<p>
La etiqueta &lt;pre&gt; se usa únicamente para contenido preformateado. Aspectos
como tamaño de línea, número de espacios y otras cosas se preservarán usando
esta etiqueta. Como es de esperar esta etiqueta no puede contener muchas de las
otras etiquetas HTML.
</p>

<toc-add-entry name="img">Imágenes</toc-add-entry>
<p>
De haber imágenes en la página no es necesario añadir el atributo border=0.
Sin embargo si es posible se debe especificar el tamaño de imagen y el atributo 
<code>alt</code>. Si no se especifica el tamaño el wml lo agrega pero esto
añade tiempo de compilación. El atributo <code>alt</code> debe tener un
texto informativo que diga qué hay en la imagen esto es útil para usuarios que 
naveguen con lynx o usuarios invidentes.
</p>


# <toc-add-entry name=""></toc-add-entry>