miércoles, 14 de diciembre de 2016

Infografías

Buenos días
vamos a conocer el formato que ahora mismo está funcionando en internet para presentar cualquier tema.
Para conocer las infografías utilizaremos piktochart.

Pero para entender en que consiste os dejo varios enlaces que debéis leer y una "infografía de infografías".

viernes, 2 de diciembre de 2016

Enlace para optimizar tu web en los móviles

os dejo un artículo de una plataforma que nos avisa de los posibles errores que tendrá nuestra web si se ve desde el móvil.

La web se llama testmysite
Leer el artículo antes de testear vuestra web

domingo, 6 de noviembre de 2016

Propuesta de trabajo HTML5 y CSS

TRABAJO FINAL
Buenos días
Deberemos realizar una página web con las siguientes condiciones:

  • Deberemos aplicar todo lo aprendido.
  • Primero realizar un mapa mental (diseño) de la página que vamos a realizar. Podemos utilizar muchas plataformas. Os dejo un listado de ellas que además podemos asociar a nuestro drive:
    • Cacoo
    • Mindomo
    • Mindmeinster
    • Mindmap
    • Coogle
    • Concept board 
  • Deberá de constar mínimo de 5 o 6 páginas html5. 
  • La página de inicio constará de bloques, algo que hemos visto en el tema 10 de maquetación.
  • Deberemos utilizar fotografías y colores de fondo. El color igual en todas para que mantengan un criterio dirigido por la hoja de estilos.
  • El formato de la página debe estar dirigido mediante un archivo css de manera que ahí ponemos todas las opciones.
  • Es importante la presentación de la página, pero no influye sólo lo bonito que hagan el sitio web, sino la información que contenga, no solo copy/paste. 
  • Deberemos meter elementos multimedia, música y vídeos.
  • No abusar de fotos ni vídeos.
  • Ojo con el peso de los elementos multimedia que nos pueden complicar la subida a los servidores gratuitos.
  • Debe tener al menos una tabla y una lista anidada.
  • Se agradecerá algún contenido de la última entrada: formulario o técnica avanzada.
  • Importante la organización de los archivos, a la hora de hacer funcionar los enlaces. Debemos subirlos con la misma estructura.

martes, 25 de octubre de 2016

Html5 IV: estilos

Tema 9: estilos web
Tema 10: maquetación con estilos

En este enlace os dejo un sencillo tutorial de html y css, donde nos explica casi todo lo que estamos viendo separado por temas
manual de www.w3.org


jueves, 20 de octubre de 2016

Html5 III: organización de la información

Continuemos.
Tema 6: organización de la información.
Tema 8: Hoja de estilos.
En el tema 8 aplicaremos los estilos a toda la página por lo que tendremos que añadirlos en la cabecera de la siguiente manera
En la imagen viene con fondo amarillo el código que debemos introducir para poner entre sus etiquetas los estilos. Será dentro de la etiqueta

<style type="text/css">

</style>

Enlazar un archivo .css

Para que el archivo con los estilos tenga efecto en la página, debemos indicar en la cabecera del archivo .html que se va a tomar ese estilo, mediante la etiqueta <link>, así:

<link rel="stylesheet" href="misestilos.css" type="text/css" media="all">

otra opción sería:

@import url(misestilos.css)

dentro de la etiqueta style

miércoles, 19 de octubre de 2016

Información

Por favor, rellenad el siguiente formulario con vuestro correo y la dirección de vuestro blog

martes, 11 de octubre de 2016

Html 5: aspectos básicos, formato y enlaces

comenzamos
Diferencias entre html y html5
Ventajas de HTML5
En HTML5, se han tomado en cuenta mejoras en la creación de la estructura del código web y en el manejo óptimo de las etiquetas web. De esta manera, se convierte en un estándar mucho más versátil, que permitirá realizar una interacción mucho más poderosa y simple, mejorando la experiencia de uso por parte del usuario y facilitando la depuración del código web.
Ventajas de utilizar HTML5

