CONTENIDOS:
- Contenido para la Web
- Componentes básicos WP
- Tareas
Contenidos para la Web:
Textos
Introducción
En la web leemos de distinta forma que cuando leemos en papel. La resolución tan baja de las pantallas hace que no percibamos el texto con la misma claridad que en un medio escrito. Por eso el usuario no lee textos largos, sino que miran rápido lo que ven.
Las principales consecuencias de la poca resolución de las pantallas son
- La velocidad de lectura disminuye un 25%
- Los usuarios son incapaces de centrar su atención en trozos de texto largos
- La atención se dispersa
- La vista salta de un lado a otro sin centrarse en los detalles.
El usuario entra en nuestra página buscando información y es necesario ofrecérsela claramente. Las páginas están compuestas por elementos informativos de distintos tipos (menús, enlaces, texto normal, etc.) que es necesario coordinar para acabar guiando al usuario a la información que busca.
Queremos dar una serie de consejos básicos para adaptar nuestra escritura a la web y mejorar la capacidad de captar la atención de los usuarios.
Recomendaciones de estilo
- Reduce a longitud del texto
Recorta todo lo posible el texto. Los grandes bloques de texto asustan al usuario, que no los leerá. Con textos más cortos se siente menos intimidado. Como media piensa que debes reducir un 50% la longitud del texto pensado para papel.
- Una idea por párrafo
Al ser breves y estar organizados visualmente, de un vistazo se obtiene mucha más información. Dos o tres líneas pueden ser pocas para el papel, pero pueden ser suficientes en una web.
Nota: utiliza las etiquetas <p></p>
- Utiliza un estilo directo
No des vueltas innecesarias. Olvídate de tus días de estudiante en donde la nota de los trabajos se medía por el peso del taco de folios que entregabas.
Evita las oraciones en pasiva.
No utilices dobles negaciones. Acuérdate de la frase del abogado que decía «No es verdad que no es mentira que…» y piensa en lo difícil que es descifrarla.
- Estilo periodístico
Comienza con la conclusión y ve desarrollando el argumento a medida que avances.
Recomendaciones para orientar al usuario
Evita que los usuarios se pierdan en la estructura de tu sitio web. Los usuarios pueden llegar a nuestra página por muchos caminos (desde buscadores a enlaces de otras páginas). Si le ayudamos a situarse en nuestra web, le haremos sentir más cómodo y habrá menos posibilidades de que abandone la página.
- Coloca enlaces para situar al usuario en contexto
Ofrece enlaces con acceso a información que apoye lo que ofreces en la página. Antecedentes, enlaces a otras webs que traten el mismo tema.
- Escoge títulos explicativos para las páginas
El título es el texto de presentación de tu página, ayuda a que la gente se fije en tu página en los listados de los buscadores, favoritos, historiales de navegación y pestañas.
Debería explicar lo mejor posible en contenido de la página, pero de forma concisa.
- Encabezados de 2 ó 3 niveles
Utiliza los encabezados para establecer una jerarquía visual clara. Más grande = más importante. De esta forma facilitamos la búsqueda rápida de información por la página.
- Encabezados significativos
Escoje frases descriptivas para que sea fácil saber si la información que viene debajo es importante o te la puedes saltar sin perder el tiempo leyendo el párrafo.
- Resalta las palabras clave
Utiliza negrita para hacer más visible las palabras clave. El texto en pantalla se ve como una masa gris en la que es difícil distinguir palabras que puedan dar una idea del contenido del párrafo. Utilizando palabras en negrita podemos dirigir la mirada al lugar que nos interesa.
Utilizar bien el hipertexto
- Coloca los enlaces al final de la frase
Por ir subrayados en color azul (recomendado), los enlaces atraen mucho la atención. Si los colocamos en mitad de una frase, pueden frenar la fluidez y desorientar al usuario. Procura colocarlos al final de la frase.
- Los enlaces y destinos deben parecerse
Haz que el texto del enlace coincida con el título de la página que refiere o con el texto de su encabezado principal. No siempre es posible, pero cuanto más se parezcan el usuario se sentirá más seguro de que ha hecho clic en el lugar correcto.
- Enlaces con pocas palabras
No utilices textos largos en los enlaces. Añaden mucho ruido y son difíciles de leer. Aunque pienses que por llevar más palabras clave en un enlace vas a subir en los buscadores, si tu página es difícil de utilizar, las probabilidades de que alguien te enlace disminuyen.
Comentario Final
Esto no es una guía extensiva de cómo escribir para la web. Lo ideal sería contar con periodistas especializados que se encargasen de la redacción de textos para la web, pero sabemos que eso sólo está al alcance de grandes empresas. Pero si sigues estos consejos, verás que con un poco de práctica tus textos van a mejorar considerablemente.
Imágenes :
Las imágenes pueden ser de muchos formatos diferentes: bmp (no recomendado ni utilizado) , gif, jpg, png, tiff, etc. Pero no todos estos formatos son adecuados para una web, debido a que pueden ocupar mucha memoria o a que no son compatibles con algunos navegadores.
Los formatos más utilizados para web son el JPG, el PNG y el GIF, que a pesar de ser imágenes de menor calidad que las imágenes JPG, son más recomendables debido a que ocupan menos memoria. Vamos a ver un poco más sobre estos formatos:
• Formato GIF:
Utilizan un máximo de 256 colores, y son recomendables para dibujos con grandes áreas de un mismo color o de tonos no continuos. También si se muestra texto.
Suelen utilizarse con gran frecuencia, ya que permiten contener transparencias y animación.
En cambio, no están recomendados para fotografías, ya que se perderían colores, y al no tener áreas de color continuo, el archivo final sería mayor que por ejemplo un JPG.
• Formato JPG:
Estas imágenes pueden contener millones de colores, en un archivo comprimido de tamaño razonable. Por ejemplo, las imágenes que obtenemos de una cámara digital suelen estar en este formato.
Por tanto, son especialmente indicadas para fotografías, o gráficos complejos, obteniendo mejores resultados que el GIF.
En cambio, en gráficos con pocos colores y continuos, generará un archivo mayor que el GIF, y podremos apreciar pérdida de calidad.
• Formato PNG.
Se trata de un formato de compresión sin perdida. Tiene varias versiones:
PNG 8 es un formato de 256 colores muy similar al GIF, que en teoría obtiene archivos algo menores. También admite transparencias.
PNG 24 y PNG 36. Es un formato de color verdadero (34 o 36 bits), lo que hace que sea un archivo de tamaño algo mayor. Admite canal de transparencia alfa, lo que quiere decir que puede obtener distintos niveles de transparencia, a diferencia de PNG 8 o GIF que pueden ser totalmente transparentes o no. El resultado es el de mayor calidad, pero también de mayor tamaño. Este formato es el más adecuado cuando necesitamos distintos niveles de transparencia, o requerimos que una imagen muestre correctamente todos sus colores y detalles, evitando la pérdida de calidad que puede producir JPG.
Lo habitual es utilizar GIF o PNG para pequeños gráficos, normalmente elementos del diseño o imágenes simples, y JPG para fotografías.
Nos limitaremos al uso de estos formatos. Ya que aunque algunos navegadores soportan otros, no lo hacen todos. Y hemos de asegurarnos de que cualquier visitante de nuestra página pueda ver las imágenes.
Puedes cambiar el formato de las imágenes mediante la utilización de algún programa de tratamiento de imágenes, como pueden ser Fireworks, Photoshop, Corel Draw, o incluso desde el propio Dreamweaver, como veremos en el siguiente avanzado.
Dependiendo del programa utilizado existirá una mayor o menor cantidad de opciones a la hora de modificar las imágenes. Para realizar modificaciones sencillas, como la de recortar las imágenes y cambiar los colores, puedes utilizar incluso el programa Paint de Windows.
Enlaces
Un enlace o link es texto o imágenes en un sitio web que un usuario puede hacer click para tener acceso o conectar con otro documento. Los enlaces son como la tecnología que conecta dos sitios web o dos páginas web. En el navegador se ven como palabras subrayadas (como Ir al índice de FAQ’s al final de ésta página).
Una vez que hace click en un enlace, puede poner en acción varios acontecimientos:
- Podría «saltar» a otra página o a otro lugar en la misma página.
- Podría estar enlazado a un archivo que comenzará a descargarse a tu ordenador.
- Podría producir el lanzamiento de una aplicación de ayuda que entonces procesará el archivo en el que has hecho click.
- Podría abrir tu programa de gestión de correo electrónico para que puedas enviar un mensaje, etcétera.
Lo que realmente ocurre cuando das click en un enlace esta determinado por los archivos MIME y por la forma en la que está configurado tu ordenador. Por ejemplo, los navegadores se configuran para mostrar todos los archivos que tengan HTML en su extensión MIME.
Los enlaces también son llamados hyperlinks, hiperenlace, hypertext, hipertexto, vínculo, y se codifican en HTML por los autores o los programadores de los sitios web.
Más información sobre enlace en Wikipedia
Videos
Sonidos
Otros
Componente básicos de WP
Entradas (post)
Paginas
Comentarios
Usuarios
