1. UNIDAD 2
Web2.0
Se refiere a la transición percibida en Internet desde las webs tradicionales a
aplicaciones web destinadas a usuarios. Los propulsores de este pensamiento
esperan que los servicios de la Web 2.0 sustituyan a las aplicaciones de escritorio
en muchos usos.”
Así podemos decir que los propulsores de la aproximación a la Web 2.0 creen que
el uso de la web está orientado a la interacción y redes sociales, que pueden servir
contenido creando webs interactivas y visuales. Es decir, los sitios Web 2.0 actúan
más como puntos de encuentro, o webs dependientes de usuarios, que como webs
tradicionales.
Con estos gestores de contenidos pueden realizarse diversas aplicaciones en la
web, destacamos:
2. ● Blogs: Para publicar noticias o artículos en orden cronológico con espacio
para comentarios y discusión.(Veremos en este curso Blogger y
WordPress)Wikis: En los que todo el mundo puede colaborar en los artículos
y
● también permite espacio para discusiones. Indicado para material que irá
evolucionando con el tiempo. (Wikipedia)
● Sitios web: Sitios con contenido y diversa funcionalidad que sirve como
fuente de información o como soporte a una comunidad. Se realizan con
CMS como Joomla o PHPNuke.
● Galerías: Un tipo de software que permite administrar y mostrar contenido
audivisual, imágenes, o vídeos. ( Flick, Picassa, Youtube,..)
● Foros: Para crea un foro de discusión en línea donde la gente se puede
reunir y discutir temas en los que están interesados. Un CMS muy conocido
que realiza esta función es PHPBB2
● Sitios de votación de noticias: es un sitio web basado en la participación
comunitaria en el que los usuarios registrados envían historias que los demás
usuarios del sitio (registrados o no) pueden votar, promoviendo las más
votadas a la página principal. ( digg, meneame, docencia.es)
● Gestores de Contenidos personales: Funcionan como un escritorio
personal on line. Algunos disponen de múltiples aplicaciones, otros se
especializan en aspectos concretos como nuestras páginas favoritas o
nuestros comentarios. Todos nos permiten compartir nuestros contenidos si
lo deseamos tanto para ser leídos como para ser modificados.(Del.icio.us,
EyeOS, Google, NetVibes)
● RSS: Nos permiten ofrecer contenidos propios para que sean mostrados en
otras páginas de forma integrada, lo que aumenta el valor de la página que
muestra el contenido y también nos genera más valor, ya que normalmente la
sindicación siempre enlaza con los contenidos originales.
Después de todas estas consideraciones podemos afirmar que la Web 2.0. nos
ofrece múltiples recursos para trabajar en nuestras aulas, para compartir nuestras
experiencias docentes con otros compañeros, para hacer partícipes a las familias de
nuestras tareas docentes, para que nuestros alumnos compartan sus trabajos, para
3. trabajar la “educación en valores” mediante los foros o los trabajos cooperativos. En
fin, las aplicaciones en nuestra tarea son TANTAS como profesionales, ya que no es
la herramienta sino el USUARIO el que marca el ritmo.
WEB 2.0
HERRAMIENTAS DE GOOGLE
Todos sabemos que Google a parte de ser el buscador más importante, tiene
muchísimas aplicaciones muy útiles y además gratuitas. Pero, ¿sabemos cuáles son
esas aplicaciones? Y más importante aún, ¿sabemos para qué sirven?
Google Awords
El programa Google AdWords le permite crear anuncios que aparecerán en las
páginas de resultados de búsqueda de Google relevantes y en nuestra red de sitios
de socios.
Google Adsence
El programa Google AdSense difiere en que publica anuncios de Google AdWords
en sitios web de particulares. De este modo, Google paga a los editores web por los
anuncios que publican en su sitio en función de los clics que los usuarios efectúan
en anuncios o en impresiones de anuncios, según el tipo de anuncio.
Google Alerts
4. Las alertas de Google son mensajes de correo electrónico que recibes cuando
Google encuentra nuevos resultados (por ejemplo, páginas web, noticias, etc) que
coinciden con tus consultas anteriores o con algo específico que hayas señalado.
Google Analytics
Es el sistema de estadísticas por excelencia de Google. Con él podrás medir los
visitantes de tu web, la procedencia de las visitas, las palabras clave por las que te
han encontrado…
Google Blogger
Es un servicio que adquirió Google hace unos años y permite publicar un Blog o
Bitácora de forma gratuita en la red.
5. Google Books
Es un servicio de Google que busca el texto completo de los libros que Google
escanea, convierte el texto por medio de reconocimiento óptico de caracteres y los
almacena en su base de datos en línea.
Google Calendar
Es una agenda y calendario electrónico desarrollado por Google. Permite
sincronizarlo con los contactos de Gmail de manera que podamos invitarlos y
compartir eventos.
6. Google Docs
Es un programa gratuito basado en Web para crear documentos en línea con
la posibilidad de colaborar en grupo. Incluye un Procesador de textos, una
Hoja de cálculo, Programa de presentación básico y un editor de formularios
destinados a encuestas.
Google Doubleclick Ad Planner
7. DoubleClick Ad Planner permite identificar los sitios web con posibilidades de atraer
a su público objetivo. A continuación, revisa el tráfico, la cobertura y otros datos
clave de cada sitio para que puedas decidir dónde anunciarte.
Google Gadgets
Conjunto de aplicaciones y widgets que ofrece Google para añadirlos a tu página
web o escritorio. Incluye traductor, calendario, juegos, noticias… La lista de gadgets
es casi infinita.
Google Youtube
Creo que no hace falta explicación de Youtube, pero por si acaso alguien no lo
sabía, si, Youtube pertenece a Google.
Google Insights
Google Insights es otra herramienta online de uso libre que sirve para comprender
mejor el comportamiento de los usuarios de internet, y los volúmenes de búsquedas
de diferentes queries. La utilidad de esta herramienta a la hora de planificar nuestras
acciones de online marketing.
8. Google Mail (GMail)
Es el servicio de correo electrónico de Google. Poca gente carece de una cuenta, y
quién lo haga debe solucionar ese problema de inmediato.
Google Places
Cada vez es mayor el número de usuarios que utilizan Internet para realizar
búsquedas de empresas, por lo que es importante asegurarse de que tu ficha de
empresa se pueda encontrar fácilmente en Google.es y en Google Maps. Google
Places permite crear una ficha de empresa de calidad en solo unos minutos y de
9. manera totalmente gratuita.
Google+
La red social de Google, al estilo Facebook. No muy usada ni adorada pero muy útil
para el posicionamiento en Google si cuentas con una web o blog.
Google Reader
Google Reader es un lector de RSS y atom. Permite organizar y acceder
rápidamente desde una interfaz Web a todas las noticias de las páginas
configuradas en el sistema que soporten. Ya explicamos en este blog esta fantástica
herramienta de forma más ampliada.
10. Google Translate
Sistema de traducción automática gratuito proporcionado por Google, basado en
datos estadísticos para traducir texto, documentos y páginas web a otras lenguas.
Google Trends
Herramienta de Google que muestra los términos de búsqueda más populares del
pasado reciente, las tendencias. Las gráficas de Google Trends representan con
cuánta frecuencia se realiza una búsqueda particular en varias regiones del mundo
y en varios idiomas.
11. Google Voice
Google Voice se postula como un nuevo y gratuito intermediario entre usuarios y
operadoras de telefonía, la idea básica es la de tener un número único que “redirige”
a todos los demás que tengamos, sean fijos o móviles, particulares o del trabajo.
Para entendernos, el Skype de Google.
Google Webmaster Tools
Es un paquete de servicio web, creado por Google para webmasters, en donde se
permite a los webmasters comprobar el estado de indización y optimizar la
visibilidad de sus sitios web en la Internet.
BIBLIOGRAFÍA;
http://increnta.com/co/blog/herramientas-google-gerentes/
http://blog.atperson.com/herramientas-de-google-cuales-son-y-para-que-sirve
n/
12. CREACIÓN DE LA CUENTA DE
GMAIL
Paso 1
Ingresar al navegador que sea de preferencia a google chrome y buscar GMAIL,
procedemos a darle click
Paso 2
Una vez que estamos en la pagina principal de GMAIL, damos click a CREAR CUENTA
Paso 3
Entramos y llenamos todos los datos que nos pide en la pagina, es muy interactivo y facil de
usar.
13. Paso 4
Una vez que llenemos el paso anterior, nos da la bienvenida y comienza a cargar nuestro
correo
Paso 5
Ya entramos en la plataforma y podemos utilizar nuestro correo, tambien en nuestros
dispositivos android.
14. NOTA: Algo interesante de crear nuestro correo, es que podemos crear
directamente google + que es una red social igualmente muy interactiva
CREACION DE BLOGGER
Paso1.- Ingresa a la pagina web http://blogger.com. si ya tiene una cuenta creada
en Gmail, youtube o algunos servicios de google, solo tiene que escribir en los
campos de Iniciar sesion, su nombre de usuario y contraseña
Cuando este allí haga clic en el boton Crear cuenta de la parte superior derecha
Paso2.- No olvide que aparece un formulario. Llenelo con sus datos personales
correspondientes en las casillas correspondientes. Cuando finalice, hacer clic en el
botón siguiente paso de la parte inferior del formulario
15. Paso3.- Aparecerá una nueva pagina que contiene sus datos de perfil y la opción
para que cambie la foto. Cuando lo haya hecho, seleccione el idioma en la parte
superior y haga clic en el botón Continuar en Blogger de la esquina inferior.
Paso4,- Cuando este en la pagina principal de su cuenta de Blogger, haga clic
sobre el botón nuevo blog de la parte superior.
16. Paso5.- Vera que aparece una nueva ventana con varios campos. En el campo
Titulo escribe el nombre que le dará a su blog.
Paso6,- En el campo Dirección escriba como quiere que sea la URL de su blog en
Internet. Si aparece un cuadro amarillo de alerta, es porque la direccTión ya esta
siendo usada por otra persona.
PASO 7,- Luego deberá seleccionar uno de los diseños de plantilla que aparecen en
la parte central. No se preocupe si no puede verlo en detalle, después podrá
cambiarlo o modificarlo.
Finalmente, haga clic sobre el botón Crear Blog y listo!! Su blog ha sido creado así
de fácil.
17. CREACIÓN DE ENTRADAS Y
ENLACES
Una entrada es la unidad de publicación en un blog. Son las noticias o artículos que se
actualizan constantemente. Cada artículo que se publica, cada video que se sube. Después
de seguir los pasos para crear el blog, se muestra una ventana en la cual podemos
empezar a crear nuestras entradas del blog. A continuación se detallan los pasos para crear
una entrada:
1.Hacemos clic en el link "Empezar a crear una entrada"
2. Accedemos a un ambiente de trabajo que permite detallar el propósito de la entrada. En
este espacio, se pueden insertar objetos tales como enlaces, imágenes, vídeos, texto, cada
uno de los cuales tienen opciones de configuración propios.
3. Clic en guardar y publicar. Y listo has creado una nueva entrada
¿Cómo crear una página?
1. Selecciona la opción “Páginas”.
18. 2. Haz clic en Página nueva.
3. Sigue los mismos pasos de la entrada es decir, asigna un titulo, configurala y añade
contenido (texto, imágenes o videos)
4. Clic publicar y listo has creado una nueva página.
https://youtu.be/h7_OmdtWwR8
CREACIÓN DE PÁGINAS ENLACES
INSERTAR OBJETOS
Para crear imágenes e impregnarse en nuestro blog debemos seguir los siguientes
pasos:
1. Si la imagen proviene de google, guardar la imagen en nuestro ordenador
2. Para crear nuestra propia imagen (como la de una pantalla) capturar por medio
de OneNote y guardarla como imagen en el ordenador
3. Para incluirla en nuestro blog, debemos irnos a la parte superior de nuestra
página donde vamos a incluirla y damos clic en el icono
4. Clic en la opción elegir archivos
5. Buscamos en nuestro ordenador la imagen que deseemos y damos clic en añadir
las imágenes seleccionadas y listo.
19. CÓDIGO EMBED
¿Qúe es el código embed?
Es una abreviación de la palabra inglesa embedded, que significa que está
incrustado, encajado, acoplado, embutido, etc.
Pasos para obtener el embed e insertar un objeto
- En Youtube:
1. Buscamos un vídeo cualquiera.
2. En la parte inferior donde aparece la descripcion del video, encontraras la opción
Insertar
3. Seleccionamos y copiamos todo el código
20. 4. Nos dirigimos a nuestro blog y pegamos el código y listo el video se ha insertado.
Deberas seguir los mismos pasos para insertar elementos desde otras herramientas
como slideshare entre otras.
http://es.slideshare.net/juanruffino/cmo-insertar-cdigos-prediseados-embed-en-blogg
ercom
BIBLIOGRAFÍA:
http://es.slideshare.net/juanruffino/cmo-insertar-cdigos-prediseados-embed-en-blogg
ercom
CREACIÓN DE WIX
Introducción
21. Wix nos permite hacer una página web en cuestión de segundos; entre muchas de
las opciones que nos ofrece este servicio online, destacan las cuentas de hospedaje
gratuito y la posibilidad de promocionar nuestro site en diferentes redes sociales, así
como poder comprar un dominio personalizado. Como inconvenientes se nos
presentan el finalizado en Flash por predeterminación y la aparición de publicidad
constantemente; sin embargo, estos contras pueden desaparecer adquiriendo la
cuenta Wix Upgrade por una determinada cantidad monetaria.
Accede a Wix.com y selecciona 'Entrar/Regístrate'.
2.- Escribe tu correo electrónico y contraseña para, a continuación, hacer click
en Regístrate
22. 3.- Pulse 'Crear' para comenzar a escribir contenido en tu nueva página web.
4.- Diríjase a la columna de la izquierda y selecciona una categoría que concuerde
con la temática del producto que deseas ofrecer. En este ejemplo, nosotros hemos
escogido 'Empresa' y, seguidamente, hemos hecho doble click en la plantilla que
más nos ha gustado (la primera alternativa).
23. 5.- Wix abrirá una ventana emergente mostrándote de manera amplia la
plantilla que has seleccionado; haz click en 'Edit' para empezar a
personalizarla.
6.- Selecciona en la nueva ventana 'Reproducir Vídeo' para aprender a editar el
contenido de tu página web o, al menos, adquirir algunas nociones.
24. 7.- Selecciona toda aquella información que desees modificar realizando un
pequeño click con el botón izquierdo del ratón para, seguidamente, hacer click
a 'Editar'.
25. 8.- Modifica el menú superior dirigiéndose a la columna de la derecha
'Administrar Páginas' y, haciendo click en el pequeño icono de la fecha,
seleccione 'Renombrar'.
9.- Edita el contenido de todas aquellas páginas del menú que desees; cuanto
más personalizada esté tu página web, mejor.
10.- Una vez terminada la edición, pulsa 'Publicar' para que tu página web
pueda ser vista online por todo el mundo.
26. 11.- Nombra tu Wix en el formulario en blanco y pulsa 'Aceptar'. Ten en cuenta que,
si deseas obtener tu propio dominio personalizado, deberás crearte una cuenta Wix
Upgrade.
12 .- ¡Felicidades! Tu página web ha sido publicada; selecciona 'Ir' y disfruta de ella.
27. DESPUÉS DE HABER ELEGIDO UN PLANTILLA OBSERVAMOS EL AMBIENTE
WIX
1. Podremos agregar varios elementos a nuestra pagina como es:
-Texto
-Imagen
-Galería
-Media
-Formas y líneas
-Botones y menús
28. -Componentes blog
-Tienda online
-Social
-Apps
Insertar objetos desde wix y con código EMBED
Agregando el código HTML
1. Haz clic en la app HTML y desde la ventana que se abre haz clic en
Configuraciones de la app.
2. En la ventana de Configuraciones de HTML, en Modo, haz clic en el menú
desplegable y selecciona Código HTML.
3. Debajo HTML/código embed, ingresa o pega el código HTML.
29. 4. Haz clic en Actualizar.
Desde la parte inferior de Configuración de HTML, marca la casilla junto a
Reiniciar códigopara restablecer tu código HTML y desactivarlo cuando uno
de tus usuarios deje la página actual. Por ejemplo, si tu código HTML es un
vídeo o música, al marcar esta casilla harás que el vídeo o la música deje de
reproducirse cuando el visitante salga de la página.
Incrustando - hacindo un"Embed" de una página web
Para incrustar una página web:
1. Haz clic en la app HTML y desde la ventana que se abre haz clic en
Configuraciones de la app.
2. En ventana de Configuraciones de HTML, debajo Modo, haz clic en el
menú desplegable y selecciona Página web.
30. 3. Bajo Dirección del sitio web, ingresa la URL de una dirección web.
4. Haz clic en Actualizar.
Comprendiendo las limitaciones y problemas conocidos en HTML /iFrame App
Ten en cuenta que al añadir código HTML externo estás agregando productos
y códigos que no hemos probado ni creado en Wix, por lo tanto, nuestro
equipo de ayuda no puede contestar ninguna pregunta relacionada con el App
HTML / iFrame / Embed.
Se te recomienda probar el código externamente, antes de agregarlo a Wix.
● Los vídeos agregados a través de la aplicación HTML no se detienen
automáticamente cuando se mueve a través de las páginas de tu sitio.
31. Tendrás que detener manualmente el vídeo antes de ir a la siguiente
página.
● Los reproductores multimedia agregados a través del HTML / iFrame
Embed no se detienen automáticamente cuando se mueve a través de
las páginas de tu sitio. Tendrás que detener manualmente el
reproductor multimedia antes de ir a la siguiente página. También
recomendamos no usar la función de autoreproducir con elementos
multimedia.
● Por favor ten presente que el límite de caracteres que puedes agregar
como código HTML es de 8,192.
COMO AGREGAR FONDOS Y MENÚS EN WIX
1-Para agregar botones o menús en Wix se debe hacer clic en AGREGAR
2-Luego en la opción Botones y menús donde aparecerán diversas formas y estilos
de menus.
3. Escoger la opción que sea de su agrado para insertar y aparecerá el nuevo botón
o menú seleccionado
32. Para agregar el fondo:
1-Hacer clic en la opción Diseño
2-Elegimos la opción que deseemos
33. 3-Podemos elegir entre los modelos que existen para fondos o subir una foto.
4-Insertamos la foto para el fondo y elegimos qué opción es la que queremos ya sea
en mosaico, pantalla completa, mosaico horizontal,vertical,normal,etc
BIBLIOGRAFÍA:
http://increnta.com/co/blog/herramientas-google-gerentes/
https://support.wix.com/es/article/creando-una-p%C3%A1gina-web-wix-desde-
cero