Entre las principales ventajas que presenta HTML5, tenemos las siguientes:


  • Nueva estructura de etiquetas mejorada, esta nueva estructura permite definir por separado el encabezado, la barra de navegación, las secciones de la página web, los textos del sitio, los diálogos y el pié de página de los sitios web. Esta nueva estructura, incluso permite desarrollar blogs con gran facilidad.
  • Inclusión de las etiquetas video y audio, dicha etiqueta soporta de manera eficiente y estable cualquier opción de ejecución de video y audio, sin generar errores o incluir código flash en nuestro sitio web.
  • Capacidad de realizar ejecuciones offline de las páginas web creadas con código HTML5, lo que permite realizar aplicaciones de escritorio con este código tan versátil.
  • HTML5
  • Incluye una nueva etiqueta de dibujo sobre la página web, llamada canvas, que vuelve el proceso de crear dibujos en el sitio web tan fácil como dibujar con aplicaciones como Paint.
  • Eliminación total de las etiquetas obsoletas, que tienen los estándares anteriores de HTML.
  • Ofrece la posibilidad de obtener un código más limpio y fácil de depurar, que los códigos de los estándares anteriores.
Comencemos a trabajar:


jueves, 29 de septiembre de 2016

Tema 1: la era digital (2º parte)

Continuamos trabajando con el tema de la era digital.
Añade un colaborador, un compañero que continúe con permisos de edición y al profesor con permisos de ver y comentar.

Información
Lee el siguiente documento información donde nos habla de la "selección de la información".
Diapositiva 9: factores que ayudan a identificar la información. ¿Que es la curación de contenidos?¿Qué es big data ?¿buscadores y metabuscadores? Incluye el enlace a tu cuenta de feedly y enlaces de buscadores y metabuscadores.

Redes sociales

lee el siguiente artículo de "redes sociales".
Artículo del mundo
Crea una cuenta en un gestor de redes sociales, e introduce algunas de las que tienes.
Date de alta en linkedin  que te será útil en un futuro cercano.
Date de alta en twitter o si tienes cuenta crea una lista que se llame académica donde sigas las siguientes cuentas académicas: Universidad de Salamanca, Universidad Pontificia de Salamanca, IES Martinez Uribarri, tecuribarri, Educación JCYL, Incibe, Oficina de seguridad del internauta.
Diapositiva 10: Redes sociales, tipos. Fortalezas y debilidades. Introduce pantallazo de tu gestor de cuentas, el enlace de linkedin para enriquecer la diapositiva y el enlace del listado creado en twitter.
Diapositiva 11: Privacidad y seguridad


Producción de información
Investiga
1.- Personal Learning Environment. ¿Qué es? Elabora tu propio PLE. ¿con un mapa mental de Exam Time? ¿Una infografía Picktochart?¿...?
2.- Las reglas de Netiqueta. ¿Qué son? ¿Cuales son las tuyas?
3.- Opinión: WhatsApp, Twitter, Facebook, etc ¿fomenta las habilidades sociales? Cómo debe ser nuestro comportamiento en la vida real cuando estamos con gente. Concepto de Phubbing.
4.- Investiga que es un Mooc, Nooc. 
Apuntate en algún mooc o nooc que te interese, para enriquecer tu PLE. Visita las siguientes páginas para decidir sobre el mooc o nooc que te interese:
https://es.coursera.org/
https://miriadax.net/home
https://unedabierta.uned.es/wp/cursos/mooc-coma/
http://educalab.es/intef/formacion/formacion-en-red/nooc
6 plataformas mooc
http://mooc.es/
Diapositiva 12: con tu PLE. Para crearlo utiliza alguna plataforma de mapas mentales (mindomo, mindmeister, popplet...)
Diapositiva 13: Reglas de netiqueta.
Diapositiva 14: Opinión 3
Busca información en los siguientes enlaces:
Sobre PLE:
http://tecnomapas.blogspot.com.es/2013/07/mi-entorno-personal-de-aprendizaje.html
https://es.wikipedia.org/wiki/Entorno_personal_de_aprendizaje
Sobre normas de netiqueta:
http://www2.uned.es/iued/guia_actividad/netiqueta.htm
https://es.wikipedia.org/wiki/Netiqueta
consecuencias de mala netiqueta:
http://www.elmundo.es/deportes/2016/08/25/57bed93422601dfd568b4579.html
http://www.elmundo.es/deportes/2015/12/29/56825dd546163fb0438b45a6.html
http://www.lavanguardia.com/tecnologia/redes-sociales/20150508/54430486471/despedidos-culpa-redes-sociales.html

