Anatomía de un sitio web

Slides:

Advertisements

Presentaciones similares

El servicio al ciudadano a través del canal web IV Informe SEIS La información sanitaria en Internet Pamplona, 18 de junio de 2002 Autoras:Pilar Cabodevilla.

Advertisements

Una página web es una fuente de información adaptada para la World Wide Web(WWW) y accesible mediante un navegador de Internet. Un sitio web es un conjunto.

Diseñando para la WEB Profa. G. Yukavetsky.

LOS PRINCIPIOS DE UN DISEÑO EFECTIVO DE PÁGINAS WWW

MAPA DE NAVEGACIÓN DE UN SITIO WEB

Propuesta Gráfica de Website

Tu , un sitio web R e d d e P r o f e s o r e s I n n o v a d o r e s Módulo: Tu , un sitio web.

Diplomado de diseño Web Nivel I Ingeniero: Alexander Henao M. Cel.:

Guía de autoaprendizaje

Formato a un texto y a un párrafo

¿Qué es? Es el programa que utiliza Google para ofrecer publicidad patrocinada a potenciales anunciantes, principal fuente de ingresos de Google. Es la.

1 Apreciado Afiliado Bienvenidos al Portal de Empresarios, una herramienta que le permitirá potencializar su empresa a través de una plataforma diseñada.

Interfaz de usuario Originalmente el termino interfaz surgió para referirse al trabajo realizado por algunos especialistas que construían aplicaciones.

Cabecera  Exceso de espacio de banners. El resultado es una cabecera excesiva que tapa el foco de la página: la pantalla de televisión (en resoluciones.

DISEÑO DE PAGINAS WEB Las páginas Web son documentos de hipertexto y multimedia. Son documentos multimedia que incorporan imágenes, videos, animaciones,

DESARROLLO DE APLICACIONES Breves apuntes de accesibilidad

Utilizar los elementos fundamentales del diseño

Comunicación en la web  Buscador: Página web en la cual se ofrece al usuario consultar una base de datos en la que.

1 Search Engine Optimization. 22 Objetivo Adquirir conceptos básicos de SEO y herramientas de uso.

INTERFAZ GRAFICA.

LA DIAGRAMACIÓN.

Usabilidad de WWW. Los sitios web usables resultan de una combinación de arte e ingeniería El buen diseño gráfico provee mayor claridad a las páginas.

PAGINA WEB Kelly Hernández Santiago Aranzazu 11:c Carlos Fernández.

Accesibilidad y Usabilidad Web Mayo ¿Quiénes usan la web? Personas: Con computadoras de bajos recursos tecnológicos, que no poseen un mouse, parlantes.

FACULTAD DE ECONOMIA Y ADMINISTRACION PROGRAMA DE CONTADURIA PUBLICA MARLY NATALIA CEPEDA TRUJILLO COD

Los Sistemas de Información en la Empresa Introducción a los ERP 1.- El sistema de información de la empresa. Los ERP. Simplificando podemos identificar.

Especificaciones tipográficas

SITIOS WEB HERRAMIENTAS TIC.

LUIS HERNÁN VARGAS ALVARADO EVERYONE WEB. EveryOneWeb es un servicio Web que te permite crear un sitio comercial o personal. El modo de construcción es.

JOHAN ALEJANDRO SALAZAR MANUELA OCHOA 11 C  Una página web es un documento electrónico diseñado para el World Wide Web (Internet) que contiene.

1. ¿Qué es una página Web?  Una página web es un documento electrónico diseñado para el World Wide Web (Internet) que contiene algún tipo de información.

CINDY PAOLA CARMONA JUAN PABLO METAUTE CHIQUITO 11 C TECNOLOGIA INFORMATICA I E LA SALLE DE CAMPOAMOR MEDELLIN 2013.

Anatomía del anuncio “Un anuncio es un soporte visual, auditivo o audiovisual de breve duración que transmite un mensaje, generalmente centrado en.

El lenguaje HTML Este lenguaje nos permite estructurar documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...)

 Flickr es un sitio web que permite almacenar, ordenar, buscar, vender y compartir fotografías y videos en línea. Actualmente Flickr cuenta con una importante.

Que es un Banner  Es un formato publicitario en Internet. Esta forma de publicidad online consiste en incluir una pieza publicitaria dentro de una página.

Sandra Muñoz Blanca González Patricia Lázaro. Registrarse El primer paso es registrarse como usuario para poder desarrollar la Wiki. Uno de los lugares.

La Diagramación.

DISEÑO DE PAGINAS RUBEN DARIO CORDOBA.

LA IDEA DE NEGOCIO Se basa en un servicio ofrecido a las empresas o persona que tiene un negocio, y quieren vender su producto por internet, nosotros.

DISEÑO DE LA PÁGINA WEB PRINCIPAL Juan Andrada Romero Jose Domingo López López.

Bimestre 3 Tercer grado Plan de clase: 29 al 3 de febrero Revisión: 3 de febrero.

INFOGRAFIA La infografía es un género que permite expresar gráficamente conceptos, procesos, estructuras, acontecimientos etc. Que son susceptibles de.

Problemas Juridicos en Tecnologias de la Informacion Legislacion del Comercio Electronico Universidad Mundial.

DISEÑO DE LA PÁGINA WEB PRINCIPAL Juan Andrada Romero Jose Domingo López López.

