SlideShare una empresa de Scribd logo
1 de 11
Descargar para leer sin conexión
DISEÑO WEB,[object Object],BY MARIO & VICTOR,[object Object]
INDICE,[object Object],¿Quées?.,[object Object],Inicios.,[object Object],Etapaspara el diseño.,[object Object],Lenguajes de programación: ,[object Object],          - HTML.,[object Object],          - JavaScript.,[object Object],Editores de páginas web:,[object Object],          - Freewares.,[object Object],          - De pago.,[object Object],Shibu lijack,[object Object]
¿Quées?,[object Object],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.,[object Object],Shibu lijack,[object Object]
Inicios,[object Object],Al principio, sólo eran texto, pero a medida que han ido evolucionando las tecnologías se han incluído video, animaciones 3d…,[object Object],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.,[object Object],Shibu lijack,[object Object]
Etapas para el diseño,[object Object],1º. DISEÑO VISUAL: se trabaja distribuyendo el texto, los gráficos, los vínculos a otros documentos y otros objetos multimedia.,[object Object],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.,[object Object],3º. POSICIONAMIENTO EN BUSCADORES: consiste en ir mejorando el contenido de la página para que aparezca mejor colocada en los buscadores.,[object Object],Shibu lijack,[object Object]
Lenguajes de programacón,[object Object],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.,[object Object],Shibu lijack,[object Object]
Lenguaje html,[object Object],Es un lenguaje esstático para el desarrollo de sitios web:,[object Object],       - Ventajas:,[object Object],          - Permite describir hipertexto.,[object Object],          - El texto es presentado de forma agradable,[object Object],          - Es permitido por todos los exploradores.,[object Object],       - Inconvenientes:,[object Object],          - Es lenguaje estático.,[object Object],          - Diseño lento.,[object Object],Shibu lijack,[object Object]
Lenguaje  Javascript,[object Object],Lenguaje interpretado, que no requiere compilación:,[object Object],         - Ventajas:,[object Object],              - Scripting seguro y fiable.,[object Object],              - Se ejecuta directamente en el cliente.,[object Object],        - Inconvenientes:,[object Object],              - Código visible por cualquier usuario.,[object Object],              - Ha de descargarse completamente el,[object Object],                código.,[object Object],Shibu lijack,[object Object]
Editores  web  Libres,[object Object],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.,[object Object],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.,[object Object],Shibu lijack,[object Object]
Editores  web  de  pago,[object Object],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.,[object Object],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.,[object Object],Shibu lijack,[object Object]
Bibliografía,[object Object],www.Wikipedia.org,[object Object],www.maestrosdelweb.com,[object Object],Shibu lijack,[object Object]

Más contenido relacionado

La actualidad más candente

Camtasia getting started guide.ppt (victor)
Camtasia getting started guide.ppt (victor)Camtasia getting started guide.ppt (victor)
Camtasia getting started guide.ppt (victor)reyestarita
 
La importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyectoLa importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyectoAptitud Emprendedora
 
Mi lenguaje de programación de preferencia
Mi lenguaje de programación de preferenciaMi lenguaje de programación de preferencia
Mi lenguaje de programación de preferenciajcqmusikalisimo
 
EXPOSICION DREAMWEAVER
EXPOSICION DREAMWEAVEREXPOSICION DREAMWEAVER
EXPOSICION DREAMWEAVERMarysollone
 
Presentacion Adobe Dreamweaver CS6
Presentacion Adobe Dreamweaver CS6Presentacion Adobe Dreamweaver CS6
Presentacion Adobe Dreamweaver CS6daniuelrizzop
 
Presenta dsfjksdfd
Presenta dsfjksdfdPresenta dsfjksdfd
Presenta dsfjksdfdJULISWEN
 
Lenguajes De Programación Web
Lenguajes De Programación WebLenguajes De Programación Web
Lenguajes De Programación Webragmyl
 
Presentación1 de w.,jlgvjdfmkhgvfd
Presentación1 de w.,jlgvjdfmkhgvfdPresentación1 de w.,jlgvjdfmkhgvfd
Presentación1 de w.,jlgvjdfmkhgvfdWENJULI
 
Presentacion de dreamweaver
Presentacion de dreamweaverPresentacion de dreamweaver
Presentacion de dreamweavervaleriamont
 
Dreamweaver cnt.tr
Dreamweaver cnt.trDreamweaver cnt.tr
Dreamweaver cnt.trdisseny2d1
 
Lenguajes De Programacion Web
Lenguajes De Programacion WebLenguajes De Programacion Web
Lenguajes De Programacion Webvictorluis19
 

La actualidad más candente (16)

Lenguajes de programación web
Lenguajes de programación webLenguajes de programación web
Lenguajes de programación web
 
Camtasia getting started guide.ppt (victor)
Camtasia getting started guide.ppt (victor)Camtasia getting started guide.ppt (victor)
Camtasia getting started guide.ppt (victor)
 
Html5 (1)
Html5 (1)Html5 (1)
Html5 (1)
 
La importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyectoLa importancia del frontend y backend en un proyecto
La importancia del frontend y backend en un proyecto
 
Mi lenguaje de programación de preferencia
Mi lenguaje de programación de preferenciaMi lenguaje de programación de preferencia
Mi lenguaje de programación de preferencia
 
