Diseño web

357 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
357
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Diseño web

  1. 1. DISEÑO WEB<br />BY MARIO & VICTOR<br />
  2. 2. INDICE<br />¿Quées?.<br />Inicios.<br />Etapaspara el diseño.<br />Lenguajes de programación: <br /> - HTML.<br /> - JavaScript.<br />Editores de páginas web:<br /> - Freewares.<br /> - De pago.<br />Shibu lijack<br />
  3. 3. ¿Quées?<br />Es unaactividadqueconsiste en la planificación el diseño y la creación de páginas web. Hay quetener en cuenta la navegabilidad y la interactividad, asícomo el audio,imágen, video y texto.<br />Shibu lijack<br />
  4. 4. Inicios<br />Al principio, sólo eran texto, pero a medida que han ido evolucionando las tecnologías se han incluído video, animaciones 3d…<br />En sus inicios, sobre 1992, había solo 50 páginas web, hoy en día hay unas 8.000 millones, y aumenta en unas 4.400 cada día.<br />Shibu lijack<br />
  5. 5. Etapas para el diseño<br />1º. DISEÑO VISUAL: se trabaja distribuyendo el texto, los gráficos, los vínculos a otros documentos y otros objetos multimedia.<br />2º. “ESCRIBIR” LA PÁGINA: para esto fue para lo que se creó el lenguaje HTML, ejemplos de HTML son los enlaces que aparecen subrayados en algunas páginas que al pulsarlos, te conducen a otras páginas.<br />3º. POSICIONAMIENTO EN BUSCADORES: consiste en ir mejorando el contenido de la página para que aparezca mejor colocada en los buscadores.<br />Shibu lijack<br />
  6. 6. Lenguajes de programacón<br />En los inicios de internet, con el desarrollo de las tecnologías, se han ido desarrollando lenguajes de programación web dinámicos que permiten interactuar con los usuarios y utilizan sistemas de bases de datos. Dos de los más importantes son el HTML y el JavaScript.<br />Shibu lijack<br />
  7. 7. Lenguaje html<br />Es un lenguaje esstático para el desarrollo de sitios web:<br /> - Ventajas:<br /> - Permite describir hipertexto.<br /> - El texto es presentado de forma agradable<br /> - Es permitido por todos los exploradores.<br /> - Inconvenientes:<br /> - Es lenguaje estático.<br /> - Diseño lento.<br />Shibu lijack<br />
  8. 8. Lenguaje Javascript<br />Lenguaje interpretado, que no requiere compilación:<br /> - Ventajas:<br /> - Scripting seguro y fiable.<br /> - Se ejecuta directamente en el cliente.<br /> - Inconvenientes:<br /> - Código visible por cualquier usuario.<br /> - Ha de descargarse completamente el<br /> código.<br />Shibu lijack<br />
  9. 9. Editores web Libres<br />WeaverSlave: es un editor de código gratuito, entre sus características destacan su sencillez de utilización por su organización lógica y la posibilidad de programar muchos lenguajes usando un solo editor.<br />NVU: es un editor WYSIWYG (lo que ves es lo que obtienes) que facilita el desarrollo de páginas web debido a las visualizaciones disponibles de su interfaz (código fuente…), los cuales se pueden cambiar mediante un sistema de pestañas.<br />Shibu lijack<br />
  10. 10. Editores web de pago<br />AdobeDreamweaver: aplicación en forma de estudio enfocada a la construcción de páginas web, forma parte del Adobe Creative Suite 3-5. Es el programa de este tipo más utilizado debido a sus funcionalidades y a su integración con otras herramientas como FlashPlayer.<br />Microsoft Frontpage: editor web para Windows, pero se ha dejado de producir en 2006 ya que se considera que el código HTML generado por esta aplicación es descuidado y reiterativo.<br />Shibu lijack<br />
  11. 11. Bibliografía<br />www.Wikipedia.org<br />www.maestrosdelweb.com<br />Shibu lijack<br />

×