Las posibilidades de Wix son enormes, podemos crear desde pequeñas y sencillas páginas hasta webs profesionales. En Educa con TIC ya se publicó un artículosobre esta herramienta en el cual se pueden ver algunos de sus usos didácticos. Wix ofrece plantillas prediseñadas y gran cantidad de elementos para añadir a las páginas: texto, audio, vídeo, bloques html, slides, álbumes, adornos, animaciones, google maps, documentos, archivos flash, botón de pay-pal, etc. En el aula es una herramienta práctica y creativa, tanto para el uso del profesor como de los alumnos.
Cómo utilizarla
Nos registramos en Wix. Una vez que accedemos a nuestra cuenta podemos comenzar a elaborar nuestro Wix desde la página "crear", elegimos la platilla (prediseñada o en blanco). Se abrirá una nueva página donde diseñar todos los elementos de nuestra web, vemos las tres secciones del editor: Parte superior, donde se encuentran, entre otras funciones, las de "Guardar" y "Publicar". Parte lateral izquierda, donde están los iconos para añadir imágenes, vídeos, fondos, etc. y la parte lateral derecha donde se encuentra la función de añadir a nuestro wix páginas maestras o subpáginas. Esta es una imagen del editor.
Una vez terminada nuestra página web la publicamos y obtendremos la URL y el embed. También la podemos compartir en Twitter y Facebook.
Utilidades didácticas
Realizar trabajos y presentaciones de cualquier tema de clase. Estupendo para presentaciones que incluyan material multimedia: vídeos, audiciones, archivos flash, documentos, etc.
Realizar todo tipo de recopilaciones: de materiales, de vídeos, de recursos, de fotos, etc.
Elaborar páginas web de centros, de departamentos, de proyectos, páginas personales, álbumes de fotos, etc.
Elaboración de presentaciones para ponencias y comunicaciones.
En la presentación "Chollo Wix" tenéis información sobre las posibilidades de la herramienta.
Consulta los siguientes enlaces para obtener más información sobre el uso de Wix:
-
Centro de ayuda de Wix
http://es.wix.com/support/main/html5/
- Blog de Wix
http://es.wix.com/blog/2012/10/mejora-el-seo-de-tu-wix/
- Guía de uso de Wix
http://www.slideshare.net/vbarbero/gua-de-uso-de-wix
-
- Posibilidades educativas de Wix
http://www.educacontic.es/blog/chollo-wix
- Tutoriales para crear especiales multimedia con Wix
http://www.clasesdeperiodismo.com/2011/04/24/tutoriales-para-crear-especiales-multimedia-con-wix/
Lo primero será dirigirnos al blog que queremos privatizar, ahora vamos a "Diseño > Edición HTML" y allí buscamos la etiqueta </head> , arriba de esta etiqueta pegaremos lo siguiente:
<Script languaje="javascript"> var getin = prompt("Necesitas una contraseña para acceder al blog") if (getin!="Aquí la contraseña") {location.href='URL de página anunciando error'} else {alert('Contraseña correcta, acepta para ingresar')} </Script>
Hecho esto el paso siguiente será modificar los elementos de color rojo, naranja yazul; en el rojo irá el mensaje que visualizará el código al pedir la contraseña:
Lo que está en color azul se reemplaza por la contraseña que queramos introducir.
Lo que está en color naranja es la URL o link hacia donde redireccionará cuando la contraseña que se introduzca no es la correcta recomiendo que pongan el mismo link principal del blog....
Y esto es para que nos funcione en todo un blog.
Colocar contraseña a página estática en mi blog
Para poner contraseña a una página específica de nuestros blogs es un procedimiento similar al anterior, sin embargo, aclaro que no es para las entradas o publicaciones individuales claro que si lo hacen les funciona, pero, va generar conflicto al entrar al blog es por eso que en las páginas estáticas funciona perfectamente sin generar conflicto alguno... De esta forma al agregarlo en una página específica limitamos el acceso de esa página sólo a los usuarios que tengan la clave de acceso, para ello: 1. Nos dirigimos al apartado páginas de nuestro blog:
2. En la página que se quiera poner el acceso por contraseña la abrimos y vamos al modo " HTML":
3. En este modo en la parte superior de primeras pegaremos el siguiente código:
<Script languaje="javascript"> var getin = prompt("Necesita una contraseña para acceder aquí") if (getin!="Aquí la contraseña") {location.href='URL de página anunciando error'} else {alert('Contraseña correcta, acepta para ingresar')}</Script>
Para modificar los elementos es igual a lo anterior lo azul es la contraseña que se desea poner, lo rojo el mensaje que pondrás y lo naranja la URL de re dirección en caso de ingresar mal la contraseña (Recomiendo que pongan el link de la página misma con contraseña de acceso para que lo vuelvan a intentar en caso de fallar).
Esta página es continuación de la anterior, en donde hemos visto ya algunos elementos del diseño, aquí incluiremos algunos elementos más en la página mediante gadgets.
Los gadgets son todos los elementos adicionales que se pueden poner alrededor del contenido principal de la página. Se pueden poner tantos como queramos, aunque no debemos recargar excesivamente la página y poner los sólo los que consideremos necesarios.
Si abrimos la página de diseño, pulsando en el menú de administración veremos los cuadros donde se puede incorporar un nuevo gadget en la página. Estos son los cuadros en los que pone "Añadir un gadget". La mayoría de gadgets los incluiremos en la columna lateral. Una vez añadidos los podemos cambiar de sitio con arrastrar y soltar.
Recuerda que en nuestra página tenemos ya el gadget "Paginas", que lo hemos puesto nosotros, y también los gadgets "Contribuyentes", y "Archivo del blog", que venían ya por defecto.
Para insertar un nuevo gadget pulsamos sobre uno de los cuadros en los que pone "Añadir un gadget", y se nos abrirá una ventana emergente con la lista de gadgets que podemos añadir.
Tode esto ya lo vimos al añadir el gadget "Páginas", que insertaba la barra de navegación. por lo que nos centraremos aquí en algunos de los gadgets que consideramos que pueden ser más necesarios para la página.
Gadget de Texto
Este es tal vez uno de los gadgets más utilizados, ya que permite incorporar un texto escrito por nosotros.
Para ello buscamos el gadget en la lista de gadgets que aparece tras pulsar en "Añadir un gadget", y después pulsamos en el título del gadget, o en el botón + que vemos en la esquina superior derecha. y accedemos a la configuración del gadget.
Esto es así para todos los gadgets, en todos ellos, tras encontrarlo en la lista, pulsaremos en el título o en el botón + para acceder a su configuarción.
Desde ahí se puede insertar el texto que queremos poner en la página en el sitio que ocupará el gadget, además del título del mismo.
Nosotros en nuestra página hemos puesto un gadget de texto para incluir cómo se puede contactar con nosotros. Para ello hemos puesto como título "Contactos" y como contenido los emails en donde puede contactarnos.
El espacio que ocupará este gadget que hemos puesto será al pie de página a la derecha, por lo que una vez insertado, lo trasladaremos ahí mediante arrastrar y soltar.
Gadget de imagen
Se puede poner también un gadget que incluya una imagen. Para ello en la lista de gadgets buscamos el gadget "Imagen", y pulsamos para acceder a su configuración.
Veremos que podemos incorporar una imagen subiendola desde nuestro ordenador, o incorporarla desde otra página web.
Una vez incorporada, es recomendable pulsar en el botón de "Reducir hasta ajustar" para que la imagen se ajuste al espacio disponible.
Como siempre para acabar en la ventana emergente pulsamos en "Guardar", y despues en "Guardar disposicion" si queremos incorporarla a nuestro blog.
Nosotros hemos incluido una imagen a nuestro blog siguiendo estos pasos. la cual es la misma que tenemos al principio del contenido de esta página (Logo de blogger en un cuaderno).
Ultimas entradas
El gadget llamado "Ultimas entradas" también es interesante incluirlo en la página, para que los usuarios puedan ver las últimas entradas en nuestro blog. Éste crea una lista de las últimas entradas que hemos hecho.
Su configuración es muy fácil, ya que consiste en elegir las opciones del formulario que más nos interesen.
Nosotros lo hemos añadido también a nuestro blog con la configuración que aparece en la imagen.
Etiquetas
Al igual que los demás gadgets pulsamos en un cuadro de "Añadir un gadget", buscamos y configuramos el gadget.
En este gadget tendremos una lista de enlaces para abrir las entradas correspondientes a una determinada etiqueta.
Estadísticas del blog
Nosotros hemos añadido también este gadget a nuestra página, El gadget nos muestra el número de visitas que recibe nuestra página, En la configuración podemos elegir el estilo entre varios modelos, y si se mostrarán las visitas de la última semana, últimos 30 días o de todo el periodo.
Traductor
Este es un gadget interesante, para que los usuarios de otros idiomas puedan tener un traductor que traduce la página al suyo. Nosotros también lo hemos puesto en nuestra página.
Otros gadgets
El sistema par añadir gadgets es siempre el mismo, pulsamos sobre un cuadro de "Añadir un gadget, elegimos uno de la lista y lo configuarmos. Si queremos cambiarlo o eliminarlo, pulsamos luego sobre "Editar", en su cuadro del menú de edición y se nos abre la ventana de configuración, donde podemos cambiarlo o eliminarlo.
Otro gadget que hemos añadido a nuestro blog es el Boton +1 de google, para contar a la gente que le gusta el blog.
Otros gadgets disponibles y que pueden resultar interesntes son:
Cuadro de busqueda: Consite en un buscador que puede buscar dentro de tu blog, si el blog es pequeño tal vez no haga falta, pero a medida que va creciendo, es interesante ponerlo para que se puedan buscar las entradas que más interesen.
HTML/Javascript: Si sabemos HTML o Javascript se puede poner cualquier elemento escrito en estos lenguajes. También sirve para poner aplicaciones de otras páginas en las que nos dan un código de inserción, como son por ejemplo mapas de google maps, audios de goear, etc.
Lista: Para poner una lísta de elementos.
Lista de enlaces: Parecido al anterior pero aquí la lista es de enlces a otras páginas.
Presentación: Para añadir una presentación de imágenes. Las imágens tenemos que haberlas guardado previamente como album Picassa, Flirk u otros medios de guardar imágenes en la red.
Barra de vídeo: Para insertar vídeos de YouTube en el gadget.
Encuesta: Para hacer una encuesta con una pregunta al usuario, en el que tiene varias opciones para responder.
Tenemos algunos otros gadgets, estos me han parecido los más interesantes, pero si ti te interesa algún otro nada te impide ponerlo en tu blog.
Si ya has puesto alguno de estos gadgets en tu blog observarás que hay algunos de ellos que sólo se pueden poner una vez, mientras que otros se pueden poner todas las veces que quieras.
Normalmente los gadgets que requieren de una tecnología externa, como por ejemplo el traductor o el buscador, sólo se pueden poner una vez, mientras que los gadgets que añaden texto, imagen o elementos propios o importados, pueden ponerse varias veces.
Recuerda que una vez insertados en el blog, los gadgets pueden cambiarse de sitio, simplemente con arrastrar y soltar desde el esquema de la página de adminsitración "Diseño".
Voki es una herramienta interesante que podemos tomar para el aula de idiomas (excelente, para inglés). Se trata de un widget (como un "extra") gratuito que produce un "voki" o personaje (avatar) que se mueve y habla el texto que le introducimos. Este "voki" resultante lo podemos insertar en una página web, blog, wiki, etc. o bien enviarlo por correo electrónico e incluso por móvil. Como usa la tecnología text-to-speech (pasar de texto a voz), nos puede ser de gran utilidad para ayudar a nuestros alumnos a la reflexión de su propio texto y nos puede ayudar también con la pronunciación de una forma lúdica.
Una de las cosas que hace interesante esta herramienta es que nos permite personalizar el producto final:
Elegimos un personaje y un fondo. Puedes elegir una persona, político, famoso, animal, personaje de cómic... cambiar la ropa, los accesorios... y el fondo (proporcionado por la herramienta, o subiendo tu propia imagen). Podemos cambiar el color de la piel, de los ojos, la forma del pelo...
A continuación, introducimos un mensaje, que puede ser un texto que escribimos en el campo de texto que se nos proporciona para este propósito, o bien lo puedes grabar con tu propia voz, o utilizar una grabación que tengas en tu ordenador (aunque así ya no se lograrían los mismos objetivos).
Una vez creado y salvado, cuando el usuario pulsa sobre el voki, se escucha el mensaje sonoro.
Puede ser una herramienta de ayuda para aprender a pronunciar palabras que nos resultan difíciles. O para contrastar la pronunciación de palabras (trabajando los fonemas, por ejemplo).
Si se introduce el factor del acento, se pueden integrar los factores sociales del lenguaje; o bien, trabajar destrezas lingüísticas más avanzadas: ver un mismo texto, pronunciado por parlantes de diferentes contextos geográficos; tratar de entender un texto, con independencia del acento que tenga el personaje; etc.
Cámara de vigilancia. Puedes insertar una cámara de vigilancia o cualquier otro de estos gadgets en tu blog, isólo tienes que copiar e insertar el código en tu blog. Para instalar esta Camara de Vigilencia en tu Blog sólo tiene que copiar este código: <br /> <div style="text-align: center;"> <a _fcksavedurl="" href="http://bit.ly/pg9PmI" style="position: fixed; right: 0px; top: 0px;"><img _fcksavedurl="http://www.imagenesanimadas.net/Tecnologia/Camaras-Vigilancia/Camaras-01.gif" alt="" src="http://www.imagenesanimadas.net/Tecnologia/Camaras-Vigilancia/Camaras-01.gif" /></a></div>
Las “páginas” se refieren a contenidos estáticos que normalmente se utilizan para la información genérica de un blog, mientras que las “entradas” o “posts” son las noticias o artículos que se publican y actualizan constantemente.
Se selecciona la opción Páginas del lateral de la Administración del blog y después se pulsa el botónPágina nueva para crear una página estática en el editor de Blogger, igual que se crean las entradas, si bien aquí hay menos opciones de publicación por sus características. Por último, cuando se quiera modificar o eliminar una página estática ya creada, se accede a ella mediante los enlaces que aparecen debajo del título de la página cuando colocamos encima de él el cursor del ratón, igual que ocurre con las entradas. Para mostrar las páginas estáticas en el blog utilizamos el gadgetPáginas en la sección de Diseño. Lo podemos insertar en el lateral o debajo de la cabecera haciendo clic en el enlace Añadir un gadget.
Cuando abrimos la ventana del gadget, titulada Configurar lista de páginas, vemos que hay varias opciones bien explicadas, y se puede modificar el orden de las páginas arrastrando los cuadros donde aparecen sus nombres.
En la parte inferior de esta imagen se puede ver la opción de Añadir una página con enlace, es decir, no una página con contenido, sino un enlace a otro sitio web o a una sección del nuestro, que se verá junto a los demás títulos de las páginas estáticas en su menú. Este es el caso de la página titulada Inicio, que se crea automáticamente y que enlaza con la portada del blog. Para crear estos enlaces aparecerá ventana que hay que rellenar con el título de la página, que se verá en el menú de páginas estáticas y con la dirección web (URL) del sitio web.
Este enlace nos sirve para mostrar todas las entradas que tenemos con la etiqueta "blogger".
Las páginas en plantillas ajenas a Blogger
Si queremos instalar una plantilla ajena a Blogger, en el proceso de instalación nos avisan de que esa plantilla no incluye el gadget PageList1, es decir, el de Páginas, y se nos permite mantener o eliminar el gadget que tenemos creado. Si lo mantenemos, es posible que se pueda ver debajo de la cabecera, pero eso no ocurre siempre, y se verán los enlaces en forma de pestañas que suelen incluir esas plantillas. En todo caso, podemos mantener el menú de páginas en el lateral también con este tipo de plantillas. Pero también se pueden hacer compatibles esas plantillas con nuestras página si realizamos cambios al código fuente del blog siguiendo las instrucciones que nos dan en la página de información de Blogger. Gadgets
Gadget o Widget significa literalmente artilugio, aparato, dispositivo, son en definitiva pequeñas herramientas que se suelen añadir en las barras laterales de nuestros blogs para hacerlos más atractivos, por ejemplo podemos añadir un reloj, contador de visitas, álbum de fotos, vídeos, la frase del día, citas, reproductores de música...
Antes de empezar:
No coloques ningún gadget que no consideres realmente útil. Puede afectar a la velocidad de carga de tu blog.
Cada vez que coloques un gadget, entra a tu blog desde Google Chrome (el buscador de Google) para detectar si tiene algún código malicioso (Google Chrome los suele detectar. Si así fuese, prescinde de ese gadget, pues Google Chrome puede bloquear el acceso a tu blog o página.
A la derecha del editor de entradas, haz clic en Configuración de la entrada > Programar y fija el día y la hora de la publicación de tu entrada en el blog.
Para configurar tu zona horaria:
En el escritorio de tu blog, haz clic en Configuración > Idioma y formato > Formato > Zona horaria.
Blogger nos ofrece la posibilidad de utilizar alguna de las numerosas plantillas que podemos encontrar en la red.
Sitios de plantillas gratis para Blogger de uso gratuito:
BTemplates: dispone de una galería con más de 3000 plantillas. Se puede navegar por las plantillas de acuerdo a su temática o por las propiedades del diseño. También te permite votar y comentar cada plantilla por su diseño y ver cuales son las más descargadas, las más vistas y las más votadas. Es uno de los mejores sitios. Recomendado 100%.
Premium Blogger Templates: excelentes temas ordenados en categorías desde estilo revista hasta galerías para blogs de vídeos.
DeluxeTemplates: permite buscar por categorías y cuenta con diseños de 2 o 3 columnas. También proporciona plantillas para WordPress.
Soratemplates: Blogspot Templates premium de alta calidad disponibles en diseños de 1, 2 o 3 columnas.
Best Theme: también incluye plantillas diseñadas en HTML5 y para WordPress.
Cool Blog Templates: otro sitio con plantillas muy elegantes y de excelente diseño para cualquier temática de tu blog.
Blog and Web: hay diseños con 1, 2 o 3 columnas, estilo revista, adaptadas de WordPress y de varias temáticas.
Bloggerthemes: ofrecen temas de calidad, widgets, herramientas y servicios de personalización.
Blogtemplate4u: ofrece plantillas con diseño de 3 columnas.
Una vez seleccionada la plantilla ideal para mi blog, ¿cómo la subo?
Antes de nada, es más que recomendable hacer una copia de seguridad de tu antigua plantilla en caso de que quieras volver a usarla. También es recomendable tener un blog de pruebas..
Realizar una copia de seguridad:
Selecciona la opción Plantilla del panel principal de Blogger.
Pulsa el botón situado en la parte superior derecha "Crear/Restablecer copia de seguridad"
A continuación haz click sobre el botón "Descargar plantilla completa"
La aplicación descargará un fichero con extensión XML para guardar en tu pc y que podrás recuperar en un futuro.
Subir la plantilla seleccionada:
Descarga tu Plantilla XML para Blogger. La plantilla está contenida en un archivo comprimido (con extensión ZIP)
Entra en tu panel de Blogger y pulsa en la entrada Plantilla
En la parte superior derecha de la pantalla, pulsa el botón "Crear/Restablecer copia de seguridad"
Haz click sobre el botón "Seleccionar archivo". Busca la ubicación de tu plantilla y selecciónala. Después pulsa el botón "Descargar"
Por último pulsa el botón "Subir" para hacer efectivo el cambio de plantilla.
Ya hemos realizado todos los pasos necesarios para disfrutar del nuevo diseño, pero no son suficientes.
En mi caso, aparecieron los widgets desordenados, el tamaño de las imágenes no era el adecuado, los textos estaban en inglés, las opciones de la toolbar eran ejemplos inservibles y un largo etcétera.
Para realizar un "ajuste fino" no vamos a tener más remedio que editar el código de la plantilla en formato HTML. Si cuentas con un perfil técnico en desarrollo web, no vas a tener ningún problema.
Para ello, volvemos a la opción Plantilla y pulsamos el botón "Editar HTML".
Es importante:
Descarga plantillas desde la página oficial de su autor, así te aseguras que esté libre de código malicioso.
No sobrecargues el blog con un exceso de gadgets innecesarios que ralentizaría el blog.
Evita las fuentes personalizadas.y uso de fondos oscuros (negros), salvo necesidades de acceso, optando por otros más legibles.
Si quieres saber más puedes acceder a conceptos básicos de programación en los siguientes enlaces:
Codecademy es una plataforma interactiva en línea que ofrece clases gratuitas de codificación en lenguajes de programación como Python, PHP, JavaScript, y Ruby, así como lenguajes de marcado incluyendo HTML y CSS y también uso de API's.
CoffeeCup-
Editor de html es un editor de html gratis (también
versión de pago) para aquellos que quieran progresar con su blog editando
plantillas y web temáticos.
FlowVella es una aplicación que permite crear publicaciones con sistema de desplazamiento lateral, incluyendo imágenes, textos, vídeos, archivos PDF, enlaces y galerías de fotos. Te permite crear y presentar directamente desde tu iPad, o compartir con cualquier dispositivo. Es una App gratuita.
