Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.
El diseño web es una actividad que consiste en la planificación, diseñoe implementación de sitios web y páginas web. No es...
El Web debe diseñarse y programarse subordinando el software alcontrol del usuario, a sus requerimientos organizativos y a...
Con la evolución de la web 2.0 a los diseños web, no sólo se les pideque tengan un diseño atractivo, sino que su código te...
CAPITULO I.- Introducción al Diseño Web.CAPITULO II.- Importancia del Diseño WebCAPITULO III.- Estándares para la webCAPIT...
CAPITULO I.- Introducción al Diseño Web.CAPITULO II.- Importancia del Diseño WebCAPITULO III.- Estándares para la webCAPIT...
Internet ha trasformado las comunicaciones absolutas y hoy forma parte de lamayoría de negocios en el mundo entero.Las pri...
1994: Linus Torvalds lanza la versión 1.0 del Kernel de Linux.- Marc Andreesen y Jin Clark fundan Netscape Communications....
La red o www de World Wide Web, es básicamente un medio decomunicación de texto, gráficos y otros objetos multimedia a tra...
La web fue creada en 1989 en un instituto de investigación de Suiza.Es importante saber que web o www no son sinónimo de I...
Navegadores.- Para poder visualizar todo estose han creado programas llamados Browser, unnombre que proviene del inglés "t...
Este es un dato muy positivo para las propias compañías creadoras y también paralos desarrolladores, que ven así como cada...
Fuente: http://gs.statcounter.com/
RAPIDEZFIABILIDADSEGURIDADINTANGIBLES
Lo mejor:Es muy rápido y consume poca memoria. Las páginas web cargan más deprisa y sepueden abrir muchas pestañas a la ve...
Lo mejor:Gran cantidad de extensiones y plug-ins. Son pequeños programas que amplían las funcionesdel navegador, desarroll...
Lo mejor:En velocidad, es uno de los mas recomendados.No recarga la página, cuanto uno retrocede.Buen manejo de pestañas.C...
Lo mejor:Es el más difundido, todas las webs funcionan correctamente con él. Su privilegiadaposición en el mercado durante...
Lo peor:Vulnerabilidades, que tardan en corregirse. Los constantes agujeros de seguridad deExplorer son ya una tradición, ...
Fuente: http://gs.statcounter.com/
Fuente: http://gs.statcounter.com/
Las conclusiones a las que llega el estudio realizado sobre Google Chrome 9, Firefox 3.6 eInternet Explorer 8, ejecutando ...
Fuentes:•Taringa•Nexobit
Instalar los 4 navegadores recomendados y realizar un análisis comparativo entre ellosutilizando las cuatro característica...
Que es Diseño web
Próxima SlideShare
Cargando en…5
×

Que es Diseño web

15.096 visualizaciones

Publicado el

Publicado en: Educación
  • Muy buena explicación, aunque actualmente han cambiado muchas formas de ver y entender lo que es en si el diseño web, pues nuevos elementos han entrado a hacer parte de los bien llamados “Nativos Digitales” http://www.obregonbeat.com
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí

