SlideShare una empresa de Scribd logo
1 de 10
INSTITUTO UNIVERSITARIO DE TECNOLOGIA REGIÓN LOS ANDES MINISTERIO DEL PODER POPULAR PARA LAEDUCACIÓN SUPERIOR ALDEA UNIVERSITARIA DE LA FRONTERA DISEÑO DE PÁGINAS WEB Electiva Autor: Ing. Jhonny Gómez IUTAI - UREÑA
INSTITUTO UNIVERSITARIO DE TECNOLOGIA REGIÓN LOS ANDES MINISTERIO DEL PODER POPULAR PARA LAEDUCACIÓN SUPERIOR ALDEA UNIVERSITARIA DE LA FRONTERA DISEÑO WEB Es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta cuestiones tales  como: ,[object Object]
 Interactividad
usabilidad
 arquitectura de la información y la interacción de medios como: ,[object Object]
 texto
 imagen 
 vídeo.IUTAI - UREÑA
INSTITUTO UNIVERSITARIO DE TECNOLOGIA REGIÓN LOS ANDES MINISTERIO DEL PODER POPULAR PARA LAEDUCACIÓN SUPERIOR ALDEA UNIVERSITARIA DE LA FRONTERA ,[object Object]
 Una página web es un documento hipermedia escrito con el lenguaje HTML que es procesado por un programa especial, el navegador.

Más contenido relacionado

La actualidad más candente (20)

Diseño web ladys padilla
Diseño web ladys padillaDiseño web ladys padilla
Diseño web ladys padilla
 
Ecommerce Hotelero II
Ecommerce Hotelero IIEcommerce Hotelero II
Ecommerce Hotelero II
 
Recursos página web 2.0
Recursos página web 2.0Recursos página web 2.0
Recursos página web 2.0
 
Ruben
RubenRuben
Ruben
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
Tablas comparativas
Tablas comparativasTablas comparativas
Tablas comparativas
 
Clase6
Clase6Clase6
Clase6
 
Tablas comparativas
Tablas comparativasTablas comparativas
Tablas comparativas
 
Tablas comparativas madahy
Tablas comparativas madahyTablas comparativas madahy
Tablas comparativas madahy
 
Presentacion de informatica
Presentacion de informaticaPresentacion de informatica
Presentacion de informatica
 
Pr drive equipo2 (1)
Pr drive equipo2 (1)Pr drive equipo2 (1)
Pr drive equipo2 (1)
 
Trabajo sena (2)
Trabajo sena (2)Trabajo sena (2)
Trabajo sena (2)
 
Paginas web
Paginas webPaginas web
Paginas web
 
La pagina web
La pagina webLa pagina web
La pagina web
 
Alvaro david molina
Alvaro david molinaAlvaro david molina
Alvaro david molina
 
Diseño web
Diseño webDiseño web
Diseño web
 
Formulario web movil
Formulario web movilFormulario web movil
Formulario web movil
 
La web 2.0 tatiana ramirez
La web 2.0 tatiana ramirezLa web 2.0 tatiana ramirez
La web 2.0 tatiana ramirez
 
Estándares W3C
Estándares W3CEstándares W3C
Estándares W3C
 
Proyecto de web
Proyecto de webProyecto de web
Proyecto de web
 

Similar a DISEÑO DE PÁGINAS WEB

Elemento 2 ntics 2 (uso y aplicaciones de la web)octubre 18 2011ok)
Elemento 2 ntics 2 (uso y aplicaciones de la web)octubre 18 2011ok)Elemento 2 ntics 2 (uso y aplicaciones de la web)octubre 18 2011ok)
Elemento 2 ntics 2 (uso y aplicaciones de la web)octubre 18 2011ok)
Mario Bonilla
 
Elemento 2 ntics 2 (uso y aplicaciones de la web)octubre 18 2011ok)
Elemento 2 ntics 2 (uso y aplicaciones de la web)octubre 18 2011ok)Elemento 2 ntics 2 (uso y aplicaciones de la web)octubre 18 2011ok)
Elemento 2 ntics 2 (uso y aplicaciones de la web)octubre 18 2011ok)
danielsantiagojerezlozada
 
Elemento 2 ntics 2 (uso y aplicaciones de la web) 18 10- 11
Elemento 2 ntics 2 (uso y aplicaciones de la web) 18 10- 11Elemento 2 ntics 2 (uso y aplicaciones de la web) 18 10- 11
Elemento 2 ntics 2 (uso y aplicaciones de la web) 18 10- 11
danielsantiagojerezlozada
 
Elemento 2 ntics 2 uta
Elemento 2 ntics 2 utaElemento 2 ntics 2 uta
Elemento 2 ntics 2 uta
osiito12
 
aplicaciones_web_advantage_multimedia.ppt
aplicaciones_web_advantage_multimedia.pptaplicaciones_web_advantage_multimedia.ppt
aplicaciones_web_advantage_multimedia.ppt
ssuser948499
 
aplicaciones_web_advantage_multimedia.ppt
aplicaciones_web_advantage_multimedia.pptaplicaciones_web_advantage_multimedia.ppt
aplicaciones_web_advantage_multimedia.ppt
ssuser948499
 
