SlideShare una empresa de Scribd logo
1 de 52
PAGINA WEB Y
CAZATESORO
Jorge Ramírez
Daniel Prada Melo
David Fandihno
Juan David Cuellar
10.01 Sistemas
PAGINA WEB


Nombre de un documento o información
electrónica capaz de contener texto,
sonido, vídeo, programas, enlaces y
muchas otras cosas
CARACTERISTICAS
Validez de los contenidos: veracidad de la
información, rigor de los servicios
ofrecidos, capacidad de renovación y
actualización.
 Estabilidad de la página en red:
perspectivas sólidas de continuidad.
 Funcionalidad de la navegación:
entramado claro y coherente de los
enlaces híper textuales, visión general de
las opciones de navegación.

CARACTERISTICAS
Calidad del diseño: secciones con una
jerarquía clara de apartados y una
secuenciación lógica.
 Posibilidades de interacción: servicios de
comunicación e intercambio que ofrece al
usuario.
 Atención y servicios al usuario: posibilidad
de realizar consultas y obtener repuesta
con un grado razonable de inmediatez y
utilidad.

CARACTERISTICAS


Enlaces propuestos: comprobar la
pertinencia y utilidad de las conexiones
que ofrece.
VENTAJAS
Tener reconocimiento a nivel mundial
sobre un proyecto o información dada a
conocer a través de este medio.
 Abrirse a nuevas oportunidades
comerciales o económicas dependiendo
de la información brindada por la página
web.
 Fácil de utilizar para los visitantes nuevos
del día a día.

VENTAJAS
Ayuda a reducir costos a una empresa,
cuales como publicidad, reforzar
confianza a sus empleados y clientes, etc.
 Ofrecer nuevos conocimientos a personas
de varios lugares del mundo sin
necesidad de pagar por ellos.
 Tener gran disposición de la información
sin necesidad de preocuparse de la hora
del día.

VENTAJAS


Ofrecer nueva información a los
individuos que la visiten ( depende del
administrador de la página)
DESVENTAJAS




Más que todo en este punto hay pocas
desventajas ya dependiendo del visitador
de página y creador de página como las
siguientes:
No atraer a unos individuos a adentrarse
en la información propuesta en dicha
página, involucrando como culpables al
visitante por perezoso y al creador por no
implementar métodos de atracción.
DESVENTAJAS
Pueden contener virus dañando la imagen
de la empresa o individuo creador de ella,
causando un problema de visitas.
 Como se puede observar casi todas las
desventajas de la página web dependen
del individuo creador y visitante.

PARA QUE SIRVE


Sirve a las empresas en distintas formas,
como reducir costos para la empresa
atreves de publicidad a un bajo precio.



Sirve en el comercio de distintos
productos, los cuales son anunciados en
distintas páginas web.
PARA QUE SIRVE


Sirve para dar a conocer los productos de
una empresa, se puede dar una noción
más exacta del tipo de producto o servicio
que presta la empresa, y su costo.
CLASES DE LA PAGINA WEB


Dependiendo de la forma en que lo usa el
usuario hay varias clases de página web y
dependiendo del creador.
CLASES DE LA PAGINA WEB


Página Web Estática:

Aquella que está compuesta de una serie
de archivos que contienen el código HTML
que constituye la página en sí y que
permiten mostrar los textos, imágenes,
videos, etc. que conforman el contenido de
la página.
PAGINA WEB ESTATICA
CLASES DE LA PAGINA WEB


Página Web Animada:

Las páginas web animadas son aquellas
que se realizan con la tecnología FLASH,
ésta permite que una página web presente
el contenido con ciertos efectos animados
continuados.
PAGINA WEB ANIMADA
CLASES DE LA PAGINA WEB


Página Web Dinámica:

Dinámico hace referencia a que la página
web se construye al momento en que la
página es visitada por el usuario.
PAGINA WEB DINAMICA
SEGUN LA TECNOLOGÍA
USADA PARA CONSTRUIRLAS
Páginas Web en Flash
Este tipo de página web es construida
usando el software de Adobe llamado
Flash. Este software permite realizar
animaciones.


