Mari Okadi, Japón

Pautas de Diseño Web 
Mira y siente

  1. Título 
  2. Estrategia de las comunicaciones 
  3. Ilustraciones 
  4. Nombres especiales de Kidlink 
  1. Encabezamiento 
  2. Cuerpo de tu texto 
  3. Pie de página 
  4. Enlace a la " Próxima página" 

Estas pautas son pautas y no una Ley. A menos que tengas otras opiniones sobre cómo deberían verse tus páginas web del área de idiomas, esto es lo que nos gustaría que hagas. 
Con estas pautas esperamos que nuestras páginas sean reconocidas como páginas de Kidlink. Esperamos que se vean un poquito más profesionales, para apoyar lo que estamos tratando de hacer, yendo desde la educación de los niños hasta el financiamiento. 
Si debes usar fuentes específicas para la representación del idioma, como para chino, japonés y saami, no te pedimos que uses las fuentes recomendadas acá , por supuesto. Como de costumbre usa tu mejor juicio. 

Título 

Aunque el Título <TITLE> de una página web puede no ser importante cuando estás leyendo los contenidos de una página web, ¡es muy importante! La razón es que éste es el texto destacado que aparecerá en las listas de las máquinas de búsqueda. Por esta razón, todos los títulos deberían comenzar con la palabra Kidlink.Como puedes ver, esta página tiene "Kidlink: Pautas para el diseño Web" como título. 

Estrategias de la comunicación 

Queremos que las páginas web de Kidlink convoquen a una comunidad de voluntarios colorida y amistosa que trabaje para animar a niños y jóvenes. 
Cuando crees páginas web para niños, recuerda que la apariencia visual, el lenguage, y el texto deben ser atractivos para personas jóvenes. 

Ilustraciones 

Siempre que sea posible, por favor ilustra tus páginas con arte de nuestra Galería de Arte por Computadora de Kidlink, o con fotos que se adecuen al texto, y amplía sus contenidos. ¡Evita usar clip-art o arte creado por adultos!
Cuando uses arte de computadora, considera reconocer al artista debajo de la imagen, y a la galería de arte en el pie de página. Así es como se ha hecho en esta página. Tú puedes reconocer al artista al pie, si no fuera posible hacerlo debajo de la imagen.
La mayoría de los usuarios tienen entre 8 y 16 años, así que el arte y las fotos enfatizando esto debe ser prioritario. 
Estamos trabajando con culturas diferentes, y tú puedes querer mostrar esto a través de tus ilustraciones. 
Tus gráficos no deben ser demasiado grandes, o contener demasiados colores, así la página cargará rápido sin importar la velocidad de la conexión de los usuarios. Básicamente, debería tener un tamaño de menos de 300 X 300 pixeles..
Sea sensato cuidando el uso de los colores del fondo y/o las fuentes de las páginas ilustradas. Sólo en completo blanco y negro, permite a un trabajo de arte resaltar y hablar en su idioma original. Tal como la quietud es necesaria para oir un sonido.
Cuando agregues otros colores alrededor de una pieza de arte, incluyendo el uso de un marco coloreado, ten presente que lo que harás estará trabajando con o contra el trabajo de arte. Tú puedes matarlo, o popdrías acentuar ciertos colores del trabajo original. Te podría gustar hacer eso pero recuerda que haciéndolo estás interfiriendo en la intención original del artista.
Finalmente, nunca cortes el archivo de arte sin la aprobación del artista. No agregues nombres, ni títulos, ni texto directamente sobre el trabajo. Nunca hagas nada en el trabajo que cambie su expresión original sin la aprobación del artista. ¡Puedes agrandarla o disminuirla como te plazca, pero nunca alterarla! 

Los nombres especiales de Kidlink  

Siempre que te refieras a "Kidlink" usa Kidlink. Luego están ¿Quién-Soy-Yo? y Tengo un Sueño
Cuando traduzcas los nombres de los dos últimos programas , por favor usa un esquema de color similar. Usa el mismo color de esquema a través de las todas las páginas en tu idioma. 
Puedes encontrar colores de esquemas actuales para tu idioma inspeccionando traducciones a través de las páginas dirinfo.html de ¿Quién-Soy-Yo? y Tengo un Sueño
Tengo un Sueño.

Encabezamiento 

Los encabezamientos usualmente tendrán un tamaño de <h1>, y el tipo de fuente usado para tus encabezamientos debería ser codificado como <FONT face="Arial, Helvetica, sans-serif"> . (En muchos casos el editor de tu página web, te permitirá hacer esto sin preocuparse del código mismo) 

Cuerpo del texto 

