SlideShare una empresa de Scribd logo
  INTRODUCCIÓN AL   LENGUAJE HTML     Autor: Blanca Duarte de Báez
USABILIDAD Y ACCESIBILIDAD ESTÁNDARES EN LA RED ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ANATOMÍA DE UNA PRESENTACIÓN WEB ,[object Object],[object Object],[object Object],[object Object],Es muy importante demostrar una estructura clara de la presentación web, debido a que mediante esto el usuario podrá tener una idea general del contenido del sitio desde el momento en que se pone a navegar, y no se presta a que el mismo empiece a tener una sensación de estar perdido, lo cual lo puede llevar a abandonar el sitio  y buscar otro menos complejo de navegar.
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Red:  Como se puede observar en el gráfico, la estructura de red no tiene al parecer un orden establecido, las páginas tienen conexión entre todas, por lo cual se vuelve un poco compleja desde el punto de vista del usuario, que fácilmente puede estar navegando por las páginas sin encontrar lo que exactamente busca, y en el peor de los casos puede abandonar el sitio sin haber leído lo que nosotros quisiéramos.   Observaciones: Normalmente en un sitio web, las páginas están enlazadas en una forma mixta donde se combina una estructura de red con una estructura jerárquica y/o lineal, mediante la cual se logra un sitio web con una estructura fácil de navegar.
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ACCESIBILIDAD WEB ,[object Object],[object Object],[object Object]

Más contenido relacionado

La actualidad más candente

Clases/Tipos de lenguajes de programación
Clases/Tipos de lenguajes de programaciónClases/Tipos de lenguajes de programación
Clases/Tipos de lenguajes de programación
En La Vereda de Mi Casaa!
 
Direccionamiento ip
Direccionamiento ipDireccionamiento ip
Direccionamiento ipKoldo Parra
 
UNIDAD 3 MODULARIZACIÓN
UNIDAD 3 MODULARIZACIÓNUNIDAD 3 MODULARIZACIÓN
Fundamentos Básicos de Redes
Fundamentos Básicos de RedesFundamentos Básicos de Redes
Fundamentos Básicos de Redes
alberto calatayu
 
Historia de los lenguajes de programación power point
Historia de los lenguajes de programación power pointHistoria de los lenguajes de programación power point
Historia de los lenguajes de programación power point
ramosmendezshura
 
Computer communication and networks
Computer communication and networksComputer communication and networks
Computer communication and networksImran Khan
 
Portafolio de evidencias taller de legislacion informatica avance 3
Portafolio de evidencias taller de legislacion informatica avance 3Portafolio de evidencias taller de legislacion informatica avance 3
Portafolio de evidencias taller de legislacion informatica avance 3Michel Mendoza
 
Java swing y awt
Java swing y awtJava swing y awt
Java swing y awt
Paulis Rincon
 
TIPOS DE PROTOCOLOS DE RED
TIPOS DE PROTOCOLOS DE REDTIPOS DE PROTOCOLOS DE RED
TIPOS DE PROTOCOLOS DE REDLOUSAVI
 
Fundamentos de redes: 6. Direccionamiento de la red ipv4
Fundamentos de redes: 6. Direccionamiento de la red ipv4Fundamentos de redes: 6. Direccionamiento de la red ipv4
Fundamentos de redes: 6. Direccionamiento de la red ipv4Francesc Perez
 
Circuit Switching, Packet Switching, Virtual Circuit Networks and Datagram Ne...
Circuit Switching, Packet Switching, Virtual Circuit Networks and Datagram Ne...Circuit Switching, Packet Switching, Virtual Circuit Networks and Datagram Ne...
Circuit Switching, Packet Switching, Virtual Circuit Networks and Datagram Ne...
Kaushik Panta
 
Teoria de Base de datos
Teoria de Base de datosTeoria de Base de datos
Teoria de Base de datos
Uniandes
 
Teoria de Automatas & Lenguajes Formales
Teoria de Automatas & Lenguajes FormalesTeoria de Automatas & Lenguajes Formales
Teoria de Automatas & Lenguajes Formales
Erivan Martinez Ovando
 
