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

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
 
Presentacion Adobe Dreamweaver CS6
Presentacion Adobe Dreamweaver CS6Presentacion Adobe Dreamweaver CS6
Presentacion Adobe Dreamweaver CS6
daniuelrizzop
 
Lenguajes De Programación Web
Lenguajes De Programación WebLenguajes De Programación Web
Lenguajes De Programación Web
ragmyl
 
Presentación1 de w.,jlgvjdfmkhgvfd
Presentación1 de w.,jlgvjdfmkhgvfdPresentación1 de w.,jlgvjdfmkhgvfd
Presentación1 de w.,jlgvjdfmkhgvfd
WENJULI
 
Presentacion de dreamweaver
Presentacion de dreamweaverPresentacion de dreamweaver
Presentacion de dreamweaver
valeriamont
 
Dreamweaver cnt.tr
Dreamweaver cnt.trDreamweaver cnt.tr
Dreamweaver cnt.tr
disseny2d1
 

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 (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

Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
8vivi8
 
La web alejandra acevedo 10-2
La web   alejandra acevedo 10-2La web   alejandra acevedo 10-2
La web alejandra acevedo 10-2
Alejandracevedo
 
Diseño de la web
Diseño de la webDiseño de la web
Diseño de la web
adri9610
 
Presentación sobre conceptos de Dw
Presentación sobre conceptos de DwPresentación sobre conceptos de Dw
Presentación sobre conceptos de Dw
XimenaOrrantia
 

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