Insertar páginas en nuestro Wix.

Read More

Trabajando con Wix.

Nuestros primeros pasos en Wix nos va a permitir realizar presentaciones tan sencillas como este:

Estas son algunas recetas redactas y elaboradas por los alumnos de 3ºA.
¡A comer!

Entramos en la página de Wix. 

puedes hacerlo pulsando sobre el enlace o la imagen

Iniciamos sesión, después aparecen las páginas que habéis creado.

A continuación elegimos la plantilla de uso gratuito que más nos guste. Si queremos hacer uso del modo gratuito tendremos que elegir una gratis (esto aparece especificado abajo a la izquierda)

Para comenzar os propongo por su sencillez, que elijamos la primera de ellas, aparece especificado diseño minimalista.

A la izquierda tenéis la opción elegir fondo. Podéis elegir uno de los que os ofrece Wix o bien subir uno de vuestro propio archivo. Para ello pulsamos sobre imagen y elegimos una de las que hemos subido o que procedemos a subir a nuestra carpeta.

Hay imágenes versátiles de uso libro con movimiento interesantes.

Una vez elegida, podemos dar nombre a nuestro Wix, pulsando sobre editar. Es una edición muy intuitiva que nos permite de forma sencilla cambiar su formato.

A continuación podemos subir imágenes a nuestro slider.

Nos situamos sobre cambiar imágenes y a continuación procedemos a cargarlas, para ello pulsamos sobre agregar imágenes a la galería.

Si queremos ver el resultado pulsamos sobre vista previa, para continuar pulsamos sobre volver al editor.

A continuación añadiremos un archivo en formato mp3. Podemos optar por varias opciones pulsando sobre el icono + que se encuentra a nuestra izquierda.

Si optamos por nuestro propio archivo de música sólo tenemos que pulsar en el icono + de nuestra izquierda y subir el archivo mp3 de nuestra elección.

El icono "herramienta" nos permite reproducir al carga o bien optar por la repetición continuada de nuestro archivo.

Este sería nuestro primer Wix, La próxima sesión insertaremos archivos y páginas en él además de diferentes tipos de enlaces.

Read More

Wix paso a paso.

Accede a Wix.com y selecciona 'Entrar/Regístrate'.

Escribe tu correo electrónico y contraseña para, a continuación, hacer click en '¡Regístrate!'.

Pulsa 'Crear' para comenzar a escribir contenido en tu nueva página web.

Dirígete 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).

Wix abrirá una ventana emergente mostrándote de manera amplia la plantilla que has seleccionado; haz click en 'Edit' para empezar a personalizarla.

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.

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'.

Modifica el menú superior dirigiéndote a la columna de la derecha 'Administrar Páginas' y, haciendo click en el pequeño icono de la fecha, selecciona 'Renombrar'.

Edita el contenido de todas aquellas páginas del menú que desees; cuanto más personalizada esté tu página web, mejor.

Una vez terminada la edición, pulsa 'Publicar' para que tu página web pueda ser vista online por todo el mundo.

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.

¡Felicidades! Tu página web ha sido publicada; selecciona 'Ir' y disfruta de ella.

Sigue leyendo: http://tecnologia.uncomo.com/articulo/como-hacer-una-pagina-web-con-wix-2575.html#ixzz3yWpRmA7c

Read More

Wix

Wix es una plataforma de diseño, que permite crear páginas Web HTML5 o Flash.

Manual Básico de Wix

Leer más publicaciones en Calaméo




Comenzamos...

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.

Ejemplos: http://asanchezarnaldo.wix.com/unidad-5-los http://asanchezarnaldo.wix.com/unidad-3-la-tierra Presentación para ponencia sobre Leer.es Presentación de trabajos de alumnos en Plástica. Unidad Didáctica "Juanito el Pirata". Temario de Física y Química de 3º ESO.

Para saber más Guía de uso de Wix  View more presentations from Víctor Barbero 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/

Read More

Poner contraseña

Para añadirlo, 

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).

Read More

Otros gadgets

Insertar Gadgets

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".

Otros gadgets:

Voki

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>


Reloj

Reloj ballena.

Read More

Páginas y gadgets

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 gadget Pá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:

1. No coloques ningún gadget que no consideres realmente útil. Puede afectar a la velocidad de carga de tu blog.
2. 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.

Read More