HDLC(high level data link control)
HDLC(high level data link control)HDLC(high level data link control)
HDLC(high level data link control)Anand Biradar
 
Ccna 1 capitulo 04
Ccna 1 capitulo 04Ccna 1 capitulo 04
Ccna 1 capitulo 04Hack '
 
Arquitectura de la computadora
Arquitectura de la computadoraArquitectura de la computadora
Arquitectura de la computadora
Mauricio Hernandez
 
Protocolos de red
Protocolos de redProtocolos de red
Protocolos de red
David Narváez
 
Preguntas guía de cara al examen de REDES
Preguntas guía de cara al examen de REDESPreguntas guía de cara al examen de REDES
Preguntas guía de cara al examen de REDESINÉS ARABIA DíAZ
 

La actualidad más candente (20)

Clases/Tipos de lenguajes de programación
Clases/Tipos de lenguajes de programaciónClases/Tipos de lenguajes de programación
Clases/Tipos de lenguajes de programación
 
Direccionamiento ip
Direccionamiento ipDireccionamiento ip
Direccionamiento ip
 
UNIDAD 3 MODULARIZACIÓN
UNIDAD 3 MODULARIZACIÓNUNIDAD 3 MODULARIZACIÓN
UNIDAD 3 MODULARIZACIÓN
 
Fundamentos Básicos de Redes
Fundamentos Básicos de RedesFundamentos Básicos de Redes
Fundamentos Básicos de Redes
 
Historia de los lenguajes de programación power point
Historia de los lenguajes de programación power pointHistoria de los lenguajes de programación power point
Historia de los lenguajes de programación power point
 
Computer communication and networks
Computer communication and networksComputer communication and networks
Computer communication and networks
 
Portafolio de evidencias taller de legislacion informatica avance 3
Portafolio de evidencias taller de legislacion informatica avance 3Portafolio de evidencias taller de legislacion informatica avance 3
Portafolio de evidencias taller de legislacion informatica avance 3
 
Flujo datos
Flujo datosFlujo datos
Flujo datos
 
Java swing y awt
Java swing y awtJava swing y awt
Java swing y awt
 
TIPOS DE PROTOCOLOS DE RED
TIPOS DE PROTOCOLOS DE REDTIPOS DE PROTOCOLOS DE RED
TIPOS DE PROTOCOLOS DE RED
 
Metodologias para el desarrollo de aplicaciones web
Metodologias para el desarrollo de aplicaciones webMetodologias para el desarrollo de aplicaciones web
Metodologias para el desarrollo de aplicaciones web
 
Fundamentos de redes: 6. Direccionamiento de la red ipv4
Fundamentos de redes: 6. Direccionamiento de la red ipv4Fundamentos de redes: 6. Direccionamiento de la red ipv4
Fundamentos de redes: 6. Direccionamiento de la red ipv4
 
Circuit Switching, Packet Switching, Virtual Circuit Networks and Datagram Ne...
Circuit Switching, Packet Switching, Virtual Circuit Networks and Datagram Ne...Circuit Switching, Packet Switching, Virtual Circuit Networks and Datagram Ne...
Circuit Switching, Packet Switching, Virtual Circuit Networks and Datagram Ne...
 
Teoria de Base de datos
Teoria de Base de datosTeoria de Base de datos
Teoria de Base de datos
 
Teoria de Automatas & Lenguajes Formales
Teoria de Automatas & Lenguajes FormalesTeoria de Automatas & Lenguajes Formales
Teoria de Automatas & Lenguajes Formales
 
HDLC(high level data link control)
HDLC(high level data link control)HDLC(high level data link control)
HDLC(high level data link control)
 
Ccna 1 capitulo 04
Ccna 1 capitulo 04Ccna 1 capitulo 04
Ccna 1 capitulo 04
 
Arquitectura de la computadora
Arquitectura de la computadoraArquitectura de la computadora
Arquitectura de la computadora
 
Protocolos de red
Protocolos de redProtocolos de red
Protocolos de red
 
Preguntas guía de cara al examen de REDES
Preguntas guía de cara al examen de REDESPreguntas guía de cara al examen de REDES
Preguntas guía de cara al examen de REDES
 

