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

Slides:



Advertisements
Presentaciones similares
Dreamweaver Primeros Pasos.
Advertisements

CI-2413 Examen. Pregunta 1 Respuesta 1 - a n La meta principal de todo sitio es maximizar el número de visitas al sitio. Esto debe ser considerado en.
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.
DIEZ PASOS PARA LA PUBLICACIÓN DE UN SITIO WEB EXITOSO
LOS SECRETOS PARA CREAR PÁGINAS QUE CARGAN RÁPIDO Y FÁCIL DE NAVEGAR Preparado Por Prof. Edgar Lopategui.
La red Internet 1er tarea corta: Entregar dos páginas a doble espacio con Arial 12 de la historia de Internet (presente, pasado y futuro). internet =
Construcción de Páginas WEB
Arquitectura de la información en sitios web y Usabilidad
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.
Preguntas. lección 1 1)¿La herramientas de PowerPoint están agrupadas por? A)Funciones B)Funciones comunes C)Carpetas.
Capitulo 11 Diseñando el producto en vigencia
Ten en cuenta tres factores de éxito:
PRESENTACIONES EFECTIVAS Licda. Maura de Magaña Sábado de 7:00 a 12:00
EL INTERNET El Internet es una red informática descentralizada, que para permitir la conexión entre computadoras opera a través de un protocolo de comunicaciones.
Diseño de páginas Web Elaboración de Unidades Didácticas en Web.
INTERFAZ GRAFICA.
Principios heurísticos de Nielsen
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.
La facilidad y libertad con que pueden publicarse contenidos en la Red hacen necesaria la adopción de una serie de criterios que le ayuden a filtrar los.
FICHEROS DE IMAGEN FUENTES WEB: Gráficos GIF & JPEG, Ramón Montero, 1998 Formatos para la Wb, Luciano Moreno, 2005.
Accesibilidad y Usabilidad Web Mayo ¿Quiénes usan la web? Personas: Con computadoras de bajos recursos tecnológicos, que no poseen un mouse, parlantes.
DESARROLLO DE PÁGINAS EN EL WEB Preparado por Prof. Edgar Lopategui Corsino.
Diseño de páginas web Francisco Camacho Z.. DISEÑO Y OPTIMIZACIÓN DE PÁGINAS WEB Para que usted pueda obtener resultados en el Web, es imprescindible.
Planificación del Portal Municipal utilizando MuniPortal Taller de Transferencia de Tecnología Luis M. Guzmán S. Jefe de Tecnología MuNet e-Gobierno.
Bases para el diseño de materiales formativos para la red. Fernando Guerra López Universidad de Cantabria.
UNIVERSIDAD TÉCNICA DEL NORTE FACULTAD DE CIENCIAS ADMINISTRATIVAS Y ECONÒMICAS Escuela DE CONTABILIDAD Y AUDITORIA Tema: Pagina Web, Sitio Web y Portal.
IMÁGENES GIF LAURA MARÍN CAMELO. Las imágenes pueden ser de muchos formatos diferentes: Bmp (Bitmap = Mapa de bits) Gif (Graphics Interchange Format =
Internet y Navegadores Unidad 5. Fecha: 1 de agosto de 2011 Periodo# : 2 Objetivo: identificar el contenido de una dirección web Tema: Elementos de una.
Castillo García Natalia
CONFECCIÓN DE PÁGINAS WEB CON MS FRONT PAGE - TICEQ Prof: Dr. Carlos A. Núñez Dpto. Química Física, U.H
Microsoft PowerPoint Duración 20 hrs. Agregar y eliminar elementos de un gráfico Cambiar el relleno del área del gráfico Formatear la serie de datos de.
+ Desarrollo de página web Por: Drako Con texos de: Juan Manuel Casanueva - GUÍA BÁSICA PARA ELABORAR UN PORTAL DE INTERNET.
Taller de Herramientas de Presentación
Parcial 2 TEMA: ELEMENTOS COMUNES. Navegar por los archivos Los gestores de archivos o exploradores son los encargados de permitirnos navegar por las.
QUE ES ISSUU ISSUU ES UN PORTAL WEB QUE OFRECE UN SERVICIO EN LÍNEA QUE PERMITE LA VISUALIZACIÓN DE MATERIAL DIGITALIZADO ELECTRÓNICAMENTE, CÓMO LIBROS,
 Este protocolo opera a través de solicitudes y respuestas, entre un "cliente" y un "servidor". El cliente para los usuarios es el navegador web, usado.
Taller 5 GESTION DE LA WEB ESTEFANIA CORDOVA M.. 1) ¿Qué es una página web? Una página web es el nombre de un documento o información electrónica adaptada.
Cristian Fonnegra Marin. DISEÑO WEB.
Término que surgió un poco después de la expansión de Internet a finales de los años 90
AREA : DISEÑO PROFESORA : JOHANA ARIAS ESTUDIANTE : LUISA FERNANDA RODRIGUEZ CURSO : 10.3 AÑO : 2013.
Tema: Hipervínculos en Office. ? Pero… ¿Qué es un Hipervínculo?
TALLER # 5 LUIS XAVIER ROMERO CORAL. No le agregues demasiado contenido animado (como animaciones, imágenes muy pesadas, reproductores: Real - WindowsMedia,
TECNOLOGIAS ACCESIBLES
1 CÓMO CREAR UNA WEB BLOG EN WORDPRESS 1. Digitar la dirección 2. Clic en Regístrate ahora 3. Convertir de inglés a español.
Acosta González Laura Dayanara Contreras Pérez Rosa María García García Venezia González Marín María Guadalupe Salgado Manzano Arantza.
Taller 5 1)Que es una pagina web? página web es el nombre de un documento o información electrónica adaptada para la world Wide web y que puede ser accedida.
DISEÑO DE UNA SALIDA EFICAZ - Reportes
Internet y Navegadores
Formato de texto y documentos
Internet y Navegadores Unidad 5. Fecha: 1 de agosto de 2011 Periodo# : 2 Objetivo: identificar el contenido de una dirección web Tema: Elementos de una.
Quinta unidad procesador de texto DOCENTE GUILLERMO VERDUGO BASTIAS 1.
ELEMENTOS COMUNES UNIDAD 3. Fecha: 20 de junio de 2011 Periodo# : 2 Objetivo: Identificar y reconocer herramientas comunes para editar y dar formatos.
TRABAJO GRUPAL INTEGRANTES: JOHNNEY BERMEO BRYAN CHIMBO CARLOS CORREA CESAR GUAYA DARIO ROBLES LUISA VILLA MATERIA: DISEÑO WEB Y MULTIMEDIA TEMA: SITIO.
Bitmap.
Formato de sitios Requisitos y Recomendaciones Técnicas.
MULTIMEDIA Colección de tecnologías centradas en el computador, que brindan al usuario la capacidad de acceder y manipular SONIDO, TEXTO, IMÁGENES Y VIDEO.
Ricardo Ovalle Navarro Isi Suriel Ponce Misael Arvizu Monserrate Contreras.
ELEMENTOS DE LA WED. Una página web es una fuente de información adaptada para la World Wide Web (WWW) y accesible mediante un navegador de Internet.
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.
QUÉ ES DREAMWEAVER Dreamweaver. Es un software fácil de usar, En el podemos crear diseños de páginas web. Permiten agregar rápidamente diseño y funcionalidad.
¿ 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:
Crear una presentación para la web.
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.
TALLER # 5.  QUE ES UNA PAGINA WEB? Una página web es el nombre de un documento o información electrónica adaptada para la World Wide Web y que puede.
Juan Silva Uso de Presentaciones con medios electrónicos.
Google docs Tutorial para elaborar una presentación en línea con Google docs Prof. Edgar Oswaldo González Bello Prof. Adolfo Castillo Navarro Universidad.
GESTIÓN Y ADMINISTRACIÓN WEB. INTRODUCCIÓN A INTERNET Internet constituye una vía de comunicación y una fuente de recursos de información a escala mundial.
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.
Grado Noveno Período 3 Docente: Paula Andrea Arboleda Informática.
Transcripción de la presentación:

