FACILITADOR DE APRENDIZAJE

DIGITALNivel 1Nivel 4

DISEÑOWEB

Un desarrollador conoce a fondo las exigencias del contenido que será publicado en un sitio web. Es por ello que tu opinión será fundamental para el diseño del sitio web.

Crea vínculos dentro de tus contenidos en 5 pasos:

1- Selecciona el contenido (palabra, frase, imagen, otros ) que quieres convertir en un vínculo. 2-Identifica y dale clic al ícono de hipervínculo de tu sitio web o procesador de palabras. 3-Reconoce y copia el enlace de la página hacia donde quieres que el vínculo lleve a los usuarios. 4-Pega el enlace. Aparecerá un recuadro en donde debes agregar el enlace (URL). 5- Guarda el archivo.

Vín

culo

s

Recuerda que por encima de la estética, tu interés se basa en que los usuarios puedan LEER el contenido desde su pantalla. o Tipografías con buena legibilidad y mayor uso en la web: Arial, Helvética, Courier, Times New Roman. o Tipografías menos utilizadas con buena legibilidad: Garamond, Baskerville, Futura y Georgia. • Sans vs Serifs: son los dos grandes grupos de tipografías. La resolución de una pantalla (100-300dpi) a diferencia del material impreso (1000dpi) nos indica que: • Serif: son tipografías con líneas pequeñas, son mejores tipografías para material impreso. • Sans: son letras más anchas y más legibles en la pantalla de un dispositivo electrónico. Además se recomiendan para la población más joven.

Tip

og

rafí

as

Introduce la URL de destino

URL

Título

Añadir enlace

x

https://

FACILITADOR DE APRENDIZAJE

DIGITALNivel 1Nivel 4

DISEÑOWEB

Co

lor

de

fond

oFu

ente

ti

po

grá

fica

o Cuerpo de texto: en la web la fuente ideal para tu contenido es de 12 a 14. • Si tu audiencia está conformada por adultos mayores está bien subir la fuente hasta 16.

Es importante crear un contraste entre el color de la tipografía y el fondo de la pantalla. o Usa tipografía clara (blanca) si tienes un fondo de color fuerte, que genere demasiado contraste. • Blanco sobre azul fuerte. • Blanco sobre azul claro no genera suficiente contraste. o Una tipografía oscura (negro) si tienes un fondo claro. • Negro sobre blanco. • Negro sobre amarillo. o Nunca uses el color azul para tu tipografía, ya que es el color relacionado a los vínculos.

Tipografíaclara

Tipografíaoscura

Tipografíaclara

Tipografíaoscura

FACILITADOR DE APRENDIZAJE

DIGITALNivel 1Nivel 4

DISEÑOWEB

Palabrasclave

Ubicación:Emplea las palabras clave en títulos, antetítulos y contenidos principales.

Repetición:También es útil reiterar palabras clave dentro de un mismo párrafo para que

estén cerca unas de otras.

Las palabras que definen el tipo de contenido son aquellas que lo descri-ben o se relacionan con él. Su repet-ición y ubicación facilita que los mo-tores de búsqueda localicen el sitio

web de tu cliente con mayor facilidad.