- Contenido apropiado para tus lectores: tus textos han de tratar sobre las preocupaciones de los usuarios, lo que es importante para ellos, y en su lenguaje. Explica el problema que resuelves y cómo lo haces. Esto es o que les interesa a las personas que visitan tu web.
- Diseño de autoservicio: una web es un autoservicio, y un establecimiento de este tipo está centrado en la conveniencia, la velocidad y lo económico:
- Es conveniente cuando el usuario apenas tiene que pensar.
- Es veloz cuando se reduce el tiempo que tarda el usuario en encontrar lo que quiere.
- Es económico cuando con poco esfuerzo el usuario consigue realizar su acción
- El formato de los textos: los usuarios escanean tus páginas, leyendo frases y palabras sueltas en pocos segundos con la intención de hacerse una idea de lo que contiene tu web. El formato de tus textos ha de ser acorde con ello.
Usar negritas y párrafos de poca anchura y con una única idea. También usar un color diferente en palabras que quieras resaltar.
El tamaño de los textos es importante. - Estructura del contenido: utiliza el estilo de "pirámide invertida": las conclusiones y lo más importante se presenta primero, y a continuación los detalles y la información de soporte. Trata de lo más específico a lo más general.
Lo ideal es que el usuario encuentre en la primera línea la información esencial.
Párrafos de texto 'p'
Ya hemos visto algunos elementos ya vistos como son las imágenes y los vínculos, los párrafos de texto se definen dentro del documento HTML con la etiqueta <p> de la siguiente manera:
Y el código anterior se mostrará así:
Aquí va el texto del párrafo
Dentro de un párrafo de texto se pueden incluir imágenes (alineadas a la izquierda o derecha del texto)y otros elementos que veremos más adelante como capas, tablas, listas, etc.
Texto en negrita 'strong'
El texto en negrita se define con la etiqueta <strong> de la siguiente manera:
Y el código anterior se mostrará así:
Aquí va el texto en negrita del párrafo
Texto en cursiva 'em'
El texto en cursiva se hace con la etiqueta <em> de la siguiente manera:
Y el código anterior se mostrará así:
Aquí va el texto en cursiva del párrafo
Saltos de línea 'br /' y lineas horizontales 'hr /'
Un salto de línea se hace con la etiqueta <br />, y no usa etiqueta de cierre. Una linea horizontal se hace con la etiqueta <hr />, y tampoco tiene etiqueta de cierre, se usan de la siguiente manera:
Aquí va un salto de linea
aquí viene otro
y aquí otro
y ahora una linea horizontal
y otra más
y ya está bien...
No hay comentarios:
Publicar un comentario