LOS PRINCIPIOS DE UN DISEÑO EFECTIVO DE PÁGINAS WWW Preparado Por Prof. Edgar Lopategui

PRINCIPIOS DE UN DISEÑO WEB EFECTIVO * Gráficas: Imprimir Vs. Web * Imprimir: Alto control de documento Muchos formatos de gráficas de alta resolución Representaciones de colores actractivos

PRINCIPIOS DE UN DISEÑO WEB EFECTIVO * Gráficas: Imprimir Vs. Web * Web: La resolución de la pantalla altera la aprariencia Solamente emplea formatos de gráficas GIF y JPG Los tamaños de las imágenes deben ser de 15k a 30k

PRINCIPIOS DE UN DISEÑO WEB EFECTIVO * Ventajas del Web * Capacidades de búsqueda en la Internet Velocidad de enlace Capacidades de multimedios Copia y pegar Fácil de imprimir Material sensitivo al tiempo

PRINCIPIOS DE UN DISEÑO WEB EFECTIVO * Fundamentos de Diseño en el Web * Despliegue consistente Controles de navegación: Texto vs. gráficas Formatear texto consistente Seleccionar color adecuado: Aumenta la claridad de la lectura del texto Navegación más fácil Crea un estado de humor

PRINCIPIOS DE UN DISEÑO WEB EFECTIVO * 5 Trucos para Crear Páginas Exitosas * Contenido excelente Diseño limpio y eficiente Carga/sube rápido Actualizaciones frecuentes Fácil de utilizar

PRINCIPIOS DE UN DISEÑO WEB EFECTIVO * Recomendaciones * Tamaño de las Páginas: Página Principal (“Home Page”): 50-60K Subsiguientes Páginas: 75-100K (preferiblemente 75K) Tercer nivel y subsiguiente: Emplear multimedio y “Thumbnail” Indicar al visitante cuanto tiempo tardará la gráfica en subir en la gráfica de “Thumbnail”

PRINCIPIOS DE UN DISEÑO WEB EFECTIVO *Elementos de Gráficas * Bordes y transfondos Botones Marcos vs. No-Marcos

PRINCIPIOS DE UN DISEÑO WEB EFECTIVO *Imágenes, Animación y Texto * Las imágenes deben de mantenerse pequeñas (tamaño de byte) Evitar trasfondos grandes Usar imágenes baldosa (“tiled) para un efecto de imagen grande Recordar que las animaciones toman tiempo en cargar, particularmente en una conexión lenta No existe un tipo de letra perfecto

PRINCIPIOS DE UN DISEÑO WEB EFECTIVO * Contenido * La meta es proveer información valiosa y de utilidad Los sitios Web y páginas Web continúan declinando Debe sobresalir Pensar en contenido “real state, contenido, contenido

PRINCIPIOS DE UN DISEÑO WEB EFECTIVO * Enlaces * Convenciones: ACTIVOS: Azul PULPURA: Visitado

PRINCIPIOS DE UN DISEÑO WEB EFECTIVO * Botones * Consistentes en: Color Orden Posición