Que es Diseño web

  1. 1. El diseño web es una actividad que consiste en la planificación, diseñoe implementación de sitios web y páginas web. No es simplemente unaaplicación del diseño convencional, ya que requiere tener en cuentacuestiones tales como navegabilidad, interactividad, usabilidad,arquitectura de la información y la interacción de medios como elaudio, texto, imagen y vídeo. Se lo considera dentro del DiseñoMultimedial.El diseño de una página Web tiene la esencial misión de vincular alusuario con el vasto mundo informativo, de un modo agradable yeficiente.Los contenidos no estandarizados dentro del Web y las facilidades quebrinda la hipermedia permiten, además de acceder a la información deun modo entretenido, satisfacer los requerimientos y gustos de los másdisímiles usuarios.
  2. 2. El Web debe diseñarse y programarse subordinando el software alcontrol del usuario, a sus requerimientos organizativos y a sus nivelescognoscitivos. Las herramientas a utilizar (imágenes estáticas yanimadas, iconos, vínculos, etc.) por el usuario deben ser claras yfáciles de manejar.Ante el cúmulo de imágenes con que se comunica el 3W se hacenecesaria la atención al diseño informacional. Existen normas en eldiseño de las interfaces Web que resultan menospreciadas: el usocorrecto del lenguaje, el valor semántico de títulos de Páginas Inícialesque en ocasiones no tienen correspondencia con su significado, asícomo la relación que debe tener el texto o icono vinculado con elsignificado que representa.Deficiencias en este sentido crean ambigüedades en la informaciónpresentada. Es esencial tener un criterio de diseño antes de comenzar acrear un sitio, esto permitirá ajustarse a las necesidades informativas ycomunicativas del que navegará por las páginas.
  3. 3. Con la evolución de la web 2.0 a los diseños web, no sólo se les pideque tengan un diseño atractivo, sino que su código tenga la calidadsuficiente para aumentar la accesibilidad de la web, su promoción enbuscadores y facilitar su usabilidad.Se le dotará al alumno de una serie de recursos eminentementeprácticos y técnica de diseño de última generación para que pueda darformato a cualquier elemento HTML de una página web con la mínimainjerencia en su código y, de esta forma, aumentar la accesibilidad deesa web, poder mejorar fácilmente su promoción en buscadores yfacilitar la gestión posterior de su código. Todo ello sin la necesidad derenunciar a un diseño elaborado y de calidad que sea atractivo para elvisitante.
  4. 4. CAPITULO I.- Introducción al Diseño Web.CAPITULO II.- Importancia del Diseño WebCAPITULO III.- Estándares para la webCAPITULO IV.- Dreamweaver CS4FRECUENTE PARCIAL FINALObjetivos Específicosen actividades practicasObjetivos Particularesal finalizar la unidadObjetivos Generalesal finalizar la materiaPracticasControl deactividadesTrabajos extra claseLeccionesPruebas parcialesSustentación detrabajos prácticos.Examen teóricoFuncionalidad delproyecto final.Exposición delproyecto.
  5. 5. CAPITULO I.- Introducción al Diseño Web.CAPITULO II.- Importancia del Diseño WebCAPITULO III.- Estándares para la webCAPITULO IV.- Dreamweaver CS6CAPITULOS I, II, III(9 puntos)CAPITULO IV(10 puntos)PROYECTO FINAL(9 puntos)Practicas 4Exposiciones 4Participación 4Trabajos en clase 4Prueba 4Asistencia 1Sustentación detrabajos prácticos. 4Trabajo en grupo 4Exposiciones 4Participación 4Trabajos en clase 4Prueba 5Asistencia 1PresentaciónVinculación con lasociedad.Solución deproblemas reales.Exposición delproyecto.
  6. 6. Internet ha trasformado las comunicaciones absolutas y hoy forma parte de lamayoría de negocios en el mundo entero.Las primeras páginas Web tal como la conocemos hoy, aparecieron haceaproximadamente 20 años atrás, con la publicación de un documento acercade partículas físicas del científico Paul Kunz de Stanford.De manera resumida la cronología de Internet puede ser la siguiente:1990: nace el primer proveedor comercial de acceso a Internet a través dediscado, denominado "The World".1991: Se lanza en el CERN Research Center, la primera World Wide Web,desarrollada por Tim Berners Lee.-Paul Kunz configura un servidor Web en el Stanford Linear Acelerador Center.- Apple Lanza Quick Time, software que posibilita ver películas en todo tipo decomputadores, transformándose en estándar de la industria.
  7. 7. 1994: Linus Torvalds lanza la versión 1.0 del Kernel de Linux.- Marc Andreesen y Jin Clark fundan Netscape Communications.- Nace el comercio electrónico por medio de Internet.- La primera cyber-radio, RTFM, transmite desde Las Vegas.- En Julio se crea el Word Wide Web Consortium (W3C) con el objeto detrabajar en pos de la estandarización de sistemas aplicados a la Web.1995: Microsoft lanza su browser Internet Exporer, y Windows 95. Real Audioes lanzado al mercado.1996: comienza la "guerra de los Browser entre Netscape y Microsoft.1998: Netscape hace público el código fuente de su navegador.2000: se lanza un masivo ataque hacker contra los sitios mas grandes,incluyendo Yahoo, Amazon y Ebay.2001: Napster es forzada a suspender su servicio.- Aparecen nuevos dominios: .biz e .info entre otros.
  8. 8. La red o www de World Wide Web, es básicamente un medio decomunicación de texto, gráficos y otros objetos multimedia a través deInternet, es decir, la web es un sistema de hipertexto que utiliza Internet comosu mecanismo de transporte o desde otro punto de vista, una forma gráficade explorar Internet.Como en las demás aplicaciones de Internet hay interacción entre un Clientey un Servidor: el protocolo de comunicación que se utiliza es el famoso HTTP(Hyper Text Transfer Protocol) y los documentos que se suban a la red debentener un formato especial llamado HTML (Hyper Text Makeup Language).Los clientes de la red representan la interfaz entre el usuario y el sistema.Las principales funciones que desempeñan son:-Recibir órdenes del usuario.-Solicitar documentos al Servidor.-Interpretar el formato y presentarlo al autor.
  9. 9. La web fue creada en 1989 en un instituto de investigación de Suiza.Es importante saber que web o www no son sinónimo de Internet, la web esun subconjunto de Internet que consiste en páginas a las que se puedeacceder usando un navegador. Internet es la red de redes donde residetoda la información. Tanto el correo electrónico, como FTPs, juegos, etc. sonparte de Internet, pero no de la Web.Para buscar hipertexto se utilizan programas llamados buscadores web querecuperan información (llamados documentos o páginas web) de losservidores web y muestran en la pantalla del ordenador de la persona queestá buscando la información gráfica, textual o video e incluso audio.La web se ha convertido en un medio muy popular de publicar información enInternet, y con el desarrollo del protocolo de transferencia segura (securedserver protocol (https)), la web es ahora un medio de comercio electrónicodonde los consumidores pueden escoger sus productos on-line y realizar suscompras utilizando la información de sus tarjetas bancarias de forma segura.
  10. 10. Navegadores.- Para poder visualizar todo estose han creado programas llamados Browser, unnombre que proviene del inglés "to browse",fluir. En castellano hemos adoptado el término"navegadores".Actualmente existe una competencia entre losnavegadores más utilizados que son: MozillaFirefox, Internet Explorer, Opera, Safari yGoogle Chrome.En la guerra y el amor todo vale. Y que mejor ejemplo que el mercado de losnavegadores. Los contrincantes no se dan tregua. Versión tras versión, beta trasbeta, van mejorando, evolucionando e innovando en todos los aspectos:velocidad, seguridad, rendimiento, funcionalidad, … Para felicidad de nosotros, losusuarios, que cada vez mas tenemos una mejor experiencia en nuestro diarionavegar por Internet.
  11. 11. Este es un dato muy positivo para las propias compañías creadoras y también paralos desarrolladores, que ven así como cada vez más personas están “a la última”,con las facilidades que eso supone a la hora de programar y presentar softwarepara un público más amplio y sin problemas de compatibilidades.Como se puede ver en la gráfica los dos navegadores que presentan un porcentajemás alto de actualización son Google Chrome y Firefox. Esto no es ningunasorpresa, puesto que ya todos conocemos los mecanismos que ambos presentanpara poder ser notificados automáticamente de la existencia de nuevas versiones yde que éstas se actualicen de forma automática.Como dato curioso destacar que las dos últimas posiciones están reservadas paraSafari e Internet Explorer, concretamente los dos únicos navegadores que vienenpor defecto con algún sistema operativo. Quizás IE 9 ayude a incrementar eseporcentaje pero mientras tanto seguro que seguirán ocupando el farolillo rojo deesta peculiar clasificación.
  12. 12. Fuente: http://gs.statcounter.com/
  13. 13. RAPIDEZFIABILIDADSEGURIDADINTANGIBLES
  14. 14. Lo mejor:Es muy rápido y consume poca memoria. Las páginas web cargan más deprisa y sepueden abrir muchas pestañas a la vez, sin que se agote la memoria del ordenador.Interfaz simple y minimalista. Tras arrancarlo aparece una ventana y ya se puede navegar.Todo lo superfluo se ha eliminado, de modo que hasta los principiantes lo encontrarán fácil deusar.Robusto y seguro. Se pueden hacer varias cosas a la vez, y si una página web «se rompe»no afecta a otras ventanas o pestañas, que continúan funcionando de forma independiente.Lo peor:Posibles incompatibilidades debido a que es muy nuevo. Algunas páginas web antiguaspueden no verse correctamente con Chrome, hasta que sus propietarios las arreglen orediseñen un poco.Extensiones en crecimiento: Al ser un navegador nuevo sus extensiones no llegan a ser lamisma cantidad que las de firefox (navegador actualmente con la mayor cantidad deextensiones).
  15. 15. Lo mejor:Gran cantidad de extensiones y plug-ins. Son pequeños programas que amplían las funcionesdel navegador, desarrollados por programadores independientes.Literalmente hay cientos y permiten tener un «Firefox a medida».Cumple sobradamente los estándares Web. Es uno de los navegadores más respetuosos conlas «reglas de la Web», los lenguajes en que están escritas las páginas de Internet.Multiplataforma, sirve para cualquier sistema operativo. Las personas que utilizan diversostipos de ordenadores pueden emplear el mismo navegador en todos ellos.Lo peor:Consume demasiada memoria. Si al navegar se abren muchas pestañas o ventanas elrendimiento cae en picado; es un problema pendiente de solucionar en próximas versiones.Rendimiento y estabilidad. Incluso las versiones «finales» adolecen de cierta inestabilidad queprovoca cuelgues y estropicios al visitar ciertos sitios web o forzar un poco su funcionamiento.Vulnerabilidades, que son rápidamente corregidas. Aunque se descubren a menudo fallos deseguridad, a las 24 horas suele publicarse un parche para resolver el problema.
  16. 16. Lo mejor:En velocidad, es uno de los mas recomendados.No recarga la página, cuanto uno retrocede.Buen manejo de pestañas.Cuenta con un cliente IRC (para Chat) interno.Posibilidad de personalizar las hojas de estilo.Sistema de descarga.Cliente de correo electrónico interno.Lector de noticias interno.Lo peor:Un poco mas lento en cargar paginas con Flash que otros navegadores.Incompatibilidad con algunas paginas.
  17. 17. Lo mejor:Es el más difundido, todas las webs funcionan correctamente con él. Su privilegiadaposición en el mercado durante años ha hecho que cualquier página web se compruebesiempre para su funcionamiento en Explorer, porque es el que usa la mayor parte de losvisitantes.Integración con Windows. Está en la propia naturaleza de Explorer ser parte de laexperiencia del usuario en cualquier momento, de modo que muchas aplicaciones Windowsutilizan partes del navegador para funcionar, creando una experiencia suave y uniforme.Extensiones, componentes ActiveX. (ActiveX es una tecnología de Microsoft para eldesarrollo de páginas dinámicas.) Los programadores pueden añadir funciones a Explorer pararealizar diversas tareas especializadas, haciéndolo así más versátil.
  18. 18. Lo peor:Vulnerabilidades, que tardan en corregirse. Los constantes agujeros de seguridad deExplorer son ya una tradición, y como promedio tardan unos nueve días en ser corregidosmediante una revisión o parche.Pobre gestión de los estándares Web. Tradicionalmente Microsoft ha «reinventado» losestándares a su conveniencia, de modo que quienes crean las páginas web han de tratar aExplorer como un si fuera «caso especial», toda una pérdida de tiempo y recursos.Ciclo de versiones y revisiones lento. Antiguamente considerado una ventaja, hoy en día nose entiende que entre versión y versión de un programa de este tipo transcurran en ocasionesvarios años. Esto ha mejorado algo en Explorer 8 y 9.
  19. 19. Fuente: http://gs.statcounter.com/
  20. 20. Fuente: http://gs.statcounter.com/
  21. 21. Las conclusiones a las que llega el estudio realizado sobre Google Chrome 9, Firefox 3.6 eInternet Explorer 8, ejecutando el test de rendimiento para navegadores SunSpider JavaScriptBenchmark 0.9.1 con cada uno, son que el navegador más rápido y con mejor accesibilidad delas páginas web es Chrome. En lo referente a opciones de seguridad y privacidad,extensiones, personalización y modo parental es Firefox.
  22. 22. Fuentes:•Taringa•Nexobit
  23. 23. Instalar los 4 navegadores recomendados y realizar un análisis comparativo entre ellosutilizando las cuatro características vistas en clase para escoger el mejor navegador, hagan laspruebas necesarias, capturen pantallas y expongan sus conclusiones, el trabajo serápresentado en grupos de 4 integrantes en formato .PDF

×