Este tipo de página suelen ser muy vistosas
y estan cargadas de efectos, movimientos,
sonidos y demás.
Páginas Web en Flash
SEGUN LA TECNOLOGÍA
USADA PARA CONSTRUIRLAS
Páginas Web en HTML:
Son páginas estáticas construidas en el
lenguaje de marcado HTML.
Para construirlas se necesita saber este
lenguaje que es bastante sencillo. Se puede
usar software para edición web o
simplemente un editor de texto cualquier,
inclusive el bloc de notas.

Páginas Web en HTML:
SEGUN LA TECNOLOGÍA
USADA PARA CONSTRUIRLAS
Páginas Web en algún lenguaje de
programación de servidor:
Son páginas dinámicas y estan
desarrolladas en algún lenguaje de
programación de servidor como: PHP, ASP,
ColdFusion, Ruby, etc.
Para su desarrollo se requiere el uso de
estos lenguajes y una serie de
conocimientos anexos.

Páginas Web en algún lenguaje
de programación de servidor
COMO CREAR PAGINA WEB



Hay varios sitios para crear páginas web
muy sencillos en este caso hablaremos de
3:
Jimdo



Xwix



Webnoode


Jimdo
Xwix
Webnoode
PASOS PARA CREAR UNA
PAGINA WEB


Comenzamos con entrar al sitio web:
http://es.wix.com/ y darle clic en comenzar
ahora.
Luego nos saldrá cuadro de dialogo en el
cual tendremos que dirigir los siguientes
datos.
Nos pedirá volver a digitar su
correo y ahora la clave que
deseas.
Nos llevara a un nuevo lugar donde nos
pedirá tomar la categoría de la pagina.
Seleccionamos lo que deseamos y
nos dirigirá a otra parte.
Nos llevara a buscar la plantilla
que queremos al dar clic en YA.
Elegimos la que deseamos y
damos clic sobre ella.
Le damos clic editar, y nos saldrá un cuadro
de dialogo Que nos explica la modificación.
Al tener listo todo saldrá un cuadro
de dialogo para guardar todo.
CAZATESOROS


Se trata de una hoja de trabajo o una página
Web con una serie de preguntas y un listado
de direcciones de Internet en las que los
alumnos han de buscar las respuestas.
Pasos a seguir para crear un
cazatesoros


Identificar una idea/concepto del tema.



Buscar en la Web sitios que
refuercen/introducen el concepto.



Elaborar cuestiones cuya respuesta el alumno
encontrará en dichos sitios.
Pasos a seguir para crear un
cazatesoros


Elaborar una hoja de trabajo y ponerla a
disposición del alumno.



Puede estar en diferentes formatos: hoja
impresa, documento en el PC o alojada en
internet con página html.
Elementos de un cazatesoros
Introducción o ¿Qué vamos a hacer?.
Se Hace para presentar la actividad y despertar
el interés.

Elementos de un cazatesoros
Una lista de preguntas
Sobre un tema o cuestión de diferentes grados
de complejidad

Elementos de un cazatesoros
Una lista de enlaces
Remiten a sitios web para buscar las respuestas

Elementos de un cazatesoros
La gran pregunta
Una cuestión cuya respuesta no se encuentra
en los enlaces

Elementos de un cazatesoros
Unas pautas de evaluación
Basados en unos indicadores : Originalidad,
Cualidad y acierto en las preguntas.

Elementos de un cazatesoros


Los créditos

Indicar la procedencia de las imágenes,
texto, modelos o plantillas utilizadas.
Ventajas de los cazatesoros
educativos


Promueven la adquisición de
conocimientos sobre un tema.



Desarrollan destrezas de búsqueda de
información en la Web.



Mejoran las destrezas de lectura y
comprensión de textos.
Ventajas de los cazatesoros
educativos
Nos permite adaptar las preguntas dentro
del currículo a las capacidades,
habilidades y dinámica de la clase.
 Enseña a los estudiantes a diferenciar
entre buscar información en internet o en
un libro de texto. Fiabilidad de las
fuentes.
 Proporciona experiencia en el manejo de
un navegador.
 Aproximación a las WebQuest.

