Sitios Web Conceptos Básicos. Historia Conceptos Básicos Necesidades de Hardware y Software Organización de Contenidos Guías para la creación de Paginas.

Presentación del tema: "Sitios Web Conceptos Básicos. Historia Conceptos Básicos Necesidades de Hardware y Software Organización de Contenidos Guías para la creación de Paginas."— Transcripción de la presentación:

1 Sitios Web Conceptos Básicos

2 Historia Conceptos Básicos Necesidades de Hardware y Software Organización de Contenidos Guías para la creación de Paginas Web Atractivas. Navegación (Recomendación y patrones)

3 1945Vannevar Bush MEMEX 1960Douglas Egelbart OnLineSystem 1965 Ted Nelson “HIPERTEXTO” 1989 Tim Berners-Lee WWW CERN (Suiza) Antecedentes

4 2 tecnologías Hipertexto Tcp-Ip Mosaic Marc Andreessen html 1993

5 Página Web Colección de palabras, gráficos y otros objetos organizados en un flujo continuo y lineal desde arriba hacia abajo Sitio Web Colección de página Web interconectadas entre sí mediante enlaces de Hipertexto de forma que cada página se encuentra asociada con las demás Conceptos básicos

6 Página de Inicio Página introductoria de un sitio Web. Es el punto de entrada a un sitio web particular HTML Lenguaje en el que se escriben las páginas a las que se accede a través de navegadores WWW.

7 Hipertexto En Internet el término se aplica a los enlaces existentes en las páginas escritas en HTML, enlaces que llevan a otras páginas Hipervínculo Puntero existente en un documento hipertexto que apunta (enlaza) a otro documento que puede ser o no otro documento hipertexto Puntero existente en un documento hipertexto que apunta (enlaza) a otro documento que puede ser o no otro documento hipertexto

8 Ancho de banda Cantidad de información que puede ser trasmitida o recibida en un determinado intervalo de tiempo.

9 Preguntas Que tipo de servicios utilizará el sitio? Cual es la naturaleza de sus contenidos?Tiene mucho contenido grafico? Espera un crecimiento del sitio en un futuro cercano? Qué tipo de usuarios espera tener? Son nuevos dentro de Internet o avanzados? Plan de Capacidad

10 Requerimientos de Hardware mínimos Tráfico bajo (menos de 3 usuarios simultáneos) Trafico medio (de 3 a 15 usuarios simultáneos) Tráfico Alto (más de 15 usuarios) WWW Pentium-133 64 MB de RAM 4 GB de DD Pentium-133 64 MB de RAM 4 GB de DD Pentium-200 125 MB de RAM 4 GB de DD FTP Pentium-200 64 MB de RAM 4 GB de DD Pentium -200 64 MB de RAM 4 GB de DD Pentium-200 64 MB de RAM 4 GB de DD E-mail Pentium II-400 125 MB de RAM 4 GB de DD Pentium II-400 256 MB de RAM 4 GB de DD Pentium II-600 512 MB de RAM 4 GB de DD Otros serv. Pentium II-400 256 MB de RAM 4 GB de DD Pentium II-400 512 MB de RAM 4 GB de DD Pentium III-800 1024 MB de RAM 4 GB de DD

11 Seguir una estructura piramidal:. Permitir una fácil exploración del contenido: Un párrafo = una idea: Cada párrafo es un objeto informativo. Ser conciso y preciso: Vocabulario y lenguaje: Confianza: Diseño de Contenidos

12 Forma como los usuarios recorrerán a lo largo del las páginas del sitio, utilizando los enlaces. Organización jerárquica Organización Lineal Organización de Telaraña Esquemas de navegación

13 ______ ______ ______ ______ _ ______________ _______ ______ ______ ______ ______ ______ _________ _________ _________ _________ _________ _________ _________ _________ _________ _________ _________ _________ ______ ______ ______ ______ _ Organización Jerárquica

14 ______ ______ ______ ______ ______ Organización Lineal

15 ______ ______ ______ ______ ______ Organización en Telaraña

16 La página de Inicio debe ser atractiva Las páginas individuales deben tener un tamaño reducido y se debe limitar el alcance de los contenidos Las páginas deben ser interesantes No se debe abusar de los gráficos Recomendaciones para la creación de sitios webs

17 Precaución al utilizar gráficos para representar opciones Precaución al utilizar gráficos para representar opciones No se debe llenar la pantalla con un único gráfico No se debe depender de los gráficos a la hora de seguir el flujo del texto No se debe depender de los gráficos a la hora de seguir el flujo del texto

18 No perder a usuario –Que no se aburra –Que no se pierda navegando Recomendaciones sobre la navegación Qué hacer? 1. Coherencia en el diseño Uniformidad en la estructura de las paginas Uniformidad en los colores

19 2. Jerarquía visual 2 2 4 1 3. Botón inicio

20 Patrones de diseño Tipos de diseño 5-Navegación L invertida 6-Navegación L inv. y espejo 1-Navegación superior 1 2-Navegación inferior 2 3-Navegación izquierda 3 4-Navegación derecha 4

21 Navegación en L invertida

22

23 Navegación en L inv. en espejo

24

25 Gracias por la atención