Similar a Introduccion al lenguaje_html

Guia de clase 1 los navegadores y estructura de sitios
Guia de clase 1 los navegadores y estructura de sitiosGuia de clase 1 los navegadores y estructura de sitios
Guia de clase 1 los navegadores y estructura de sitios
sara chacon
 
Diseno web 4
Diseno web 4Diseno web 4
Diseno web 4blogdevon
 
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
guestf13996f
 
tic
tictic
Diseño de paginas web clase 1 lista
Diseño de paginas web clase 1 listaDiseño de paginas web clase 1 lista
Diseño de paginas web clase 1 lista
Jenny Palacios
 
Presentación sobre Diseño Web
Presentación sobre Diseño WebPresentación sobre Diseño Web
Presentación sobre Diseño Web
Marcelo Freitas
 
Sitio web
Sitio webSitio web
Sitio web
agustin rojas
 
Informe digital
Informe digitalInforme digital
Informe digital
euderj
 
Preparativos web
Preparativos webPreparativos web
Preparativos web
Danny Colmenares
 
Dreamweaver básico
Dreamweaver básicoDreamweaver básico
Dreamweaver básicoMoises Levet
 
Dreamweaver cs5 naty
Dreamweaver cs5 natyDreamweaver cs5 naty
Dreamweaver cs5 natynataliareniz
 
trabajo Power point
trabajo Power pointtrabajo Power point
trabajo Power point
Kathe Byk
 
Tema 9. creación de paginas web
Tema 9. creación de paginas webTema 9. creación de paginas web
Tema 9. creación de paginas webmariavarey
 
Diseño web
Diseño webDiseño web
Diseño web
Sandra Sosa
 
Diseño web
Diseño webDiseño web
Diseño web
Sandra Sosa
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas webLuisa Perez
 
pagina web
pagina webpagina web
pagina web
GALLARDO2007
 

Similar a Introduccion al lenguaje_html (20)

Guia de clase 1 los navegadores y estructura de sitios
Guia de clase 1 los navegadores y estructura de sitiosGuia de clase 1 los navegadores y estructura de sitios
Guia de clase 1 los navegadores y estructura de sitios
 
Diseno web 4
Diseno web 4Diseno web 4
Diseno web 4
 
Diseno web 4
Diseno web 4Diseno web 4
Diseno web 4
 
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
 
IA GUIDE
IA GUIDEIA GUIDE
IA GUIDE
 
tic
tictic
tic
 
Diseño de paginas web clase 1 lista
Diseño de paginas web clase 1 listaDiseño de paginas web clase 1 lista
Diseño de paginas web clase 1 lista
 
Presentación sobre Diseño Web
Presentación sobre Diseño WebPresentación sobre Diseño Web
Presentación sobre Diseño Web
 
Sitio web
Sitio webSitio web
Sitio web
 
Unidad 4.docx sotfwer
Unidad 4.docx sotfwerUnidad 4.docx sotfwer
Unidad 4.docx sotfwer
 
Informe digital
Informe digitalInforme digital
Informe digital
 
Preparativos web
Preparativos webPreparativos web
Preparativos web
 
Dreamweaver básico
Dreamweaver básicoDreamweaver básico
Dreamweaver básico
 
Dreamweaver cs5 naty
Dreamweaver cs5 natyDreamweaver cs5 naty
Dreamweaver cs5 naty
 
trabajo Power point
trabajo Power pointtrabajo Power point
trabajo Power point
 
Tema 9. creación de paginas web
Tema 9. creación de paginas webTema 9. creación de paginas web
Tema 9. creación de paginas web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño web
Diseño webDiseño web
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
 
pagina web
pagina webpagina web
pagina web
 

Más de Blanca Duarte de Báez

Slideshare Presentaciones en la red - Tutorial para publicar en slideshare
Slideshare Presentaciones en la red - Tutorial para publicar en slideshareSlideshare Presentaciones en la red - Tutorial para publicar en slideshare
Slideshare Presentaciones en la red - Tutorial para publicar en slideshare
Blanca Duarte de Báez
 
