Diseño De Sitios Web

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA

FACULTAD DE CIENCIAS BÁSICAS E INGENIERÍA

PROGRAMA DE INGENIERÍA DE SISTEMAS

MODULO DIISEÑO DE SIITIIOS WEB

Autores:

Ingenieros:

JORGE EDUARDO SALAZAR ZÚÑIGA

ORLANDO PUENTES ANDRADE

Revisión y Modificación

(Ingeniero. MAURICIO PERDOMO VARGAS)

La Plata Huila – 10 de Diciembre de 2009

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA

FACULTAD DE CIENCIAS BÁSICAS E INGENIERÍA

PROGRAMA DE INGENIERÍA DE SISTEMAS

CONTENIDO

INTRODUCCIÓN AL CURSO DISEÑO DE SITIOS WEB 1

ÍTEM TITULO PAG.

1. UNIDAD 1. GENERALIDADES DEL

MODELAMIENTO Y LAS ARQUITECTURAS WEB

4

1.1 INTRODUCCIÓN 4

1.2 CAPITULO 1: TEMAS CLAVES DEL DISEÑO DE SITIOS WEB 5

1.2.1 LECCIÓN 1: QUE ES EL DISEÑO DE SITIOS WEB 5

1.2.2 LECCIÓN 2: LA PIRÁMIDE DEL DISEÑO WEB 5

1.2.3 LECCIÓN 3: MODELOS PARA EL DESARROLLO WEB. 6

1.2.4 LECCIÓN 4: EVALUACIÓN DE UN SITIO WEB 7

1.2.5 LECCIÓN 5: RECOMENDACIONES FINALES 8

1.2.6 ACTIVIDADES 10

1.2.7 AUTOEVALUACIÓN 10

1.2.8 BIBLIOGRAFÍA 10

1.3 CAPITULO 2: EL PROCESO DEL DISEÑO WEB 11

1.3.1 LECCIÓN 6: NECESIDAD DE UNA METODOLOGÍA DE

DISEÑO Y DESARROLLO.

11

1.3.2 LECCIÓN 7: ENFOQUE DE UN PROYECTO DE UN SITIO

WEB.

11

1.3.3 LECCIÓN 8: PLANIFICACIÓN DEL SITIO 13

1.3.4 LECCIÓN 9: ETAPAS DE LA FASE DEL DISEÑO 14

1.3.5 LECCIÓN 10: IMPLANTACIÓN DE LA VERSIÓN BETA DEL

SITIO.

15

1.3.6 ACTIVIDADES 16

1.3.7 AUTOEVALUACIÓN 16

1.3.8 BIBLIOGRAFÍA 16

1.4 CAPITULO 3: VARIABLES DE ÉXITO PARA LOS SITIOS

WEB

17

1.4.1 LECCIÓN 11: DISEÑO PARA LOS USUARIOS 17

1.4.2 LECCIÓN 12: RESPUESTA Y TIEMPO DE REACCIÓN 19

1.4.3 LECCIÓN 13: TIPOS DE SITIOS WEB 21

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA

FACULTAD DE CIENCIAS BÁSICAS E INGENIERÍA

PROGRAMA DE INGENIERÍA DE SISTEMAS

1.4.4 LECCIÓN 14: TIPOS Y ELECCIÓN DE LA ESTRUCTURA DE

UN SITIO

24

1.4.5 LECCIÓN 15: TEORÍA Y PRÁCTICA DE LA EXPLORACIÓN 27

1.4.6 ACTIVIDADES 33

1.4.7 AUTOEVALUACIÓN 33

1.4.8. BIBLIOGRAFÍA 34

2 UNIDAD 2: VÍNCULOS, BÚSQUEDAS Y

TIPOGRAFÍA PARA EL DISEÑO WEB

35

2.1 INTRODUCCIÓN 35

2.2 CAPITULO 4: VÍNCULOS: TEXTO, BOTONES, ÍCONOS Y

GRÁFICOS

36

2.2.1 LECCIÓN 16: VÍNCULOS EN EL DISEÑO WEB 36

2.2.2 LECCIÓN 17: BÚSQUEDA, DISEÑO Y MOTORES DE

BÚSQUEDA

41

2.2.3 LECCIÓN 18: COMO AJUSTARSE Y SER VISIBLE PARA LOS

MOTORES DE BÚSQUEDA

46

2.2.4 LECCIÓN 19: OTRAS TÉCNICAS DE PROMOCIÓN EN LÍNEA 53

2.2.5 LECCIÓN 20: EL PROCESO DE ADICIÓN DE UNA FACILIDAD

DE BÚSQUEDA

55

2.2.6 ACTIVIDADES 58

2.2.7 AUTOEVALUACIÓN 58

2.2.8 BIBLIOGRAFÍA 59

2.3 CAPITULO 5: MAPAS DE SITIOS, ÍNDICES Y OTRAS

AYUDAS PARA LA UTILIZACIÓN, LA EXPLORACIÓN Y LA

ORGANIZACIÓN DE PÁGINAS Y TEXTO

60

2.3.1 LECCIÓN 21: PLANOS Y MAPA DEL SITIO. 60

2.3.2 LECCIÓN 22: LAS PAGINAS WEB 64

2.3.3 LECCIÓN 23: PAGINAS DE ENTRADA Y SALIDA PARA UN

SITIO WEB

65

2.3.4 LECCIÓN 24: EL TEXTO EN LAS PAGINAS WEB 67

2.3.5 LECCIÓN 25: LAS TABLAS EN LAS PÁGINAS WEB. 69

2.3.6 ACTIVIDADES 71

2.3.7 AUTOEVALUACIÓN 71

2.3.8 BIBLIOGRAFÍA 72

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA

FACULTAD DE CIENCIAS BÁSICAS E INGENIERÍA

PROGRAMA DE INGENIERÍA DE SISTEMAS

2.4 CAPITULO 6: COLORES, IMÁGENES Y FONDOS 73

2.4.1 LECCIÓN 26: INTRODUCCIÓN AL COLOR. 73

2.4.2 LECCIÓN 27: DEFINICIÓN DEL COLOR EN LA WEB 75

...