APLICATIVOS MÓVILES.

RECURSOS DIGITALES “NO ME HAGAS PENSAR”. ¿? Si visita un sitio y no puede encontrar lo que busca ni tampoco averiguar cómo está organizado, es muy probable.

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.

Lenguaje de Programación Web Dinámico Multiplataforma Estándar abierto y accesible Elementos nuevos Retrocompatible Nueva filosofía de trabajo Impulsado.

. ¿Cómo crear y administrar una web con Wordpress? Santiago, 1 de octubre 2012.

Creación y publicación de sitios web R e d d e P r o f e s o r e s I n n o v a d o r e s Módulo: Creación y publicación de sitios web.

SECCIONES Y PARTES DE LAS PUBLICACIONES. INTERIOR DEL LIBRO

Falta alternativa de texto Si bien una proporción importante del contenido no textual cuenta con una alternativa textual (por ejemplo, los botones de "Solicitar"

Equipo N° 6Richard Figueredo.Experto en RSS. RSS son las siglas de RDF Site Summary or Rich Site Summary, un formato XML para sindicar o compartir contenido.

Macromedia Dreamweaver es un editor profesional de páginas Web. Permite crear sitios tanto escribiendo directamente el código en HTML, como diseñando de.

la publicidad en las paginas web han sido de gran impacto en nuestros tiempos modernos ya que ella han logrado atraer a publico en general, ha demás.

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:

Blog, Web 1.0 y Web 2.0. ¿Qué son las Web 1.0? Las páginas de la Web 1.0 eran más bien estáticas, y poco a poco fueron dinamizándose prestando mayor atención.

Buscador de Promociones Francés net Pet Página principal del buscador – situación actual Issues: Tamaño de las letras en el buscador avanzado.

Web y Multimedia II Integrantes: Piero Álvarez Mayra Atience Jhonney Bermeo Johanna Cabrera Gabriela Cango.

En Internet: Los datos se transforman en información cuando una persona los lee, los comprende y los usa con algún fin: para estudiar, para trabajar,

LOS WIKIS Una herramienta SSSSon sitios Web cuyas páginas pueden ser editadas por múltiples voluntarios a través del navegador Web.  L L L

Una de las características de un sitio Web eficaz es mostrar sus contenidos de manera accesible y vincular de manera fácil a documentos de diferentes.

Diseño de un Sitio Web Estrategias y pautas a tener en cuenta.

2 2-Área de comunicación Destacado dinámico a modo de galería Imagen personalizada para captar la atención de las áreas o portales 2-Área de comunicación.

PÁGINA WEB, SITIO WEB Y PORTAL WEB Una página web tradicionalmente hace relación a un documento en el internet, disponible para ser leído, con información.

ANDRES MAURICIO QUINTERO MACEA Programación Web Lic. Informática y medios audiovisuales Facultad de educación y ciencias humanas Universidad de Córdoba.

Hojas de Estilo UNIVERSIDAD TECNOLÓGICA DE AGUASCALIENTES.

MENU POWERPOINT 2010 PRESENTACION DIAPOSITIVA HIPERVINCULO.

Transcripción de la presentación:

Anatomía de un sitio web Encabezado, navegación, Feature Area, Cuerpo/Contenido, Sidebar

Estructura General Podemos partir de una estructura general, que permita estructurar el diseño de nuestro sitio web. Lo importante al final de cuentas es que realmente se adecúe a las necesidades de diseño de nuestro cliente, pero sobre todo a las del usuario final.

ENCABEZADO El área del Encabezado o Header, es un espacio relativamente constante en todas las páginas de nuestro sitio web. Aquí se establece el estilo general de diseño . En esta área se coloca la marca del cliente, y generalmente invita a la acción, - busquedas, combrar, registro etc. Los encabezados permiten al usuario identificar el sitio web que visita, así como visualmente unifica todas las páginas del sitio.

Feature area Un punto clave en el diseño de una interfaz, es saber jerarquizar la información. Para ello los diseñadores usan un punto focal- un área en la composición que permitirá presentar un panorama del contenido general del sitio web que se visita. Suele ser una zona que toma gran importancia en el Home Page del sitio, habitualmente contiene animaciones, fotografías, colores y tipografías llamativas.

CUERPO / CONTENIDO El cuerpo o contenido es el área donde los usuarios emplean más tiempo. Es importante tomar en cuenta varios factores. Un diseño de un sitio web puede llegar a ser “alto” por lo cual es importante separar los contenidos con espacios blancos y subtitulos, que permitan al usuario tener una visión rápida del contenido del sitio. Utilizar hipervinculos en el texto permitirá profundizar la información, sin mostrarla toda en una misma interfaz.

CUERPO / CONTENIDO El ancho optimo de una linea de texto es de 52 a 65 caracteres. Esto evitará la fatiga visual. En lineas de texto muy largas el usuario podría tener dificultades de lectura al cambio de renglon, podría perder el seguimiento. En lineas muy cortas, el usuario tendría que estar constantemente cambiando de renglón.

SIDEBAR En esta área se incluye información secundaria y links. Se puede incluir submenus, espacios publicitarios. Entradas de información que pueden dar pie a mostrar información que dentro del sitio se puede desarrollar con mayor profundidad.

FOOTER En este espacio se suele incluir información de Copyright, así como hiperviculos del contenido general del sitio, un mini site map.