Página web y cazatesoros
Página web y cazatesoros

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

El diseño web
El diseño webEl diseño web
El diseño web
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 
Clase 6 periodismo 2016 wix-parte i
Clase 6 periodismo 2016 wix-parte iClase 6 periodismo 2016 wix-parte i
Clase 6 periodismo 2016 wix-parte i
 
Paginas web
Paginas webPaginas web
Paginas web
 
Diseño y maquetación de sitios web.ppt
Diseño y maquetación de sitios web.pptDiseño y maquetación de sitios web.ppt
Diseño y maquetación de sitios web.ppt
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
 
Clase 7 periodismo 2016 wix-parte ii
Clase 7  periodismo 2016 wix-parte iiClase 7  periodismo 2016 wix-parte ii
Clase 7 periodismo 2016 wix-parte ii
 
Diseño web inclusivo
Diseño web inclusivoDiseño web inclusivo
Diseño web inclusivo
 
Internet y páginas web
Internet y páginas webInternet y páginas web
Internet y páginas web
 
Metología para la creación de sitios web
Metología para la creación de sitios webMetología para la creación de sitios web
Metología para la creación de sitios web
 
Diseño Web 02
Diseño Web 02Diseño Web 02
Diseño Web 02
 
Clase 6 comunicacion 2016 wix-parte i
Clase 6  comunicacion 2016 wix-parte iClase 6  comunicacion 2016 wix-parte i
Clase 6 comunicacion 2016 wix-parte i
 
Clase 7 comunicacion 2016 wix-parte ii
Clase 7  comunicacion 2016 wix-parte iiClase 7  comunicacion 2016 wix-parte ii
Clase 7 comunicacion 2016 wix-parte ii
 
Actividad 1
Actividad 1Actividad 1
Actividad 1
 
Presentacion Desarrollo Web 2013
Presentacion Desarrollo Web 2013Presentacion Desarrollo Web 2013
Presentacion Desarrollo Web 2013
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
 
Tipos de Sitios Web
Tipos de Sitios WebTipos de Sitios Web
Tipos de Sitios Web
 
Fundamentos del diseño web front end
Fundamentos del diseño web front endFundamentos del diseño web front end
Fundamentos del diseño web front end
 
Tipos de sitio web
Tipos de sitio webTipos de sitio web
Tipos de sitio web
 

Destacado

Paginas web
Paginas webPaginas web
Paginas webfiltro99
 
Un sitio web eficiente
Un sitio web eficienteUn sitio web eficiente
Un sitio web eficienteOmar Sánchez
 
Ventajas desventajas paginas_web
Ventajas desventajas paginas_webVentajas desventajas paginas_web
Ventajas desventajas paginas_webJhairo Fc
 
Introducción a xhtml
Introducción a xhtmlIntroducción a xhtml
Introducción a xhtmlDenisse C
 
LA FUNCION DE NUTRICION EN LOS ANIMALES II: TRANSPORTE DE NUTRIENTES Y EXCRECIÓN
LA FUNCION DE NUTRICION EN LOS ANIMALES II: TRANSPORTE DE NUTRIENTES Y EXCRECIÓNLA FUNCION DE NUTRICION EN LOS ANIMALES II: TRANSPORTE DE NUTRIENTES Y EXCRECIÓN
LA FUNCION DE NUTRICION EN LOS ANIMALES II: TRANSPORTE DE NUTRIENTES Y EXCRECIÓNbiogeoprofe
 

Destacado (6)

Paginas web
Paginas webPaginas web
Paginas web
 
Un sitio web eficiente
Un sitio web eficienteUn sitio web eficiente
Un sitio web eficiente
 
Páginas web
Páginas webPáginas web
Páginas web
 
Ventajas desventajas paginas_web
Ventajas desventajas paginas_webVentajas desventajas paginas_web
Ventajas desventajas paginas_web
 
Introducción a xhtml
Introducción a xhtmlIntroducción a xhtml
Introducción a xhtml
 