Almacenamiento en la nube
Lee el artículo de "alojamiento y distribución de archivos en la nube" y realiza las siguientes acciones.
Descarga tu presentación y envíasela mediante wetransfer al profesor (amartind11+tic2bh@gmail.com si eres de letras o amartind11+tic2bc@gmail.com si eres de ciencias)
Diapositiva 15: cinco enlaces de serviciós de alojamiento en la nube. Cinco modos de crear copias de seguridad, alguno on line gratuito y debe aparecer para crear copia de seguridad de drive.

Factores de riesgo en la era digital
lee el siguiente artículo de "factores de riesgo en la era digital"
Diapositiva 16: título de brecha digital, alfabetización digital y tecnoadicciones  con enlace de cada uno de los temas a un artículo con ejemplos de lo que significan. Al enlace debe acompañarle una imagen sobre el tema.
Diapositiva 17: Delitos contra la propiedad intelectual, peligros y amenazas. Enuncia los tipos y enlace con ejemplo de esos casos

lunes, 26 de septiembre de 2016

Tema 1: la era digita (1ª parte)

Para este primer tema vamos a realizar una presentación de google drive, estilo PechaKucha (20 diapositivas-20 segundos de exposición), con las actividades que os solicite. 
Tendrá una primera diapositiva que será la portada y a partir de ahí deberemos ir leyendo los apuntes y los enlaces correspondiente e ir realizando las diapositivas que se pidan añadiéndole información e imágenes.
Recursos:
Pecha Kucha:

La información debe ser veraz por lo que deberemos utilizar fuentes fiables, y las imágenes que utilicemos deberán estar libres de derechos, nombrando en todo momento el autor y la procedencia en el pie de foto.

1. Tecnologías de la información y la comunicación.
Las TICs engloban todo tipo de dispositivos y aplicaciones comunicativas, como la radio, la televisión, los teléfonos móviles, los sistemas informáticos, las redes de comunicaciones, etc., así como los diferentes servicios y aplicaciones relacionadas con ellos, por ejemplo, las videoconferencias, las redes sociales, los foros de noticias o el correo instantáneo. Se puede decir que constituyen el conjunto de herramientas que posibilitan la búsqueda, la creación, el almacenamiento, el tratamiento, la comunicación y la presentación de información. Para llevar a cabo esta labor los usuarios cuentan con los ordenadores personales, portátiles, tabletas o smartphones y sobre todo un acceso casi ubicuo y sin horarios a las redes de telecomunicaciones que permiten el acceso a los servicios en Internet. Pero prácticamente todos los objetos pueden estar conectados y recoger información, procesarla y compartirla. 
Diapositiva1: con la definición de "Tecnologías de la información y la comunicación"

2. Internet de las cosas.
El acceso a las redes de objetos cotidianos como una TV, un electrodoméstico, un wearable o dispositivos deportivos inteligentes como un reloj de fitness es una realidad cada vez más presente. La información se recopila y se envía cuando la conexión lo permite para ser procesada mediante aplicaciones. Toda esta información puede ser utilizada para mejorar diferentes aspectos de nuestra vida.
En un futuro muy próximo estos dispositivos inteligentes se van a comunicar de forma continuada entre ellos mismos sin la intervención del ser humano usando los procolos M2M (máquina a máquina) y sistemas operativos como Google Brillo, Windows 10 IoT, Raspbian o
Investiga, junto a tus compañeros de los laterales, algunos de los dispositivos más raros que pueden ser conectados a la red (sus posibles usos, sus características, sus fabricantes, página web del fabricante). Para que todo esto funcione se necesita un sistema operativo tal como Google Brillo que lo haga posible, investiga qué es y cómo funciona. 
Puede que os sirva este enlace del pais.es
Diapositiva2: explicación en que consiste el internet de las cosas con imágenes, texto explicativo y enlaces para exponerlos. Otra diapositiva con los sistemas operativos, con iconos.

