¿Cómo hacer unas diapositivas? Texto y elementos visuales suficientemente grandes Fuente fácil de leer: grosor uniforme Contraste de color adecuado No.

Slides:



Advertisements
Presentaciones similares
Desarrollo de sitios Web como innovación tecnológica para el investigador. RAÚL MANUEL ARANO CHÁVEZ.
Advertisements

VIII Jornadas del Sidar Accesibilidad: Por una web de calidad.
Ejercicio de presentación del lunes 19 Grupo D
Ing. Patricio Ajila R.. WEB.- WEB: World Wide Web Creada alrededor de 1989 Tim Berners-Lee con ayuda de Robert Cailliau.
Framework Hexápodo PHP fácil, rápido y sin dolor
PAGINAS WEB 4TA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.
HTML – Principales Etiquetas
Galería de preguntas Cuestionario De PowerPoint Maria Isabel Martínez Jaramillo Valeria Correa Mesa 10I3.
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.
Aplicación web para la gestión de incidencias en entornos virtuales
Análisis de Usabilidad de página web : cartoonnetwork. com
Herramientas Tecnológicas Educativas
Jair Camargo Ahumada Esp. En Informática
¿Cómo funciona la web?.
Abren una pagina wed o un blog.
Tema 3.3: Evaluación de la accesibilidad web Lourdes Moreno, Paloma Martínez Universidad Carlos III de Madrid Asignatura Humanidades:
 Curso básico de Dreamweaver MX (1)  Qué es Dreamweaver MX  Dreamweaver MX es un software fácil de usar que permite crear páginas web profesionales.
PATRONES DE DISEÑO WEB Trad. Guillermo Espinosa Ruiz UT Huejotzingo 2010.
BIENVENIDOS ESTE EQUIPO ESTA CONFORMADO POR ABRAHAM CASTRO RAUL MARTINEZ DAVID ROBLES.
Introducción al Lenguaje. ¿Qué es PHP? O Es un lenguaje de programación que es interpretado por un servidor web. O El lenguaje es genérico. PHP está orientado.
Ricardo Ovalle Navarro Isi Suriel Ponce Misael Arvizu Monserrate Contreras.
DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB Elaboración de documentos web mediante lenguajes de marcas Frames e Iframes.
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.
Repasando… Mi perfil en wordpress Personal Settings.
Capitulo 3 y 4.   La accesibilidad web habla acerca de que tanta facilidad tienen las paginas de internet tanto para los consumidores en general como.
Herramientas digitales: Slid.es y Projeqt
Introducción a los Ambientes Virtuales de Aprendizaje. Diplomado Alejandro Daniel Martínez Padilla. Web 2.0.
¿Que es Yii ? Framework para PHP de alta performance basado en componentes web para desarrollar aplicaciones web de gran escala. Yii es un framework que.
OpenCourseWare Oficina de Software Libre de la Universidad de Cádiz.
¿Cómo hacer unas diapositivas? Texto y elementos visuales suficientemente grandes Fuente fácil de leer: grosor uniforme Contraste de color adecuado No.
DesarrolloWeb aplicaciones simples y serviciales Jorge Luis Hernández C Estudiante 9° Sem de I.S.C en el ITC Solutions Systems and Security
COMO HACER UNA PRESENTACION EXITOSA. Expositor: Pedro Fernando Gómez Núñez – Abogado: Universidad la Gran Colombia Docente Universitario Texto tomado.
PROYECTO DE AULA EN ESCRITURAS NARRATIVAS : MINIFICCIÓN UNIDAD 5 : LA MINIFICCIÓN Y LAS ESCRITURAS DIGITALES UNIVERSIDAD DEL TOLIMA FACULTAD DE CIENCIAS.
Curso de Programación PHP Nivel Básico Profesor: Sebastián Ocaño (Lic. en Sistemas) Horarios: Sábados de 11:30 a 13:30 Sitio web para encuestas y asistencias:
INGENIERÍA DE INFORMACIÓN Y APLICACIONES
Tendencias de Construcción Web
Capacitación en herramientas tic.
¿Qué es y para qué nos sirve BootStrap?
Diseño Web HTML 5 Laboratorio Web
LENGUAJES DE CODIGO PARA DISEÑO DIGITAL
GRUPO 15 SC FRAMEWORK LARAVEL
AREA ACADÉMICA: INFORMÁTICA II TEMA: CREACIÓN DE PÁGINAS WEB MTRA
Hello Android.
PowerPoint.
Miguel García Ruiz Jackeline Giraldo Urrea
Diseño y Edición de Paginas web
Uso didáctico del PowerPoint. ¿El PowerPoint? ¿El PowerPoint? Recomendaciones Didácticas Recomendaciones Didácticas Recomendaciones de Formato Recomendaciones.
Consigue buenas presentaciones en Power Point
UNIVERSIDAD DE LAS FUERZAS ARMADAS-ESPE
Uso de herramientas tecnológicas en la educación.
Evaluación de sitios web
INSTRUCCIONES Barra de menús
Presentaciones en Power Point
Universidad técnica particular de loja
Diseño WEB - Escritorio
ELEMENTOS DE UNA PRESENTACIÓN Prof. José Manuel Rmz. CETIS - 37 OFIMÁTICA.
Presentación con 3 diapositivas
WEB negocios tecnológica Documento Electrónico comunidad Fácil de usar
DISEÑO WEB Sesion 1.
Instructivo para el uso de estas plantillas ¿Cómo usar las plantillas? Al final de este instructivo y ejemplo se encuentran dos diseños posibles. El contenido.
Creación de contenidos Web-HTML
FRONT-END Y BACK-END L.I. MARÍA DEL CARMEN RIVERA GONZÁLEZ.
Area de Proyectos C.P.S. Zaragoza 1/20 Gestión de Proyectos PRESENTACION DE PROYECTOS Seminario de Presentación de Proyectos 1.- Introducción. 2.- El Informe.
SlidePlayer canaltic.com. ¿Qué es slidePlayer? ● Es un sencillo visor flash de presentaciones realizadas en Powerpoint o Impress. ● Integra de una.
Nombre del Docente: María Guadalupe Salazar Chapa
DISEÑO Y CREACIÓN DE PÁGINAS WEB
2 ¿Qué es ? El HTML5 (HyperText Markup Language) es la quinta revisión del lenguaje de marcas de hipertexto de la World Wide Web. Esta nueva versión pretende.
Título de la presentación
¿CÓMO CREAR UNA BUENA PRESENTACIÓN EN POWERT POINT EN 7 PASOS SENCILLOS?
Transcripción de la presentación:

¿Cómo hacer unas diapositivas? Texto y elementos visuales suficientemente grandes Fuente fácil de leer: grosor uniforme Contraste de color adecuado No abusar de animaciones Numerar las páginas Material accesible de antemano 2

Todo con el teclado Mal: Campus Virtual 3

Todo con el teclado Mal: Dropbox 4

Todo con el teclado Bien: Google Drive 5

Orden lógico de tabulación Mal: Agencia Tributaria 6

Orden lógico de tabulación Bien: Social Security in USA 7

Claro y conciso Mal: Ling’s Cars 8

Claro y conciso Bien: Universidad de Cambridge 9

Sencillez es rapidez 10 Mal: de MECD

Sencillez es rapidez Bien: stackoverflow 11

Contrasta los elementos Mal: Squarespace 12

Contrasta los elementos Bien: Contrast Rebellion 13

Personalizable Mal: Wikipedia 14

Personalizable Bien: 4chan 15

Agranda los botones 16 Mal: El País

Agranda los botones 17 Bien: noxevieja.com

Ayuda con sonidos 18 Mal: Captcha

Ayuda con sonidos Bien: Captcha 19

Única columna seleccionable Mal 20

Única columna seleccionable Bien: El Mundo 21

Etiqueta el contenido 22 Mal: <img src="pic.jpg" style="width:304px;height:228px;">

Etiqueta el contenido 23 Bien: <img src="pic.jpg" alt="A mountain view" title="Spectacular Mountain" style="width:304px;height:228px;">

Tablas 24 Mal: …

Tablas 25 Mal: horarios en Geaportal

Bootstrap Framework para diseño de sitios y aplicaciones web Contiene plantillas con tipografía, formularios, botones, etc basados en HTML y CSS, así como JS Licencia MIT 26

Bootstrap 27 Diseño flexible y dinámico

Herramientas de testing WebAIM Color Contrast Checker/WAVE: ratios de contraste WebAIM Color Contrast CheckerWAVE Google’s Accessibility Developer Tools: auditoría Google’s Accessibility Developer Tools Capybara-accessible: Ruby on Rails Capybara-accessible Tab navigate: reto para el programador JAWS/Voice Over: revisores de pantalla JAWSVoice Over 28

Realizado por Daniel Báscones García Víctor Adolfo Gallego Alcalá Ana María Martínez Gómez Iñigo Zunzunegui Monterrubio Bajo licencia: Creative Commons Reconocimiento-CompartirIgual 4.0 Internacional 29