LA FUNCION DE NUTRICION EN LOS ANIMALES II: TRANSPORTE DE NUTRIENTES Y EXCRECIÓN
LA FUNCION DE NUTRICION EN LOS ANIMALES II: TRANSPORTE DE NUTRIENTES Y EXCRECIÓNLA FUNCION DE NUTRICION EN LOS ANIMALES II: TRANSPORTE DE NUTRIENTES Y EXCRECIÓN
LA FUNCION DE NUTRICION EN LOS ANIMALES II: TRANSPORTE DE NUTRIENTES Y EXCRECIÓN
 

Similar a Página web y cazatesoros

Informe de informatica kleiver y laura
Informe de informatica kleiver y lauraInforme de informatica kleiver y laura
Informe de informatica kleiver y laurakleiverk
 
Proyecto,deber
Proyecto,deberProyecto,deber
Proyecto,debertany2326
 
Mi primera pagina_web[1]
Mi primera pagina_web[1]Mi primera pagina_web[1]
Mi primera pagina_web[1]estaseylugo1992
 
República bolivariana de venezuela
República bolivariana de venezuelaRepública bolivariana de venezuela
República bolivariana de venezuelagraciela henriquez
 
La web tic (1)
La web tic (1)La web tic (1)
La web tic (1)Naax Lopez
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio webYadith Gomez Nolasco
 
1.- Introdución Diseño web .pptx
1.- Introdución  Diseño web .pptx1.- Introdución  Diseño web .pptx
1.- Introdución Diseño web .pptxPercySenz
 
Informe de informatica revisado osuany
Informe de informatica revisado osuanyInforme de informatica revisado osuany
Informe de informatica revisado osuanyosiyasm
 
Informe de informatica osuany Y YASMELI
Informe de informatica osuany Y YASMELIInforme de informatica osuany Y YASMELI
Informe de informatica osuany Y YASMELIosiyasm
 
Navegadores, buscadores y paginas de internet
Navegadores, buscadores y paginas de internetNavegadores, buscadores y paginas de internet
Navegadores, buscadores y paginas de internetAndres
 
Metodologia Desarrollo Web
Metodologia Desarrollo WebMetodologia Desarrollo Web
Metodologia Desarrollo WebCondo Consulting
 

Similar a Página web y cazatesoros (20)

Informe de informática aplicada
Informe de informática aplicadaInforme de informática aplicada
Informe de informática aplicada
 
Yuscarlis.
Yuscarlis.Yuscarlis.
Yuscarlis.
 
Informe de informatica kleiver y laura
Informe de informatica kleiver y lauraInforme de informatica kleiver y laura
Informe de informatica kleiver y laura
 
Proyecto,deber
Proyecto,deberProyecto,deber
Proyecto,deber
 
Mi primera pagina_web[1]
Mi primera pagina_web[1]Mi primera pagina_web[1]
Mi primera pagina_web[1]
 
República bolivariana de venezuela
República bolivariana de venezuelaRepública bolivariana de venezuela
República bolivariana de venezuela
 
Páginas web
Páginas webPáginas web
Páginas web
 
Pagina web
Pagina webPagina web
Pagina web
 
Miprimerapagina
MiprimerapaginaMiprimerapagina
Miprimerapagina
 
Miprimerapagina
MiprimerapaginaMiprimerapagina
Miprimerapagina
 
PAGINA WEB
PAGINA WEBPAGINA WEB
PAGINA WEB
 
La web tic (1)
La web tic (1)La web tic (1)
La web tic (1)
 
Informe digitalizados
Informe digitalizadosInforme digitalizados
Informe digitalizados
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
1.- Introdución Diseño web .pptx
1.- Introdución  Diseño web .pptx1.- Introdución  Diseño web .pptx
1.- Introdución Diseño web .pptx
 
Informe de informatica revisado osuany
Informe de informatica revisado osuanyInforme de informatica revisado osuany
Informe de informatica revisado osuany
 
Informe de informatica osuany Y YASMELI
Informe de informatica osuany Y YASMELIInforme de informatica osuany Y YASMELI
Informe de informatica osuany Y YASMELI
 
Navegadores, buscadores y paginas de internet
Navegadores, buscadores y paginas de internetNavegadores, buscadores y paginas de internet
Navegadores, buscadores y paginas de internet
 
El internet
El internetEl internet
El internet
 
