Un widget es una pequeña pieza de software o código web (por ejemplo, JavaScript) diseñado para ejecutar un programa simple. Por lo general, los widgets son usados por los administradores de sitios web para agregar una herramienta o utilidad a su sitio con el fin de aumentar la misma para sus visitantes. El widget accede a un servidor externo y sirve los datos a los visitantes utilizando una sola pieza de código incrustado, permitiéndole al administrador tener un sitio web actualizado sin necesidad de editar continuamente el código actual. Aprende a crear un widget para un sitio para ayudar a que tu audiencia realice un seguimiento de las fechas importantes.
- Nivel de dificultad:
- Moderada
Instrucciones
-
1
Abre tu cliente FTP (ej. Fetch en una computadora personal con Windows o Cyberduck en una Mac). Conéctate con el servidor de tu sitio.
-
2
Descarga un archivo JavaScript para comenzar a construir tu widget de calendario para tu sitio. Varios sitios pueden asistirte para automatizar el proceso con archivos de JavaScript realizados previamente. Uno de los más simples es el Widget Simple Calendar (Enlace de descarga de JavaScript en la sección Recursos).
-
3
Sube el archivo de JavaScript al directorio raíz de tu sitio utilizando tu cliente FTP.
-
4
Crea un nuevo archivo de texto en el escritorio de tu computadora. Nómbralo "scwblank.html". El archivo debería estar en blanco. Súbelo al mismo directorio desde donde descargaste el archivo de JavaScript en el Paso 2. Este archivo en blanco es necesario para prevenir errores de JavaScript si subes el widget de calendario en un iFrame y lo haces usando versiones viejas del navegador Microsoft Internet Explorer.
-
5
Abre el archivo HTML en el que deseas que se muestre el widget de calendario. Ubica un punto en la página donde tú quieras que aparezca el calendario. Inserta el JavaScript escribiendo el siguiente código: script type=''text/JavaScript'' src=''>''>
-
6
Cambia "Ubicación" en el código del Paso 5 por la ubicación específica del archivo en JavaScript (ej. "home/scw.js").
-
7
Graba el archivo HTML y actualiza la página en tu navegador web para ver el resultado. Ahora verás un pequeño widget de calendario que se muestra en tu sitio web.
Crea un widget de calendario utilizando JavaScript
-
1
Ingresa a tu Cuenta Google (enlace en la sección Recursos).
-
2
Haz clic en "Calendario" en la parte superior de la página.
-
3
Haz clic en "Crear" en la porción izquierda del menú que dice "Mis Calendarios". Edita tu calendario para cambiar los colores e inserta eventos en fechas importantes.
-
4
Haz clic en la flecha próxima al nombre del calendario y selecciona "Configuración del Calendario". Una pequeña ventana aparecerá mostrando varias líneas de código.
-
5
Selecciona y copia el código presionando "CTRL+C" en tu teclado.
-
6
Pega el código dentro del área de tu sitio web donde deseas que se muestre el widget de calendario. Graba el HTML y actualiza el sitio para ver los cambios. Tus visitantes ahora verán una miniatura del widget cada vez que ellos visiten tu sitio.
Crea un widget de calendario usando Google Calendar
Consejos y advertencias
- Usa un calendario para recordarles fechas importantes a tus visitantes, tales como concursos o fechas límite de proyectos que estés realizando.
No te pierdas: Galerías de fotos
Read this article in English: How to Create a Widget Calendar for Web Site