Educación y TIC
Educación y TICEducación y TIC
Educación y TIC
Blanca Duarte de Báez
 
Presentaciones en la red-Slideshare
Presentaciones en la red-SlidesharePresentaciones en la red-Slideshare
Presentaciones en la red-Slideshare
Blanca Duarte de Báez
 
Tecnología Educativa
Tecnología EducativaTecnología Educativa
Tecnología Educativa
Blanca Duarte de Báez
 
Educación en valores
Educación en valoresEducación en valores
Educación en valores
Blanca Duarte de Báez
 
Aplicaciones ofimáticas
Aplicaciones ofimáticasAplicaciones ofimáticas
Aplicaciones ofimáticas
Blanca Duarte de Báez
 
Aplicaciones ofimáticas
Aplicaciones ofimáticasAplicaciones ofimáticas
Aplicaciones ofimáticas
Blanca Duarte de Báez
 
Orientaciones iniciales primera actividad moodle2
Orientaciones iniciales primera actividad moodle2Orientaciones iniciales primera actividad moodle2
Orientaciones iniciales primera actividad moodle2
Blanca Duarte de Báez
 
Orientaciones iniciales primera actividad moodle
Orientaciones iniciales primera actividad moodleOrientaciones iniciales primera actividad moodle
Orientaciones iniciales primera actividad moodle
Blanca Duarte de Báez
 
Taller moodle presentacion
Taller moodle presentacionTaller moodle presentacion
Taller moodle presentacion
Blanca Duarte de Báez
 
E business
E businessE business

Más de Blanca Duarte de Báez (12)

Slideshare Presentaciones en la red - Tutorial para publicar en slideshare
Slideshare Presentaciones en la red - Tutorial para publicar en slideshareSlideshare Presentaciones en la red - Tutorial para publicar en slideshare
Slideshare Presentaciones en la red - Tutorial para publicar en slideshare
 
Educación y TIC
Educación y TICEducación y TIC
Educación y TIC
 
Presentaciones en la red-Slideshare
Presentaciones en la red-SlidesharePresentaciones en la red-Slideshare
Presentaciones en la red-Slideshare
 
Tecnología Educativa
Tecnología EducativaTecnología Educativa
Tecnología Educativa
 
Educación en valores
Educación en valoresEducación en valores
Educación en valores
 
Aplicaciones ofimáticas
Aplicaciones ofimáticasAplicaciones ofimáticas
Aplicaciones ofimáticas
 
Aplicaciones ofimáticas
Aplicaciones ofimáticasAplicaciones ofimáticas
Aplicaciones ofimáticas
 
Orientaciones iniciales primera actividad moodle2
Orientaciones iniciales primera actividad moodle2Orientaciones iniciales primera actividad moodle2
Orientaciones iniciales primera actividad moodle2
 
Orientaciones iniciales primera actividad moodle
Orientaciones iniciales primera actividad moodleOrientaciones iniciales primera actividad moodle
Orientaciones iniciales primera actividad moodle
 
Presentacion curso moodle-pilar
Presentacion curso moodle-pilarPresentacion curso moodle-pilar
Presentacion curso moodle-pilar
 
Taller moodle presentacion
Taller moodle presentacionTaller moodle presentacion
Taller moodle presentacion
 
E business
E businessE business
E business
 

Introduccion al lenguaje_html

  • 1.   INTRODUCCIÓN AL   LENGUAJE HTML     Autor: Blanca Duarte de Báez
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9. Red: Como se puede observar en el gráfico, la estructura de red no tiene al parecer un orden establecido, las páginas tienen conexión entre todas, por lo cual se vuelve un poco compleja desde el punto de vista del usuario, que fácilmente puede estar navegando por las páginas sin encontrar lo que exactamente busca, y en el peor de los casos puede abandonar el sitio sin haber leído lo que nosotros quisiéramos.   Observaciones: Normalmente en un sitio web, las páginas están enlazadas en una forma mixta donde se combina una estructura de red con una estructura jerárquica y/o lineal, mediante la cual se logra un sitio web con una estructura fácil de navegar.
  • 10.
  • 11.