Metodologia Desarrollo Web
Metodologia Desarrollo WebMetodologia Desarrollo Web
Metodologia Desarrollo Web
 

Página web y cazatesoros

  • 1. PAGINA WEB Y CAZATESORO Jorge Ramírez Daniel Prada Melo David Fandihno Juan David Cuellar 10.01 Sistemas
  • 2. PAGINA WEB  Nombre de un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces y muchas otras cosas
  • 3. CARACTERISTICAS Validez de los contenidos: veracidad de la información, rigor de los servicios ofrecidos, capacidad de renovación y actualización.  Estabilidad de la página en red: perspectivas sólidas de continuidad.  Funcionalidad de la navegación: entramado claro y coherente de los enlaces híper textuales, visión general de las opciones de navegación. 
  • 4. CARACTERISTICAS Calidad del diseño: secciones con una jerarquía clara de apartados y una secuenciación lógica.  Posibilidades de interacción: servicios de comunicación e intercambio que ofrece al usuario.  Atención y servicios al usuario: posibilidad de realizar consultas y obtener repuesta con un grado razonable de inmediatez y utilidad. 
  • 5. CARACTERISTICAS  Enlaces propuestos: comprobar la pertinencia y utilidad de las conexiones que ofrece.
  • 6. VENTAJAS Tener reconocimiento a nivel mundial sobre un proyecto o información dada a conocer a través de este medio.  Abrirse a nuevas oportunidades comerciales o económicas dependiendo de la información brindada por la página web.  Fácil de utilizar para los visitantes nuevos del día a día. 
  • 7. VENTAJAS Ayuda a reducir costos a una empresa, cuales como publicidad, reforzar confianza a sus empleados y clientes, etc.  Ofrecer nuevos conocimientos a personas de varios lugares del mundo sin necesidad de pagar por ellos.  Tener gran disposición de la información sin necesidad de preocuparse de la hora del día. 
  • 8. VENTAJAS  Ofrecer nueva información a los individuos que la visiten ( depende del administrador de la página)
  • 9. DESVENTAJAS   Más que todo en este punto hay pocas desventajas ya dependiendo del visitador de página y creador de página como las siguientes: No atraer a unos individuos a adentrarse en la información propuesta en dicha página, involucrando como culpables al visitante por perezoso y al creador por no implementar métodos de atracción.
  • 10. DESVENTAJAS Pueden contener virus dañando la imagen de la empresa o individuo creador de ella, causando un problema de visitas.  Como se puede observar casi todas las desventajas de la página web dependen del individuo creador y visitante. 
  • 11. PARA QUE SIRVE  Sirve a las empresas en distintas formas, como reducir costos para la empresa atreves de publicidad a un bajo precio.  Sirve en el comercio de distintos productos, los cuales son anunciados en distintas páginas web.
  • 12. PARA QUE SIRVE  Sirve para dar a conocer los productos de una empresa, se puede dar una noción más exacta del tipo de producto o servicio que presta la empresa, y su costo.
  • 13. CLASES DE LA PAGINA WEB  Dependiendo de la forma en que lo usa el usuario hay varias clases de página web y dependiendo del creador.
  • 14. CLASES DE LA PAGINA WEB  Página Web Estática: Aquella que está compuesta de una serie de archivos que contienen el código HTML que constituye la página en sí y que permiten mostrar los textos, imágenes, videos, etc. que conforman el contenido de la página.
  • 16. CLASES DE LA PAGINA WEB  Página Web Animada: Las páginas web animadas son aquellas que se realizan con la tecnología FLASH, ésta permite que una página web presente el contenido con ciertos efectos animados continuados.
  • 18. CLASES DE LA PAGINA WEB  Página Web Dinámica: Dinámico hace referencia a que la página web se construye al momento en que la página es visitada por el usuario.
  • 20. SEGUN LA TECNOLOGÍA USADA PARA CONSTRUIRLAS Páginas Web en Flash Este tipo de página web es construida usando el software de Adobe llamado Flash. Este software permite realizar animaciones.  Este tipo de página suelen ser muy vistosas y estan cargadas de efectos, movimientos, sonidos y demás.
  • 22. SEGUN LA TECNOLOGÍA USADA PARA CONSTRUIRLAS Páginas Web en HTML: Son páginas estáticas construidas en el lenguaje de marcado HTML. Para construirlas se necesita saber este lenguaje que es bastante sencillo. Se puede usar software para edición web o simplemente un editor de texto cualquier, inclusive el bloc de notas. 
  • 24. SEGUN LA TECNOLOGÍA USADA PARA CONSTRUIRLAS Páginas Web en algún lenguaje de programación de servidor: Son páginas dinámicas y estan desarrolladas en algún lenguaje de programación de servidor como: PHP, ASP, ColdFusion, Ruby, etc. Para su desarrollo se requiere el uso de estos lenguajes y una serie de conocimientos anexos. 
  • 25. Páginas Web en algún lenguaje de programación de servidor
  • 26. COMO CREAR PAGINA WEB  Hay varios sitios para crear páginas web muy sencillos en este caso hablaremos de 3: Jimdo  Xwix  Webnoode 
  • 27. Jimdo
  • 28. Xwix
  • 30. PASOS PARA CREAR UNA PAGINA WEB  Comenzamos con entrar al sitio web: http://es.wix.com/ y darle clic en comenzar ahora.
  • 31. Luego nos saldrá cuadro de dialogo en el cual tendremos que dirigir los siguientes datos.
  • 32.
  • 33. Nos pedirá volver a digitar su correo y ahora la clave que deseas.
  • 34. Nos llevara a un nuevo lugar donde nos pedirá tomar la categoría de la pagina.
  • 35. Seleccionamos lo que deseamos y nos dirigirá a otra parte.
  • 36. Nos llevara a buscar la plantilla que queremos al dar clic en YA.
  • 37. Elegimos la que deseamos y damos clic sobre ella.
  • 38. Le damos clic editar, y nos saldrá un cuadro de dialogo Que nos explica la modificación.
  • 39. Al tener listo todo saldrá un cuadro de dialogo para guardar todo.
  • 40. CAZATESOROS  Se trata de una hoja de trabajo o una página Web con una serie de preguntas y un listado de direcciones de Internet en las que los alumnos han de buscar las respuestas.
  • 41. Pasos a seguir para crear un cazatesoros  Identificar una idea/concepto del tema.  Buscar en la Web sitios que refuercen/introducen el concepto.  Elaborar cuestiones cuya respuesta el alumno encontrará en dichos sitios.
  • 42. Pasos a seguir para crear un cazatesoros  Elaborar una hoja de trabajo y ponerla a disposición del alumno.  Puede estar en diferentes formatos: hoja impresa, documento en el PC o alojada en internet con página html.
  • 43. Elementos de un cazatesoros Introducción o ¿Qué vamos a hacer?. Se Hace para presentar la actividad y despertar el interés. 
  • 44. Elementos de un cazatesoros Una lista de preguntas Sobre un tema o cuestión de diferentes grados de complejidad 
  • 45. Elementos de un cazatesoros Una lista de enlaces Remiten a sitios web para buscar las respuestas 
  • 46. Elementos de un cazatesoros La gran pregunta Una cuestión cuya respuesta no se encuentra en los enlaces 
  • 47. Elementos de un cazatesoros Unas pautas de evaluación Basados en unos indicadores : Originalidad, Cualidad y acierto en las preguntas. 
  • 48. Elementos de un cazatesoros  Los créditos Indicar la procedencia de las imágenes, texto, modelos o plantillas utilizadas.
  • 49. Ventajas de los cazatesoros educativos  Promueven la adquisición de conocimientos sobre un tema.  Desarrollan destrezas de búsqueda de información en la Web.  Mejoran las destrezas de lectura y comprensión de textos.
  • 50. Ventajas de los cazatesoros educativos Nos permite adaptar las preguntas dentro del currículo a las capacidades, habilidades y dinámica de la clase.  Enseña a los estudiantes a diferenciar entre buscar información en internet o en un libro de texto. Fiabilidad de las fuentes.  Proporciona experiencia en el manejo de un navegador.  Aproximación a las WebQuest. 