DISEÑO WEB - PowerPoint Presentation

Slide1

DISEÑO WEB i

Sesión 2

Maestro. ISI

Jéber

G. Martínez RíosSlide2

Universo Web¿Qué es Internet?Nace en la Guerra Fría, en los 60s.ARPANETHello World!Surgimiento de ISPs en los 80s.Es el nombre propio con el que se refiere a una red descentralizada de computadoras interconectadas en el mundo.Slide3

ServidoresServers+Clients. Servidores+ClientesIP. Internet Protocol.Domains. Dominios.Web HostingSlide4

NavegadoresBrowsers o Navegadores.W3C y los engorrosos estándares.Internet Explorer 6 (el peor de todos en la historia). Otras opciones como Google Chrome, Mozilla Firefox, Opera y otros.También los móviles y sistemas de videojuegos tienen sus browsers.Slide5

Terminología 101 - SitiosSitio/Portal/MicrositiosURLHomepageSEOSlide6

Diseño WebEvolución de la WebParadigma diferente a Diseño GráficoLayoutRolloversResolución de imagenResolución de pantallaSitios Fijos VS Sitios Líquidos Slide7

Diseño WebResolución de pantalla800x6001024x7681366x7681280x10241280x800Slide8

Diseño ResponsivoEl diseño responsivo es un diseño que responde al tamaño del dispositivo desde el que se está visualizando la web, adaptando las dimensiones del contenido y mostrando los elementos de una forma ordenada y optimizada sea cual sea el soporte.Slide9

Diseño ResponsivoSlide10

Diseño ResponsivoLa tendencia en el mundo de las páginas web es que el usuario cada vez más acceda desde dispositivos móviles como teléfonos o tablets.Las estadísticas de 2012 arrojan un porcentaje esclarecedor: el 40% de los usuarios que visitaron webs el año pasado lo hicieron desde un dispositivo móvil y un 25% de las compras en internet se realizan ya desde el teléfono.Slide11

Diseño ResponsivoAplicando el diseño responsivo desde la creación de una nueva web se consiguen varios objetivos. Se reducen costes de desarrollo. Baja el rebote de usuarios. Se mejoran los resultados de conversión. Permite desarrollar una estrategia de marketing sobre la web unificada para todos los soportes, haciendo que esta sea más sólida y mejorando su efectividad.Slide12

UsabilidadLa usabilidad es la cualidad que tiene un producto o servicio para ser usado con facilidad; el término se utiliza para referirse a la medida en la que un dispositivo, un sistema o una aplicación resultan fáciles de usar.La usabilidad es un atributo que está determinado por múltiples factores, como son la interfaz de usuario, los tipos de usuarios, las necesidades específicas de uso y el contexto de interacción.Slide13

UsabilidadCon frecuencia se emplea el término de usabilidad para referirse a los métodos aplicados en el diseño la experiencia del usuario. Cabe señalar que aunque en las dos últimas décadas Internet cambió en forma significativa, la definición básica que hizo el experto Jakob Nielsen*, sigue vigente:“La usabilidad es un atributo relacionado con la facilidad de uso. Más específicamente, se refiere a la rapidez con que se puede aprender a utilizar algo, la eficiencia al utilizarlo, cuán memorable es, cuál es su grado de propensión al error y cuánto le gusta a los usuarios”.Slide14

Accesibilidad Se refiere a qué tan accesible es el sitio para personas con discapacidades que también utilizan la Web, como personas ciegas, con problemas de artritis, o que no ven bien los colores.Slide15

AnalyticsSignifica los datos que arroja su sitio con respecto a sus visitantes, qué navegador utilizan, resolución de pantalla, cuánto tiempo pasan en su sitio y otra información que en la buena teoría, le debe de ayudar para ir adoptando su estrategia Web. El programa que más se usa es Google Analytics.Slide16

ProgramaciónHTMLCSSJavaScriptjQueryMooToolsPHPASPMySQLSlide17

Java y JavascriptJava: Lenguaje de programación de alto nivel; nivel alto significa que el lenguaje se ejecuta por medio de un compilador que es el que interpreta entre lo que un programador "escribe" como código y lo que la máquina entiende como lenguaje máquina.JavaScript: Lenguaje de scripts influenciado en Java, Perl y otros. Tiene un gran uso en la Web para efectos de interactividad.Slide18

jQueryEs una librería de JavaScript que simplifica el scripting en HTML y permite manipular el CSS directamente; actualmente el 30% de los 10,000 sitios más populares del mundo lo utilizan y dicho número va en aumento. Es sumamente dinámico, interactivo y fácil de implementar y existe un arsenal de tutoriales u ejemplos por toda la Web de manera gratuita.Slide19

Triada Perfecta

HTML

Provee Estructura

CSS

Da Diseño

JavaScript

Da FuncionalidadSlide20

…Blog. Para checar…http://www.menteinteractiva.com/school Mi email personal es:correo@menteinteractiva.com