Infraestructura tecnologica1
Infraestructura tecnologica1Infraestructura tecnologica1
Infraestructura tecnologica1
Larissa Muirragui
 

Similar a DISEÑO DE PÁGINAS WEB (20)

Unidad I ACTIVIDADES ACREDITABLES (PNFI-1er.SEMESTRE)
Unidad I ACTIVIDADES ACREDITABLES (PNFI-1er.SEMESTRE)Unidad I ACTIVIDADES ACREDITABLES (PNFI-1er.SEMESTRE)
Unidad I ACTIVIDADES ACREDITABLES (PNFI-1er.SEMESTRE)
 
Presentacion Glosario Web / Marketing Web - Mobile
Presentacion Glosario Web / Marketing Web - MobilePresentacion Glosario Web / Marketing Web - Mobile
Presentacion Glosario Web / Marketing Web - Mobile
 
Página Web Gilberto García
Página Web Gilberto GarcíaPágina Web Gilberto García
Página Web Gilberto García
 
Aplicaciones web
Aplicaciones webAplicaciones web
Aplicaciones web
 
Elemento 2 ntics 2 (uso y aplicaciones de la web)octubre 18 2011ok)
Elemento 2 ntics 2 (uso y aplicaciones de la web)octubre 18 2011ok)Elemento 2 ntics 2 (uso y aplicaciones de la web)octubre 18 2011ok)
Elemento 2 ntics 2 (uso y aplicaciones de la web)octubre 18 2011ok)
 
Elemento 2 ntics 2 (uso y aplicaciones de la web)octubre 18 2011ok)
Elemento 2 ntics 2 (uso y aplicaciones de la web)octubre 18 2011ok)Elemento 2 ntics 2 (uso y aplicaciones de la web)octubre 18 2011ok)
Elemento 2 ntics 2 (uso y aplicaciones de la web)octubre 18 2011ok)
 
Elemento 2 ntics 2 (uso y aplicaciones de la web) 18 10- 11
Elemento 2 ntics 2 (uso y aplicaciones de la web) 18 10- 11Elemento 2 ntics 2 (uso y aplicaciones de la web) 18 10- 11
Elemento 2 ntics 2 (uso y aplicaciones de la web) 18 10- 11
 
Elemento 2 ntics 2 uta
Elemento 2 ntics 2 utaElemento 2 ntics 2 uta
Elemento 2 ntics 2 uta
 
aplicaciones_web_advantage_multimedia.ppt
aplicaciones_web_advantage_multimedia.pptaplicaciones_web_advantage_multimedia.ppt
aplicaciones_web_advantage_multimedia.ppt
 
aplicaciones_web_advantage_multimedia.ppt
aplicaciones_web_advantage_multimedia.pptaplicaciones_web_advantage_multimedia.ppt
aplicaciones_web_advantage_multimedia.ppt
 
Infraestructura tecnologica1
Infraestructura tecnologica1Infraestructura tecnologica1
Infraestructura tecnologica1
 
Tema de exposición 2
Tema de exposición 2Tema de exposición 2
Tema de exposición 2
 
Tecnologia Web para Desarrolladores
Tecnologia Web para DesarrolladoresTecnologia Web para Desarrolladores
Tecnologia Web para Desarrolladores
 
Recursos Web 2.0
Recursos Web 2.0Recursos Web 2.0
Recursos Web 2.0
 
Modulo1-Presentaciones-parte01.1.ppt
Modulo1-Presentaciones-parte01.1.pptModulo1-Presentaciones-parte01.1.ppt
Modulo1-Presentaciones-parte01.1.ppt
 
Taller de arquitectura web
Taller de arquitectura webTaller de arquitectura web
Taller de arquitectura web
 
Criterios página web
Criterios página webCriterios página web
Criterios página web
 
Marco teorico
Marco teoricoMarco teorico
Marco teorico
 
Marco teorico
Marco teoricoMarco teorico
Marco teorico
 
Comercio electronico1
Comercio electronico1Comercio electronico1
Comercio electronico1
 