3. Servicios de Internet.
Conocemos de sobra toda la información que se puede encontrar en la red (arte, cultura, medicina, literatura, ingeniería...) y los diferentes formatos en que se encuentran como hipertexto, audios, vídeos, música o imágenes. Toda esta información, alojada en sitios web, nos permite como usuarios aprender, comunicarnos, divertirnos, crear, interactuar o compartir. Estas acciones traspasan fronteras, eluden diferencias sociales y permiten expresarse de forma libre haciendo que Internet y las TIC se hayan convertido en la base de la sociedad del conocimiento.
Muchos de los servicios que permiten todas estas acciones son viejos conocidos. Así nos encontramos con la famosa WWW (World Wide Web), el correo electrónico, los foros de noticias, la telefonía VoIP (voz sobre protocolo de Internet), la videoconferencia, la mensajería instantánea, el almacenamiento en la nube y las redes sociales. Todos estos servicios necesitan emplear alguno de los múltiples protocolos TCP/IP de Internet.
Diapositiva3: con diferentes servicios de internet

4. Protocolos TCP/IP
Los protocolos de comunicaciones son lenguajes que permiten la comunicación entre los dispositivos de una red informática. El protocolo que se utiliza para la comunicación en Internet se conoce como TCP/IP y está compuesto por varias familias que en algunos casos nos son familiares y en otras no tanto. Por ejemplo, el famoso HTTP/HTTPS es el protocolo de transferencia de hipertexto que nos permite la navegación en páginas de Internet. Pero existen otros como el SMTP y POP3, que nos van a permitir el envío o la recepción de correos electrónicos desde un servidor remoto a través de un cliente de correos instalado en nuestro ordenador (por ejemplo: Outlook). Seguramente hayas oído hablar delFTP pero no sabrás que es un protocolo que nos permite hacer una transferencia de ficheros entre un cliente y un servidor. También tenemos el SSH, protocolo que nos permite acceder a máquinas remotas a través de una red informática.
Por último no podemos olvidar el propio protocolo IP (Internet Protocol) que se encarga de la transmisión de información, en forma de datagramas (paquete de datos que contiene una cabecera y unos datos), a través de la red. A estos datagramas se les añade la dirección IP de destino necesaria para que los routers la puedan encaminar hacia su destino. De hay la importancia que tiene que el protocolo IP asigne una dirección única de IP a cada dispositivo en nuestra red .Diapositiva4: con esquema de los diferentes protocolos de internet

5. Versiones del protocolo IP
Existen dos versiones del protocolo. IPv4 e IPv6. Te preguntarás por qué existen dos versiones diferentes para un mismo protocolo. El problema está en la cantidad cada vez mayor de dispositivos que se conectan a Internet y que necesitan ser direccionados de forma única lo cual ha hecho que se pase de un IPv4 que usaba direcciones de 32 bits (4 secciones de 8 bits separadas por . expresadas en decimal) a un IPv6 que utiliza direcciones de 128 bits (8 secciones de 16 bits separados por : expresadas en hexadecimal).
Sigue este enlace para entender bien como funcionan estos dos protocolos IP e investiga las ventajas del IPv6 en términos de Autoconfiguración de conexión en la red, de mecanismos de seguridad, de mejora de rendimiento y de movilidad de equipos entre diferentes redes.
Diapositiva5: sobre los protocolos de comunicación, respondiendo a las siguientes cuestiones:
¿que es un protocolo?¿tipos protocolo TCP/IP y su uso? Ventajas e inconvenientes de IP4 e IP6

6. Evolución de la Web.
Desde que nació la web en 1991 las cosas han cambiado mucho. En un principio se creó la Web 1.0 o web estática y luego se dio paso a la Web 2.0 o web social. Hoy en día y con la sobresaturación de información en Internet se está desarrollando la Web 3.0 o web semántica.
En el siguiente vídeo podrás ver está evolución de una forma gráfica y su por qué.
Pero no habla sobre la Web 4.0 o web total que deberás buscar tu por tu cuenta.
Crea una linea de tiempo con la herramienta timeline donde nos cuente el proceso y en que consiste, con enlaces y descripción de cada tipo.
Ojo, como la linea de tiempo al guardarla nos opción de un archivo rwt para seguir editándolo o pdf como resultado final. Nosotros queremos meterlo en nuestra presentación, por lo que tenéis varias opciones:

  • Hacer una captura de pantalla y jugar con el archivo de imagen generado en la captura de pantalla.
  • Guardar el pdf y convertirlo a jpg mediante cualguier conversor. Os recomiento online converter.

Os dejo otro enlace con 6 herramientas gratuitas para crear lineas de tiempo
Diapositiva6: anterior introduce tu linea de tiempo y si no has puesto ejemplos añádelos, con enlaces, imágenes o lo que necesites.