Adobe Dreamweaver
Adobe DreamweaverAdobe Dreamweaver
Adobe Dreamweaver
 
EXPOSICION DREAMWEAVER
EXPOSICION DREAMWEAVEREXPOSICION DREAMWEAVER
EXPOSICION DREAMWEAVER
 
Presentacion Adobe Dreamweaver CS6
Presentacion Adobe Dreamweaver CS6Presentacion Adobe Dreamweaver CS6
Presentacion Adobe Dreamweaver CS6
 
Presenta dsfjksdfd
Presenta dsfjksdfdPresenta dsfjksdfd
Presenta dsfjksdfd
 
Programacion web
Programacion webProgramacion web
Programacion web
 
Lenguajes De Programación Web
Lenguajes De Programación WebLenguajes De Programación Web
Lenguajes De Programación Web
 
Presentación1 de w.,jlgvjdfmkhgvfd
Presentación1 de w.,jlgvjdfmkhgvfdPresentación1 de w.,jlgvjdfmkhgvfd
Presentación1 de w.,jlgvjdfmkhgvfd
 
Presentacion de dreamweaver
Presentacion de dreamweaverPresentacion de dreamweaver
Presentacion de dreamweaver
 
Dreamweaver cnt.tr
Dreamweaver cnt.trDreamweaver cnt.tr
Dreamweaver cnt.tr
 
Lenguajes De Programacion Web
Lenguajes De Programacion WebLenguajes De Programacion Web
Lenguajes De Programacion Web
 
Actividad no 7
Actividad no 7Actividad no 7
Actividad no 7
 

Destacado

Tarjeta gráfica y de sonido
Tarjeta gráfica y de sonidoTarjeta gráfica y de sonido
Tarjeta gráfica y de sonidolospadrinos
 
Tarjeta Grafica y de Sonido
Tarjeta Grafica y de Sonido Tarjeta Grafica y de Sonido
Tarjeta Grafica y de Sonido grupomachine
 
09. tarjetas gráficas y de audio
09. tarjetas gráficas y de audio09. tarjetas gráficas y de audio
09. tarjetas gráficas y de audioSamkai Company
 

Destacado (6)

Tarjetas gráficas y de audio
Tarjetas gráficas y de audioTarjetas gráficas y de audio
Tarjetas gráficas y de audio
 
Tarjeta gráfica y de sonido
Tarjeta gráfica y de sonidoTarjeta gráfica y de sonido
Tarjeta gráfica y de sonido
 
Teclado
TecladoTeclado
Teclado
 
Tarjeta Grafica y de Sonido
Tarjeta Grafica y de Sonido Tarjeta Grafica y de Sonido
Tarjeta Grafica y de Sonido
 
09. tarjetas gráficas y de audio
09. tarjetas gráficas y de audio09. tarjetas gráficas y de audio
09. tarjetas gráficas y de audio
 
Scanner
ScannerScanner
Scanner
 

Similar a Diseño web

Similar a Diseño web (20)

Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
 
Desarrollo de la web
Desarrollo de la webDesarrollo de la web
Desarrollo de la web
 
Investigación
InvestigaciónInvestigación
Investigación
 
Programación juliana montoya
Programación juliana montoyaProgramación juliana montoya
Programación juliana montoya
 
La web alejandra acevedo 10-2
La web   alejandra acevedo 10-2La web   alejandra acevedo 10-2
La web alejandra acevedo 10-2
 
Presentación1
Presentación1Presentación1
Presentación1
 
Desarrollo de la web.adriana
Desarrollo de la web.adrianaDesarrollo de la web.adriana
Desarrollo de la web.adriana
 
pinedaaaaaaaaaaaaaaaaaaa.pptx
pinedaaaaaaaaaaaaaaaaaaa.pptxpinedaaaaaaaaaaaaaaaaaaa.pptx
pinedaaaaaaaaaaaaaaaaaaa.pptx
 
Diseño web
Diseño webDiseño web
Diseño web
 
Creacion de paginas_web
Creacion de paginas_webCreacion de paginas_web
Creacion de paginas_web
 
Diseño de la web
Diseño de la webDiseño de la web
Diseño de la web
 
Plataformas de desarrollo web
Plataformas de desarrollo webPlataformas de desarrollo web
Plataformas de desarrollo web
 
Hist. diseño web
Hist. diseño webHist. diseño web
Hist. diseño web
 
Asdasdas
AsdasdasAsdasdas
Asdasdas
 
Nicholl giraldo programacion de wb
Nicholl giraldo  programacion de wbNicholl giraldo  programacion de wb
Nicholl giraldo programacion de wb
 
Presentación sobre conceptos de Dw
Presentación sobre conceptos de DwPresentación sobre conceptos de Dw
Presentación sobre conceptos de Dw
 
Los diferentes lenguajes de programación para la web
Los diferentes lenguajes de programación para la webLos diferentes lenguajes de programación para la web
Los diferentes lenguajes de programación para la web
 
Los diferentes lenguajes de programación para la web
Los diferentes lenguajes de programación para la webLos diferentes lenguajes de programación para la web
Los diferentes lenguajes de programación para la web
 
Programación web
Programación web Programación web
Programación web
 
Internet - Teconología para Sistemas Web
Internet - Teconología para Sistemas WebInternet - Teconología para Sistemas Web
Internet - Teconología para Sistemas Web
 

Diseño web

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.