9 Clase/ 20 de octubre 2015/ Martes Sistemas de Navegación

Slides:



Advertisements
Presentaciones similares
Propuesta Gráfica de Website
Advertisements

Explorador de Windows.
II QUIMESTRE PARCIAL II
Elementos de la pantalla. Barra de Títulos: Muestra el Icono del programa, el nombre de la aplicación activa, el nombre del archivo y ubica los botones.
Unidad 7 Escritorio de Windows.
Estructuras web De navegación Y Visual. Investigación de requerimientos ¿Qué es lo que quiere el cliente? – ¿Qué desea comunicar?, y ¿Cómo? – ¿Qué información.
Weebly Nueva Interfaz del escritorio. Weebly Weebly es una plataforma para crear páginas web. Estas páginas pueden contener uno o más blogs. Recientemente.
¿ QUÉ ES UN NAVEGADOR? Es un software que permite recorrer la internet, ver la información, y las distintas páginas que contiene. Posee una interfaz gráfica:
Word.  Temas: En este recuadro se puede especificar el tema que todas las hojas del documento deben tener como un color suave o fuerte dependiendo del.
Creación de un Blog… Pues bienvenido al tutorial donde aprenderás como crear un blog en Blogger paso a paso. Te explicaremos cada paso a seguir para la.
CURSO DE COMPUTACIÓN BÁSICO El objetivo de crear este curso es que el alumno adquiera los elementos básicos para conocer los usos de la computadora y trabajar.
Maria evangelina guiñez1 primera clase Taller. maria evangelina guiñez2 Temas a desarrollar Crear una presentación Manejo de pantalla Tipos de vistas.
POR: LICDA. SILVIA MARISOL SERMEÑO DE RETANA.
CAUDALES DE COLOMBIA S.A.S E.S.P
PUBLICIDAD ONLINE BANNER.
RECUERDA INGRESAR A LA PÁGINA POR ESTE BOTÓN!!
¿Cómo borrar el historial de navegación en Google Chrome?
DESARROLLAR OPERACIONES AUTOMATIZADAS
HYDROS MOSQUERA S en CA ESP
OTROS ASPECTOS IMPORTANTES
Cartelera digital ¡Bienvenido! Ir al menú
ELEMENTOS MULTIMEDIA DE POWER POINT
TEMA 2: BLOGS.
3er Parcial IIQ Fecha : Tema: Animaciones en Diapositivas
Accesibilidad documentos de autor Política editorial del Grupo de Investigación Asociados Larenses (GRIAL) 2016 Red GRIAL Revista del Grupo GRIAL.
Páginas web con wordpress
EXPLORADOR DE WINDOWS.
EXPLORADOR DE WINDOWS 7. Explorador de Windows El Explorador es una herramienta indispensable en un Sistema Operativo ya que con ella podemos organizar.
HIPERVÍNCULO Escarlet Hernández Casas 1F MATUTINO.
¿ Qué es un hipervínculo? Ramírez Martínez Alejandra 1.F T/M N.L:35.
Tecnologías de la información I De Miguel Flores Diego 1-E T/V BGC Prepa.10 “Los hipervínculos”
Lizbeth Montserrat cerero cedano 1E T/V característica, funciones, tipos y ejemplos de los hipervínculos.
Presentaciones multimedia Tecnologías de la información Domínguez Correa Gabriel Alberto.
HIPERVINCULOS Domínguez Correa Gabriel Alberto Tecnologías de la información.
Joselin Elizabeth Raygoza Chávez 1-A T/M Tecnologias de la Información.
HERRAMIENTAS DE MICOSOFT WORD LOS HIPERVINCULOS TABLA DE CONTENIDO 1. Los hipervínculos Como insertar un hipervínculo Sintaxis para insertar.
Hipervínculos. VALERIA NATALIA RAMIREZ HERMOSILLO. 1ºE T/V.
Samanta Janet Correa Proa 1ª A T/M BGC.  Son enlaces o rutas de acceso a otro archivo, pagina Web o una dirección de correo electrónico, es una herramienta.
Taller de habilidades informacionales Universidad de Guadalajara Leobardo Salazar Ochoa BGC t/m nl.42.
¿Qué es un hipervínculo? . Un hipervínculo es un enlace, normalmente entre dos páginas web de un mismo sitio, pero un enlace también puede apuntar a.
CARACTERISTICAS DE HIPERVINCULOS Los hipervínculos son enlaces o rutas de acceso a otro archivo, pagina Web o una dirección de correo electrónico, es.
Cómo personalizar Microsoft SharePoint Sitio web en línea
FERNANDA DE LA ESPERANZA DE LEÓN ALVAREZ 1°F/M TECNOLOGÍAS DE LA INFORMACIÓN I Actividad 3.
HIPERVÍNCULOS Pérez Flores Minerva 1ºA T/M ¿Qué son? ◦ Los hipervínculos son enlaces o rutas de acceso a otro archivo, pagina Web o una dirección de.
Tecnologías de la Información 1 Paola Noemí Padilla Almejo 1ºA T/M.
Los Hipervinculos TECNOLOGIAS DE LA INFORMACION Valeria Gutiérrez Canseco 1-G T/M N.L 24 TECNOLOGIAS DE LA INFORMACION Valeria Gutiérrez Canseco 1-G T/M.
Los Hipervinculos TECNOLOGIAS DE LA INFORMACION Valeria Gutiérrez Canseco 1-G T/M N.L 24 TECNOLOGIAS DE LA INFORMACION Valeria Gutiérrez Canseco 1-G T/M.
Los Hipervinculos TECNOLOGIAS DE LA INFORMACION Valeria Gutiérrez Canseco 1-G T/M N.L 24 TECNOLOGIAS DE LA INFORMACION Valeria Gutiérrez Canseco 1-G T/M.
HERRAMIENTAS DE MICROSOFT WORD LOS HIPERVINCULOS.
Actividad 3 Andrea Karina Benito Campos 1-G T/M Prepa 10 Materia: tecnologías de la información.
ACTIVIDAD 3 BARAJAS GONZALEZ FATIMA LIZETTE 1.G T-M PREPA 10 TECNOLOGIAS DE LA INFORMACION MAESTRA. ADRIANA UBIARCO.
HERRAMIENTAS DE MICROSOFT WORD LOS HIPERVINCULOS CHRISTIAN DANIEL GUZMAN DIAZ 1°E T/V 22/NOV/18 PROFA:ADRIANA UBIARCO.
ACTIVIDAD 3 MENDEZ SOTO KARLA ELIZABETH 1º F T/M 22/11/18 MAESTRA: ADRIANA UBIARCO TECNOLOGÍAS DE LA INFORMACIÓN HIPERVINCULOS.
HIPERVÍNCULOS. QUE ES UN HIPERVINCULO? LOS HIPERVÍNCULOS SON ENLACES O RUTAS DE ACCESO A OTRO ARCHIVO, PAGINA WEB O UNA DIRECCIÓN DE CORREO ELECTRÓNICO,
LOS HIPERVINCULOS. HIPERVINCULO: Las características principales de este, es hacer rutas de acceso a otro archivo a otro archivo, pagina Web o una dirección.
ACTIVIDAD 3 BARAJAS GONZALEZ FATIMA LIZETTE 1.G T-M PREPA 10 TECNOLOGIAS DE LA INFORMACION MAESTRA. ADRIANA UBIARCO.
ACTIVIDAD 3 UNIDAD 4 HIPERVINCULOS LOS HIPERVINCULOS Los hipervínculos son enlaces o rutas de acceso a otro archivo, pagina Web o una dirección de correo.
LOS HIPERVINCULOS ZUÑIGA LOERA NANCY ESMERALDA. CONTENIDO 1.- LOS HIPERVÍNCULOS 2.-COMO INSERTAR UN HIPERVÍNCULO 3.-SINTAXIS PARA INSERTAR UN HIPERVÍNCULO.
Pasos para el registro a MENDELEY a través del CONRICYT
INDICE 1.Power Point 2.Formas de acceso 3.Pasos para guardar una presentación 4.Insertar imagen desde internet 5.Viñetas personalizadas con imágenes 6.Cambiar.
GUÍA DE NAVEGACIÓN PLATAFORMA VIRTUAL PASTO PIEMSA 2018
“ENTORNO DE TRABAJO DE ACCESS 2010” ACTIVIDAD DE ADQUISICIÓN DEL CONOCIMIENTO GRISEIDY CLARIBEL VELAZQUEZ RUIZ GPO:423.
Distribución de la web Albert Moraleda.
Conceptos relacionados con la interfaz gráfica Taller de diseño página Web.
R.A 1.1 Da tratamiento de datos e información mediante la herramienta de hoja de cálculo electrónica. Excel ¿Qué es y para qué sirve? Excel es un programa.
Ingreso a correo vía web
Ejercicios Realiza una gráfica de barras con los siguientes datos:
¿Como crear tu propia app?
Navegadores. Definición Un navegador web es un programa informático que facilita al usuario el navegar por la red, esto es, el poder visualizar e interactuar.
Ejercicios Realiza una gráfica de barras con los siguientes datos:
Transcripción de la presentación:

9 Clase/ 20 de octubre 2015/ Martes Sistemas de Navegación

DEFINICIÓN Los sistemas de navegación son elemento de interfaz e un sitio web que permiten la navegación de secciones y paginas que componen sitos llamados menús, fumados como botonas con diferentes opciones que pueden interactuara dando clic, sus elementos son: hipervínculos, gráficos, imagen, iconos y barras horizontal. ¿POR QUÉ ES NECESARIO PLANIFICAR UN SITIO WEB? Porque se puede navegar libremente, ir a cualquier sitio de una pagina interna y recórrelo sin que se desapareciera. El menú siempre estará visible, a este no se le debe cambia color, tamaño, ni tipografia. CARACTERÍSTICAS DE UN SITIO WEB -Establecer un modo de ir de un sitio a otro dentro de la web. -Hacer evidente al usuario la relación entre el contenido que esta visualizando y la navegación del sitio. -Reflejar la arquitectura del sitio al que corresponde el sistema de nivación. -La fuente se utilice sea clara y grande, con un color que contarte.

Tipos de sistemas de navegación: -Sistema de navegación lineal: permite l flujo de la información mas estable, es más útil cuando se quiere aplicar l usuario paso a paso, el usuario recibe información en orden con la opción ir adelante y atrás. -Jerárquica: o árbol, comienza en la pagina principal, visualiza paginas espáticamente es más generalizado. -No lineal: se salta a paginas determinadas, la estructura obliga a regresar al camino principal, muestra una información adicional.

-Compuesta: es la que combina diferentes sistemas de navegación para permitir al usuario recorrido mas personalizado dentro el sitio.

Bocetos de la estructura de la pagina Pretty Primer prueba de Pretty Segunda prueba de Pretty Tercera prueba de Pretty

Después de hacer varias pruebas el cliente se decidió y escogió la tercera prueba, con esto empezamos a trabajar con la estructura de la pagina de Pretty. En esta estructura podemos observar que se escogió un sistema de navegación compuesta, porque facilitara un mejor manejo dentro de la empresa de Pretty. Se compone de botones como: acerca nosotros, novedades, personalízate, hombres, mujeres y contactos.