Fiabilidad de las fuentes de información
La web es una fuente casi infinita de información con la que vamos a poder usar, interpretar, relacionar, compartir dicha información. El proceso de búsqueda de esta información se facilita mediante los servicios de buscadores como google, yahoo, boodigo, bing o de Metabuscadores ( Ixquick, MetaCrawler, IBoogie, etc...) que buscaran en varios buscadores simultáneamente. Pero hay que tener cuidado con fiabilidad de dicha información. Si se obtiene de enciclopedias digitales, diccionarios online, bibliotecas virtuales, portales educativos oficiales ,webs oficiales o tesis doctorales, etc...la información estará contrastada y podremos asumir que es cierta. Pero puede ser que la obtengamos de redes sociales, de redes colaborativas (wikipedia) o blogs privados donde la información no está contrastada.
Para estar al tanto de la evolución de los avances tecnológicos créate una cuenta en feedly y añade diversas fuentes de información sobre tecnología. gestionalo. Feedly es un gestor de noticias
Curiosidad: Artículo donde nos explica el modo de hacer el posicionamiento de las página google
Por eso a la hora de buscar información debemos identificar la veracidad de la información teniendo en cuenta:  El tipo de publicación (páginas web oficiales, tesis doctorales, investigaciones científicas....), el autor del texto(si el autor es un profesional del sector o acredita conocimientos sobre el tema, la procedencia de la información (publicaciones científicas, libros de texto, sitios web especializados), el contenido (analizar si la información es congruente, si tira de fuentes bibliográficas, si está bien argumentado...), la actualización (la información tiene una fecha de publicación que debe actualizarse para que no se quede obsoleto), el propósito (analizar si la información que se ofrece el objetiva) y por último la audiencia (analiza el público al que va dirigido nos va a decir si es rigurosa o no la información)

En cualquier caso antes de difundir la información siempre hay que realizar un proceso de ¿curación de contenidos? (Recuperar, filtrar, revalorizar, organizar y difundir)

Investiga hasta qué punto es cierto que Internet es libre, si existe censura o si existen países donde la información no está al alcance de la gente. 
Diapositiva7: con la reflexión de la investigación anterior
Os sigo recordando que el origen de la información que se añada debe ser fidedigno y contrastado (google académico puede ser una buena fuente).

Diapositiva8: Añade otro apartado que sea una infografía (similar a la disponible en http://internality.com/web20) en la que reflejes las aplicaciones web más utilizadas en internet. Para crear las infografías lee en siguiente enlace:


martes, 13 de septiembre de 2016

Busqueda profesional en google


Guía para buscar en Google de manera profesional 

VEAMOS ALGUNAS INSTRUCCIONES:



  1. Mi actividad en Google: My activity
  2. Google no diferencia entre mayúsculas y minúsculas. Ejemplo: busca google, y gOOgle. observaremos que nos salen los mismos resultados. (admite hasta 32 palabras de busqueda)
  3. Ahora si tiene en cuenta las palabras del tipo "de" "los"... veamos un ejemplo: busquemos "historia de España" y "historia España", el resultado es diferente.
  4. OR. Termino para buscar aquellas página que tengan uno u otro termino. Ejemplo: historia OR cuentos. Muestra las página que tengan cualquiera de los dos términos, no necesariamente los dos.
  5. Las comillas. Se utiliza para buscar una frase exacta. "la historia de los cuentos". nos devuelve aquellas página que tienen la frase exacta. Útil para googlearse.
  6. Signo menos(-). Nos elimina criterios de búsqueda. Ejemplo: busquemos "león", luego "león - automóvil" y después "león - automóvil -ciudad"
  7. Signo mas(+) Suma en la búsqueda. Busquemos "Cuentos", y "cuentos+ranas" en el segundo nos busca aquellas página con cuentos y que tengan también el termino ranas.
  8. Signo parecido(~). Busca páginas que se parezcan al termino. ejemplo : ~enamorar. busca enamorarse....
  9. Define. Nos busca la definición del término. Ejemplo: define:cacatua
  10. Site. Nos busca dentro de la página que solicitemos ejemplo: madrugadores site:www.jcyl.es.
  11. Intitle. Nos busca dentro de los títulos de las páginas. Ejemplo: intitle:melón, intitle:uribarri
    1. allintitle
  12. Inurl. buscar el termino que pongamos en la url. Ejemplo: "inurl:melon intitle:uribarri" "samsung galaxi inurl:analisis"
  13. Allinurl. Lo mismo que antes pero con varios términos de búsqueda.
  14. Intext: busca un termino en el texto de las página intext:zyxw.
  15. Filetype. Nos busca archivos de tipo según su extensión:
    1. Mecanismos filetype:ppt  presentaciones powerpoint de mecanismos.
    2. Mecanismos filetype:swf  animaciones de mecanismos.
    3. Mecanismos filetype:doc  documentos de mecanismos.
    4. Mecanismos filetype:pdf documentos en pdf de mecanismos.
    5. Mecanismos filetype:jpg imágenes de mecanismos.
  16. Calculadora. si en la barra ponemos cualquier fórmula, nos saldrá el resultado y una calculadora científica. Ejemplo: 34+1
  17. Gráficas: Si ponemos una función nos representa la gráfica, incluso en 3D. Ejemplo: y = x^2
  18. Conversión unidades. ejemplo: 30 km a millas.
    1. Conversión de divisa. 60 euros to pounds.
  19. Tiempo en cualquier ciudad: weather salamanca
  20. Related. Nos busca página relacionadas o parecidas. Ejemplo: related:www.rae.es.
  21. Tu historial: www.google.com/history
  22. Intervalo "premios nobel 1975..1987"
  23. Sinónimo ~: novela ~misterio
  24. Comodín *: cuando desconocemos varias palabras de la consulta. Deberemos usar las comillas para acercarnos al resultado pedido "Federico García *"
  25. Arrastrar una imagen en google imágenes para obtener información sobre la imágen e imágenes parecidas.
     
  26. Info: nos muestra la siguiente información de una página
    1. Caché
    2. Sitios web similares a esta página.
    3. Página web que contiene hipervínculos a la página.
    4. Páginas web a las que enlaza esta página.
    5. Páginas web que contienes la url en el texto del cuerpo.
  27. Google académico y google book mediante el término autor nos permite encontrar información fiable autor:immanuel kant
  28. Los dos puntos nos permiten buscar entre un rango de valores. Ejemplo: televisor 300..500 €
  29. Añadimos código postal a la busqueda. Ejemplo: restaurantes 37004
  30. Editor de fotos gratuito "Google nick collection"
  31. Destino google, para móvil

ACTIVIDADES DE BÚSQUEDA CON GOOGLE
  1. Saca el historial de Google. Haz un pantallazo y mételo en tu blog
  2. Encuentra la página donde aparece la siguiente frase “la Junta de Obras del Patronato de Formación Profesional aprueba un presupuesto de 150.000 pesetas ”. Escribe en el blog las instrucciones.
  3. Busca el Reglamento de Regimen Interno del centro directamente, sabiendo que la url del centro es http://iesmartinezuribarri.centros.educa.jcyl.es/‎ . Escribe en el blog las instrucciones.
  4. Busca animaciones flash sobre el corazón sabiendo que las presentaciones flash tienen la extensión .swf. . Escribe en el blog las instrucciones.
  5. Busca la gráfica x^2+y^2 y el pantallazo ponlo en el blog.
  6. Busca presentaciones powerpoint sobre el corazón sabiendo que la extensión es .ppt . Escribe en el blog las instrucciones.
  7. Busca recetas de salsa pero que no sean de queso. . Escribe en el blog las instrucciones.
  8. Busca páginas parecidas a la de wikipedia.org. Escribe en el blog las instrucciones.
  9. Busca portátiles entre 400 euros y 525 euros. Escribe en el blog las instrucciones.
  10. Dime cuántos euros son 450 dolares.. Escribe en el blog las instrucciones.
  11. Tiempo en tu pueblo. Haz un pantallazo y mételo en tu blog.
  12. Calcula el resultado de la siguiente operación: 89*87+90-(234)
  13. Busca los restaurantes alrededor del centro. Haz un pantallazo y mételo en tu blog.
  14. Indica de donde es la siguiente foto 
 
https://sites.google.com/site/recursosdweb20idiomas/google
Para conocer más os dejo el enlace del curso gratuito de google sobre las búsquedas
Búsquedas avanzadas de la web recursos tic