Con Internet Explorer, View/ Encoding a menudo mostrará por defecto el texto en Times Roman, y en particular si se ha seleccinado Europa del Oeste ( ISO o Windows).
Sin embargo si un visitante selecciona otro código, puede mostrar como Arial, o algo extraño. La excepción es cuando el creador de una página web ha preseleccionado fuentes sobre el comportamiento de los veedores, como acá. Si tienes Times New Roman en tu sistema, entonces ésta es la fuente en que esta oración será mostrada. Si tu sistema está ubicado para mostrar una fuente diferente, mira no más lejos de "Encabezamiento" arriba para ver la diferencia entre los dos. Esta ubicación pasada por encima, termina acá.
Como la mayoría de los visitantes usa configuraciones por defecto, sugerimos que bases tu selección de fuentes en Times New Roman. Usa <FONT face="Times New Roman"> en tu texto si quieres psasr por encima de lo que el usuario seleccionó como configuración.
Tu página debería tener 576 pixels de ancho. Esto se consigue poniendo el texto en una tabla, con el código siguiente en la parte superior de la tabla: <TABLE BORDER CELLPADDING="2" ALIGN="Center" width=576>. ( En muchos casos, tu editor de página web te permitirá hacer esto sin importarle el código mismo).La tabla será centrada y su línea de límite hecho invisible. 
En todas partes, excepto en nuestras páginas portales (ejemplo: KHouse, Teacher introduction), nosotros pretendemos un texto centrado. Esto implica que el texto debería estar centrado, y que los subtítulos deberían estar centrados, y que las secciones con viñetas dentro del texto deberían ser puestas en una tabla escondida, y centradas también. Lo último se explica acá:
Secciones con viñetas dentro del texto
  • deberían ser puestas en una tabla escondida,
  • y centradas también. 
Los subtítulos tendrán usualmente el tamaño <h2> o más pequeños. 
Considere usar <br><IMG SRC="/icons/dotclear.gif" WIDTH="30" HEIGHT="1"> para hacer espacios antes de los párrafos.  (Usado al comienzo de este párrafo.) 

Pie de página 

Nuestro patrón es mostrado debajo. Asegúrese que "mantenido por" tiene el nombre y e-mail correcto de quien armó la página (no use Odd de Presno), que actualizó la fecha, y la propiedad con el corriente año. También, asegúrese que los enlaces vayan a las traducciones de estas páginas en su idioma siempre que estén disponibles. (Nota: Este no es el final de esta página. Esta continúa debajo de este ejemplo.)
"Mapa del Sitio" va a la página dirinfo.html en el directorio en el cual sus páginas están siendo guardadas. Reemplaza "Portal de los Voluntarios" por un enlace al portal de la web más apropiado a tu página. 
--------------------------------------------------

Buscar:Avanzada

Patrocinadores | Premios  | ¿Quiere ayudarnos?
Portal de Voluntarios
Versión Web mantenida por Odd de Presno. - Diciembre 12, 2001.
Copyright ® 2001 Kidlink . Todos los derechos reservados.
Kidlink

Cliquee aquí  por el código html para la parte del buscador en el pie de página.

Si tu página tiene arte de nuestra galería de arte por computadora, por favor reconozca esto como hemos hecho en la parte superior de esta página: Provea el nombre del artista, edad (si la conoce), y el país. Ponga a este texto un enlace a /spanish/general/kidart.html . 

Enlace a "Próxima página

Muchos visitantes a nuestras páginas web son perezosos. Entran a una página, luego vuelven al menú, bajan a otra página, vuelven nuevamente, y puede que esto pronto los haga escoger salir.
Nosotros usamos una "Próxima página" justo encima de la línea del encabezamiento para hacerlo más fácil, y también  para dirigirlas a otras páginas que queremos que vean. ¡Lo último requiere algunas consideraciones, y es muy importante!
Use <FONT face="Arial, Helvetica, sans-serif"> para su " Próxima página" para permitirle destacarse del otro texto, y céntrelo.. 

Finalmente 

  1. Mantenlo simple
  2. No distraigas a tus lectores

  3. Fondos llamativos; Moviendo elementos de la página tiene un efecto de gran poder 
    sobre la visión periférica humana.
  4. No grites

  5. Usa negrita y letras mayúsculas sólo cuando tienes que resaltar algo
  6. Usa figuras y gráficos 
    • para ilustrar un punto 
    • como íconos para llevar a una información pedida frecuentemente.
    No pretendas que tus lectores estén preparados para esperar más de 
    15 segundos para que se cargue una página. 
    Cuando necesites usar archivos de imágenes que sean más grandes de 50k, 
    permite a los lectores saber el tamaño del archivo antes de que lo carguen. 
  7. Mantén carteles y gráficos simples.

Próxima página: Guías para hacer portales
Estrategia Web
Guía de desarrollo Web
Reglas para usar el logo de Kidlink

--------------------------------------------------

Buscar:Avanzada

Patrocinadores | Premios  | ¿Quiere ayudarnos?
Portal de Voluntarios

Página traducida por Martha Núñez Vanderhoeven
Versión Web mantenida por  Lely Núñez Coronel. - Actualizada en julio 20, 2002.
Arte de la Galería de Arte por Computadora de Kidlink
Copyright ® 2002 Kidlink. Todos los derechos reservados.
Kidlink