DISEÑO DE PÁGINAS WEB

  • 1. INSTITUTO UNIVERSITARIO DE TECNOLOGIA REGIÓN LOS ANDES MINISTERIO DEL PODER POPULAR PARA LAEDUCACIÓN SUPERIOR ALDEA UNIVERSITARIA DE LA FRONTERA DISEÑO DE PÁGINAS WEB Electiva Autor: Ing. Jhonny Gómez IUTAI - UREÑA
  • 2.
  • 5.
  • 9.
  • 10. Una página web es un documento hipermedia escrito con el lenguaje HTML que es procesado por un programa especial, el navegador.
  • 11.
  • 14. Audio y vídeo
  • 16. Escenas de realidad virtual
  • 19. INSTITUTO UNIVERSITARIO DE TECNOLOGIA REGIÓN LOS ANDES MINISTERIO DEL PODER POPULAR PARA LAEDUCACIÓN SUPERIOR ALDEA UNIVERSITARIA DE LA FRONTERA FUNCIONAMIENTO DE LA WEB La Web funciona siguiendo el modelo cliente-servidor. Existe un servidor, que es quien presta el servicio, y un cliente, que es quien lo recibe. Cliente web Es un programa con el que el usuario interacciona para solicitar a un servidor web el envío de páginas de información. Estas páginas se transfieren mediante el protocolo HTTP. Las páginas que se reciben son documentos de texto codificados en lenguaje HTML. El cliente web debe interpretar estos documentos para mostrárselos al usuario en el formato adecuado. IUTAI - UREÑA
  • 20. INSTITUTO UNIVERSITARIO DE TECNOLOGIA REGIÓN LOS ANDES MINISTERIO DEL PODER POPULAR PARA LAEDUCACIÓN SUPERIOR ALDEA UNIVERSITARIA DE LA FRONTERA Cuando lo que se recibe no es un documento de texto, sino un objeto multimedia (vídeo, sonido, ...) no reconocido por el cliente web, éste debe activar una aplicación externa capaz de gestionarlo. Entre los clientes web más usuales están Microsoft Internet Explorer, MozillaFirefox y Netscape Navigator. Servidor web Es un programa que está permanentemente escuchando las peticiones de conexión de los clientes mediante el protocolo HTTP. Funciona de la siguiente manera: si encuentra en su sistema de ficheros el documento HTML solicitado por el cliente, lo envía y cierra la conexión; en caso contrario, envía un código de error y cierra la conexión. También se ocupa de controlar los aspectos de seguridad. IUTAI - UREÑA
  • 21.
  • 22. El cliente establece la conexión con el servidor web.
  • 23. El cliente solicita la página o el objeto deseado.
  • 24. El servidor busca la página solicitada en su sistema de ficheros. Si la encuentra, la envía al cliente; en caso contrario, devuelve un código de error.
  • 25. El cliente interpreta los códigos HTML y muestra la página al usuario.
  • 26. Se cierra la conexión.IUTAI - UREÑA
  • 27. INSTITUTO UNIVERSITARIO DE TECNOLOGIA REGIÓN LOS ANDES MINISTERIO DEL PODER POPULAR PARA LAEDUCACIÓN SUPERIOR ALDEA UNIVERSITARIA DE LA FRONTERA CREACIÓN DE PÁGINAS WEB Herramientas auxiliares Programas de diseño gráfico, para la creación y el tratamiento digital de imágenes y fotografías (PaintShop Pro, Adobe Photoshop, Corel PhotoPaint, Macromedia Fireworks). Editores de mapas sensibles, para crear mapas de imágenes (Mapedit). Programas de animación, para crear animaciones GIF (GIF Construction Set) o vectoriales (Macromedia Flash). Programas de edición de audio (GoldWave, SonicFoundrySoundForge) y vídeo (Adobe Premiere), para editar audio y vídeo digital. IUTAI - UREÑA
  • 28. INSTITUTO UNIVERSITARIO DE TECNOLOGIA REGIÓN LOS ANDES MINISTERIO DEL PODER POPULAR PARA LAEDUCACIÓN SUPERIOR ALDEA UNIVERSITARIA DE LA FRONTERA Programas de modelado 3D (Kinetix 3D Studio, CorelWEB.WORLD, 3D Webmaster), para incluir mundos virtuales en VRML. Conversores de formatos gráficos y de texto, para incorporar a un documento HTML documentos realizados con otros programas y almacenados en diferentes formatos (GraphicsWorkshop). Analizadores de vínculos, para comprobar los enlaces entre las páginas. Entornos de desarrollo de programas, para escribir código HTML, PHP, Java, JavaScript o VBScript (Eclipse). Programas de FTP, para la transferencia de las páginas al servidor web (SSH SecureFile Transfer, WS_FTP). Servidores web, para realizar pruebas en modo local (Apache, Microsoft Internet Information Server). IUTAI - UREÑA
  • 29. INSTITUTO UNIVERSITARIO DE TECNOLOGIA REGIÓN LOS ANDES MINISTERIO DEL PODER POPULAR PARA LAEDUCACIÓN SUPERIOR ALDEA UNIVERSITARIA DE LA FRONTERA EL LENGUAJE HTML HTML es un lenguaje de marcas orientado a la publicación de documentos en Internet. La mayoría de las marcas son semánticas. Los documentos HTML están formados por una serie de bloques de texto con una entidad lógica (titulares, párrafos, listas, ...). La interpretación de estas entidades se deja al navegador, lo cual da una gran flexibilidad a la presentación del documento, que puede ser mostrado, por ejemplo, en terminales gráficos o de texto. HTML es un lenguaje extensible, al que se le pueden añadir nuevas características, marcas y funciones. IUTAI - UREÑA
  • 30. INSTITUTO UNIVERSITARIO DE TECNOLOGIA REGIÓN LOS ANDES MINISTERIO DEL PODER POPULAR PARA LAEDUCACIÓN SUPERIOR ALDEA UNIVERSITARIA DE LA FRONTERA Estructura de un documento HTML: <HTML> <HEAD> ... Encabezamiento del documento </HEAD> <BODY> ... Cuerpo del documento </BODY> </HTML> IUTAI - UREÑA