|
Añade un botón del sitio -->
Tutorial de Blogger en Firefox
Documento final
Vas a crear la siguiente hoja de cálculo, en Docs de Google, donde no tienes que hacer ningún cálculo sino crear la tabla numérica con las mismas características, bordes y colores y realizar los 2 gráficos. El resultado final debe ser lo más parecido a la que yo te presento. Una vez guardada con tu nombre, grupo y curso, la descargas y me la envías como fichero adjunto por correo electrónico a infor@albalonga.es , en el asunto debes poner Documento final-4A.
Instalación de Windows y Linux
Actuaciones a llevar a cabo para la instalación de varios sistemas operativos (en nuestro caso Windows y Linux) desde cero hasta su correcto funcionamiento, incluyendo las aplicaciones fundamentales y básicas. Partimos del supuesto de que tenemos un solo disco duro y queremos instalar los dos sistemas operativos, las versiones elegidas son Windows Xp y Guadalinex V7.
- Orden de instalación: lo primero es saber cuál es el primer S.O a instalar: el primero Windows, ya que al instalar Linux en 2º lugar nos va a permitir que su gestor de arranque inicie ambos sistemas operativos, al revés no nos sería posible iniciar el equipo ya que el gestor de arranque de Windows no reconoce a Linux.
- Particiones: son divisiones del disco duro que funcionan de manera independiente y que permiten entre otras cosas que en un mismo disco se almacenen varios S.O. Proponemos 2 para Windows, una para el sistema y otra para datos y 3 para Linux, una para el sistema, otra de intercambio y otra para datos.
- Tamaño de las particiones: vamos a suponer que el S.O con el que trabajamos más es Windows y que Linux lo usamos menos, en caso contrario habría que primar más las capacidades de las particiones del S.O Linux en detrimento de Windows. Las cantidades pueden aumentar o disminuir en función de la capacidad del disco duro y de los datos que se piensen almacenar. Nuestro supuesto es un disco duro de 38.25 Gb que es el que tienen los ordenadores del aula de informática.
- Para el sistema operativo Windows, la partición que alberga el sistema va a tener 14 Gb y para datos 10 Gb. Esta partición de datos, en caso de tener una mayor capacidad, albergaría una copia de seguridad del S.O Windows y Linux como veremos más adelante, aunque en nuestro caso no va a ser así, haremos la copia a través de la red.
- Para el sistema operativo Linux debemos utilizar 3 particiones, la llamada (/) con formato ext3, preferible a ext4 por compatibilidad con las copias de seguridad, que contiene el sistema operativo, con 8 GB, la de intercambio llamada swap basta con que tenga 1 Gb y la partición de datos (/home) con formato ext3, con 6 Gb.
- Creación de las particiones: esta operación se puede hacer de diversas formas, en función de si la instalación la realizamos desde cero o por el contrario tenemos ya Windows instalado y pretendemos instalar Linux, pero lo más recomendable es tener preparadas y formateadas las particiones antes de instalar el 2º S.O.
- Si solo tenemos instalado Windows en todo el disco duro, a través de un programa gestor de particiones como Partition Magic podemos adelgazar la partición única, crear la partición de datos para Windows y las nuevas particiones para Linux.
- Si instalamos desde cero el S.O Windows, en el proceso de instalación podemos fijar la capacidad de la partición que va a contener el S.O y posteriormente ya con el S.O instalado redefinir las particiones en el espacio de disco no utilizado, con el anterior gestor de particiones.
- Pasos previos a la instalación: en el supuesto bastante habitual de que una vez transcurrido un cierto tiempo de uso, queramos reinstalar el S.O formateando el disco para mejorar su funcionamiento, ya que con el tiempo el ordenador se vuelve inestable y lento, antes de nada debemos realizar 3 operaciones:
- Copiar todos los datos que contenga el pc y que nos interesen: carpeta Mis Documentos, Favoritos, correos, cuentas de correos, libreta de direcciones, datos de Outlook, cuentas de ftp, escritorio, etc.
- Utilizar un programa como Pc Wizard, o similar que nos de información de la placa base, para entrar en la página del fabricante y bajarnos todos los controladores actualizados incluida la BIOS, estos ficheros serán necesarios para la correcta instalación del S.O Windows. Aparte de los controladores de la placa base, audio, tarjeta gráfica, etc. también conviene tener los de la impresora, escáner u otros dispositivos conectados. No utilizar el CD que nos dieron al comprar el ordenador porque los controladores que trae serán versiones muy antiguas. En nuestro caso los controladores de la placa los podéis encontrar aquí: 1, 2, 3 y 4.
- Por último es muy recomendable si el ordenador no es nuevo, quitarle a la torre la tapa opuesta a donde se encuentra instalada la placa base y una vez abierto, llevarlo a una gasolinera y con el inyector de aire limpiar de polvo todo el contenido, especialmente los ventiladores del micro, tarjeta gráfica y fuente de alimentación, con mucho cuidado de no alterar nada de su contenido.
- Instalación del S.O Windows Xp con sp3:
- Para poder instalar Windows, desde un Cd, hay que configurar la Bios, para que el primer dispositivo de arranque sea el Cd o Dvd, al arrancar el ordenador hay que pulsar intermitentemente la tecla Supr o F2. En nuestro caso no hay que modificar ésto ni las particiones.
- Utilizamos dos particiones C y D con formato Ntfs, una para el sistema operativo y otra para datos.
- Instalamos Windows Xp con servipack 3 en la partición C:
- Una vez terminado el proceso de instalación, hay que realizar la comprobación de los controladores de dispositivos: Inicio > botón derecho del ratón sobre Mi PC > Propiedades > Propiedades del sistema > Hardware > Administrador de dispositivos. Si no aparece ninguna interrogación amarilla, todos los controladores están correctos.
- Instalación de controladores si son necesarios, en el caso de interrogaciones amarillas. Una vez descargados y descomprimidos los controladores, se instalan.
- Instalación de aplicaciones en Windows
- WinPatrol, aplicación que controla los programas que se cargan en el inicio y diversas tareas y servicios.
- Office 2003, paquete ofimático o bien Open Office de similares características y de uso libre.
- WinRar 3.5, (shareware), utilidad de compresión y descompresión de ficheros.
- Antivirus, AVG, Avast, Ad-aware free, Active scan 2.0, Antivirus Scanner, Security Essentials, Panda Cloud Antivirus Free edition, Pctools.
- Traspaso de la carpeta Mis documentos, Mi Música, Mis imágenes, Datos de programa, Escritorio, Favoritos, correos de Outlook Express y libreta de direcciones de la partición C a la partición D. Para esto tenemos que abrir el registro de Windows, (en Inicio > Ejecutar > regedit), que es una base de datos que guarda las configuraciones y aplicaciones instaladas, por lo tanto es muy importante hacer una copia de seguridad antes de modificar cualquier opción, dentro del registro > Archivo > Exportar. Una vez hecha la copia pulsamos:
Inicio > Ejecutar > regedit > HKEY_CURRENT_USER > Software > Microsoft > Windows > CurrentVersion > Explorer > UserShellFolders
y modificamos todas las localizaciones de dichas carpetas, que previamente han de ser creadas en la partición D.
- Configuración de las actualizaciones de seguridad de Windows Update: Inicio > Panel de control > Centro de seguridad > Actualizaciones automáticas > Notificarme pero no descargarlas automáticamente ni instalarlas.
- Adobe Reader, lector de ficheros pdf.
- Ccleaner, para limpiar ficheros temporales y optimizar el registro.
- VLC media player, lector de música y vídeo.
- Adobe flash player, para ver vídeos en Internet.
- Gimp, programa de retoque fotográfico.
- Barra de Google para Internet Explorer, evita ventanas emergentes, etc.
- Picasa, programa de clasificación de imágenes y que permite subir a Internet álbumes de fotos e imágenes.
- Firefox, navegador de Internet.
- Pdf Creator, para poder crear ficheros en formato pdf.
- JRE Java SE Runtime Environment, para ejecutar aplicaciones desarrolladas con Java.
- Google Earth, información geográfica en 3d.
- Graph, representación de gráficas de funciones matemáticas.
- Ultraedit, editor de texto, hexadecimal, html, etc, (programa propietario).
- Tareas de mantenimiento
- Ejecutamos el Antivirus instalado y analizamos todo el Pc.
- Ejecutamos Ccleaner, en Limpiador > ejecutamos el limpiador y en registro > buscamos problemas y reparamos.
- Escaneo y desfragmentación del disco C: Mi PC > botón derecho del ratón sobre C > Propiedades > Herramientas > Comprobar ahora > una vez terminado el escaneo del disco > Desfragmentar ahora.
- Norton Ghost 2003, (programa propietario). Es el momento de hacer una imagen del S.O con el programa Norton Ghost 2003 que se guardará en la partición D.
- Instalación de Guadalinex V7:
- Se utilizan tres particiones, sistema, datos e intercambio, con las dimensiones especificadas en el punto 3.
- Disco de instalación de Guadalinex v7.
- Una vez instalado el sistema se actualizan todos los paquetes.
- Una vez actualizado el sistema, desde Windows, se hace una copia de la partición del sistema de Guadalinex con Norton Ghost, que se guarda en la partición D.
Formulario con Google Docs
Esta penúltima práctica tiene 2 partes bien diferenciadas:
En primer lugar vas a preparar un formulario con la plantilla que más te guste, donde vas a plantear las preguntas que tú quieras, sobre algún tema que te interese, el único requisito es que tiene que tener la estructura del que te muestro a continuación, es decir los mismos tipos de preguntas aunque sobre el tema que tú quieras, como siempre una vez finalizado lo pones a compartir con infor@albalonga.es: En segundo lugar tienes que contestar a este formulario en la siguiente dirección, cuando hayas terminado pulsas en Enviar.
Práctica con presentaciones
Dentro de Google Docs, pulsas en Crear nuevo --- Presentación --- Archivo --- Nuevo --- desde plantilla --- plantillas públicas --- Reducir por tipo --- Presentaciones, y ahora debes elegir la plantilla con la que se ha elaborado esta práctica. Tienes que crear 7 diapositivas con los mismos elementos y lo más parecidas posibles a las siguientes:
Una vez la hayas terminado pulsa en Iniciar Presentación para ver como ha quedado y como siempre, la pones a compartir con infor@albalonga.es
Práctica con hoja de cálculo excel-2
Vamos a seguir utilizando el servicio Docs de Google para realizar online la siguiente hoja de cálculo:
Como puedes observar solo tienes que realizar la operación del % por ciento y los 7 gráficos que aparecen en la imagen. Intenta que tu práctica sea lo más parecida posible a ésta. Para que yo pueda ver el resultado, basta con que en compartir incluyas a infor@albalonga.es.
Crear un botón con tu foto en la barra de Google
Vas a crear un botón con tu foto en la barra de Google para visualizar y actualizar las entradas de tu blog, para lo cual dentro del código html del botón, debes hacer 3 cosas, crear un icono con tu foto, enlazar ese botón al feed de tu blog que ya lo creaste en la práctica anterior y realizar un enlace a tu blog. Los pasos a seguir son: Tienes que tener la barra de Google instalada en el navegador. Ir a opciones de la barra de Google --- Botones personalizados --- Añadir más botones --- Documentación de la API. Los siguientes 4 apartados, debes leerlos con atención para que tengas una idea del proceso a realizar, en el apartado 7 ya nos ponemos manos a la obra. Las propiedades y los comportamientos de un botón personalizado se definen en un archivo XML con el elemento <custombuttons>, parecido a las etiquetas html estudiadas en prácticas anteriores, cuyo espacio de nombre se establece en "http://toolbar.google.com/custombuttons/" junto con el elemento <button> anidado. El botón personalizado más simple utiliza <site>, que define el vínculo de un sitio web. El siguiente código XML genera un botón que, al hacer clic en él, abre la página http://www.wikipedia.org en la ventana vigente del navegador: <?xml version="1.0" encoding="utf-8"?>
<custombuttons xmlns="http://toolbar.google.com/custombuttons/">
<button>
<site>http://www.wikipedia.org</site>
</button>
</custombuttons>Cómo añadir un título y una descripción a un botón
Tal y como se indica a continuación, <title> sirve para añadir un título a un botón. El título, que puede aparecer a la derecha del botón (Configuración > Opciones > Más > Etiquetas con el texto de los botones > Todo el texto), permite identificarlo en la lista de botones personalizados (Configuración > Opciones > Botones personalizados).
Utiliza <description> para añadir una descripción del botón.
<?xml version="1.0" encoding="utf-8"?>
<custombuttons xmlns="http://toolbar.google.com/custombuttons/">
<button>
<site>http://www.wikipedia.org</site>
<title>Wikipedia</title>
<description>The Free Encyclopedia</description>
</button>
</custombuttons>
- Cómo añadir un feed Rss Los feeds RSS utilizan el elemento
<feed>. A continuación se muestra un ejemplo de un feed de noticias de la CNN: <feed refresh-interval="1800">http://rss.cnn.com/rss/cnn_topstories.rss</feed>
El protocolo para obtener la actualización de estos feeds es Atom 1.0, Atom 0.3, RSS 2.0 o RSS 1.0. Los feeds estándar también suelen ser válidos.
Cómo crear un icono con tu imagen:
La mayoría de los iconos que se utilizan como iconos favoritos o "faviconos" pueden servir también como iconos de botones personalizados. Ello incluye imágenes BMP, ICO, GIF y JPEG de 16 x 16; tan sólo deberás codificarlas en texto ASCII mediante base64. En Internet encontrarás varios sitios para hacerlo de forma automática; haz clic aquí para acceder a uno de ellos. Una vez accedas al sitio en cuestión, utiliza el botón Browse…(Examinar...) para seleccionar el botón que deseas codificar. A continuación, haz clic en el botón Convert the source data (Convertir el código fuente) para iniciar el proceso. Los códigos JavaScript y PHP también ofrecen comandos de una línea para la codificación base64.
A continuación se ofrece un icono de Gmail codificado en base64, para el que se ha utilizado el elemento <icon>:
<icon mode="base64" type="image/x-icon">
AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4ONr/ODja/6en+f+np/n/p6f5/6en+f+np/n/p6f5
/6en+f+np/n/p6f5/6en+f+np/n/p6f5/zg42v84ONr/ODja/zg42v/i4v//////////////////
/////////////////////////////////////+Li//84ONr/ODja/zg42v84ONr/p6f5/+Li////
/////////////////////////////////////////+Li//+np/n/ODja/zg42v84ONr/ODja/+Li
//+np/n/4uL/////////////gYHy/4GB8v///////////+Li//+np/n/4uL//zg42v84ONr/ODja
/zg42v//////4uL//6en+f+2tv//gYHy/1pa6f9aWun/gYHy/7a2//+np/n/4uL///////84ONr/
ODja/zg42v84ONr///////////+2tv//gYHy/1pa6f84ONr/ODja/1pa6f+BgfL/trb/////////
////ODja/zg42v84ONr/ODja////////////gYHy/1pa6f84ONr/trb//7a2//84ONr/Wlrp/4GB
8v///////////zg42v84ONr/ODja/zg42v//////gYHy/1pa6f84ONr/trb/////////////trb/
/zg42v9aWun/gYHy//////84ONr/ODja/zg42v84ONr/gYHy/1pa6f84ONr/trb/////////////
//////////+2tv//ODja/1pa6f+BgfL/ODja/zg42v84ONr/ODja/zg42v84ONr/trb/////////
/////////////////////////7a2//84ONr/ODja/zg42v84ONr/ODja/zg42v84ONr/gYHy/6en
+f+np/n/p6f5/6en+f+np/n/p6f5/6en+f+np/n/gYHy/zg42v84ONr/ODja/wAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAA//8AAP//AAD//wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAD//wAA//8AAA==
</icon>
Si bien es posible utilizar iconos superiores a 16 x 16, la barra los escalará a dicho tamaño; la imagen no sólo será más grande de lo necesario, sino que además no tendrá el aspecto que tendría si se escalara con un editor de imágenes de calidad.
Los mejores iconos son los que se crean con 24 bits de color (RGB) y 8 bits de alpha, y se guardan como iconos RGBA de estilo XP. Si has tenido paciencia para llegar aquí, la cuestión no es tan difícil, primero vas a crear un icono con tu foto: Abrimos la imagen con Gimp. Recortamos el rostro: Herramientas --- Herramientas de selección --- Selección rectangular --- y marcamos el rostro --- Pulsamos con el botón derecho encima de la imagen --- Recortar a la selección, y ya tenemos el rostro recortado. Vamos a darle a la imagen el tamaño de 24 x 24 pixel: pulsamos encima de la imagen con el botón derecho --- Imagen --- Escalar la imagen --- pulsamos con el ratón en la cadena para separar la altura y anchura --- ponemos 24 en altura y 24 en anchura --- Escala. Ya tenemos la imagen a 24 x 24 ahora la vamos a guardar como un icono de Windows: Archivo --- Guardar como --- en tipo elegimos icono de Microsoft Windows, extensión ico y lo guardamos en Mis documentos.
Ahora vamos a codificarlo en texto ASCII mediante base64: Haz clic aquí--- pulsa en Examinar y elige el icono con tu foto --- pulsa en Convert the source data --- y copia todo el texto que sale en la primera ventana en el bloc de notas y lo guardas con el nombre icono-mio.txt, debe salir algo parecido a esto:
AAABAAEAGBgAAAEAGABIBwAAFgAAACgAAAAYAAAAMAAAAAEAGAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAC9Wje+XUG7Vy+6Vji2VjexUC6zXDqOVT6NaV5/bHl9dIZ6dIJ7dINpZnpdXXFxYW22ZVLc
knHGiGTs38PcwovkoGL64avp1rW7XjzBY0O8Vji4VjSwVC/EYDvAZUKEYE1sX2B+aW+FcXaQgoiQ
gYeBdX9mY3NTU2R5WVy5bFPcq4jaxq/w1Zvmv4Pno2379cu+Xj6+Y0W1XD+vVjWvVjawWz14RTZa
TVNoWV+Da2qMdHK8oaH129fYvrujjJNybHpRSl2eXVfmuJ7iv5L34rPpzJbopWb+7aa+ZkPCakS6
XjqyVTS6Yj2ITDRbSkttX2N8anZ9bX+Bc4ihiJvmzdX/+fj06unZxMl2a3lzUlzKppXn1Z749crf
1Zrq0pnt25/BbkjBZ0u5ZEaxWT2yY0ZiQjxvYmtwZHJtZn1zbYaBc4+ljKbdvMr+6u3/9PP///+0
srR2WFnXvar9+dr59sb49sD//s//6trvzGbcqlCUazujZ06XYlBmVFZrZHNsZHVuYnl1ZHuBan+p
iaHluc3YrcCri5vez9Tp5OaRfHvWx7nk17vPuaa5oJeHcm+EcGvoyobbrmReURuNiHpza2xuZnJx
ZnNmV2JkUV9kTltqUV6EaHGlhIeWd3ivlJTYwL758fH38vOyn5xyZWNcTkRoZFuAh4KPkpDrxnjg
pVBqVhmJgXhpY21oX3NWR1ZQQ0xVT1JlV1pzW12fe3a9k4qafHqNeoKqmqnt5u7////GuLeKhIRi
V1BrYF6Jj4qHi4rv0Y/uvXd1WiWKgHlrantucJBoZodSTWtZUGpmW3aHd5fGs8fFt76Kf5V8c5jC
t9X59fz////Y0dOclJFuYl1gWVaGjouGj4jx2aLz0KeIYTqJfXdtboVveZxyeaJwc59kZYxlZo2L
hbXf1O7p5eeqo7u7q9Hq1u377vf//P7//v+tnJ1uX15YVFR/g3trbGfp3prw2aCPcUNTTUZuc4xr
dphucpRsb5Bobo1fZ4l/gqnZ1er37vO/sMaklLXNudT46/f////v5ubeysB8amNSSkVuZF43Jy3f
2d3O2cxjblpGPT9hZ4FcZYFsbIRxbIVyaIJjY4FpdZmyuNKxq7yAdY6PfJXWxtP9+Pr////k3d3W
sqDNn4CTe2pYX2FOWFePlJuDkZozKipBMzdaV2hYU2RXT1tjU1pkVmBgXGprcISHjqeBgJhvZ3pl
WmiLeYPQvbz++vXQz864lovowpzV0rOJoJh2kpXX0tGFhIQ0KCU7MTZRT11GQ1VDPkhJQkhRSk9g
V2FwbX5/fZhvaYBhWGZuZXGReIDYvrj//PTW09Kvopvq2rzcyauSl4qAhXrUy8x1Y2Q7LCtBNDdO
Ul9TYH5UY4JdbYtufpx8ial+jbB+j7eAkbmRnMLKv+L36vj+/P7////l3t/Trp7179Lo38qJdm1/
Z12yp6lYTEo/LC5CMzdNS1RYY39XbpFheZ1rgap4irOAj7aFkbiIlLyWocnHvuL27vr////////s
4eGvkIbv5MXx7NSUg3F+dGu3sa2ejYo6Kyo7LDA/OD1RWG1WbY5bdphpfaN0hq5+kbaDk7mHlL2V
oMjKw+X48vv///////+smZyyhHL458DVxrBiRThnPiyXjIh3b204LTI0KTA1Jys5MTpNVGZSaYpZ
dp1lhKxtjbV6lb6Ln8eisNPMz+/18v/29fqyq7V/ZmTLpoXx5MVcV1BEMDFNLyeVios9MTg3OEAz
MDsyKzE0Ky46MTVCRE9LWG5RZ4NbdJprgqqJm7+xudTEyN6ytsyBfo5gVViCaF3n0ru4p4dVS0RD
QEVEQEFBRF5ETGlVTmdbUWVDQE4yMjgyLTE3Li9CNTRRQUNSSE9PTlhdYGd1cXJ6cnF4ZmNgTkdr
XFXAoozpyqXBr5WPjH11d29fZ2TSy9/i4Ova09qGeX6Nentqdno4O0Q8Nj1ANThKODdgSEF7WEiN
YE2gdmLEn3/kuYyjiGeUfnmzoZy+uaSlp5eeqp2IjogrNT348fa8usalqLmIc3yAZ1+LtrmFjZBd
Xl5KS1NUTlJcTkxoU014XFKdcWDXqpDGqo6VkI5WZn5hbYRla2x8gn6hpJhiaGMnMDv++v6ytLOA
jZN9cXmCYleKsrCTpql3fYVXV2qKgIy5rKulm5GMg3ePgnagkYKZk4FdY1dKT1lucn9tb2mTmoyS
lYQ2PTwqKzX++/2rqquAjZl4and+W059pKOGoah0f4Q8RlaQkJv//////fa0raCHfnWHgXxgWlVD
SFA/Ql46MDloXFeXlIRgYlgqKCsrKTEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAA= Por último vamos a crear el fichero del botón personalizado con el bloc de notas, el archivo XML de un botón personalizado presenta la estructura siguiente:
<?xml version="1.0" encoding="utf-8"?>
<<custombuttons xmlns="http://toolbar.google.com/custombuttons/">
<button>
<site>http://bgallardoe.blogspot.com/</site>
<title>Tutorial de Blogger en Firefox</title>
<description>Blog para experimentar con los elementos tecnológicos que
puede incorporar Blogger con la plantilla clásica</description>
<icon mode="base64">
AAABAAEAGBgAAAEAGABIBwAAFgAAACgAAAAYAAAAMAAAAAEAGAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAC9Wje+XUG7Vy+6Vji2VjexUC6zXDqOVT6NaV5/bHl9dIZ6dIJ7dINpZnpdXXFxYW22ZVLc
knHGiGTs38PcwovkoGL64avp1rW7XjzBY0O8Vji4VjSwVC/EYDvAZUKEYE1sX2B+aW+FcXaQgoiQ
gYeBdX9mY3NTU2R5WVy5bFPcq4jaxq/w1Zvmv4Pno2379cu+Xj6+Y0W1XD+vVjWvVjawWz14RTZa
TVNoWV+Da2qMdHK8oaH129fYvrujjJNybHpRSl2eXVfmuJ7iv5L34rPpzJbopWb+7aa+ZkPCakS6
XjqyVTS6Yj2ITDRbSkttX2N8anZ9bX+Bc4ihiJvmzdX/+fj06unZxMl2a3lzUlzKppXn1Z749crf
1Zrq0pnt25/BbkjBZ0u5ZEaxWT2yY0ZiQjxvYmtwZHJtZn1zbYaBc4+ljKbdvMr+6u3/9PP///+0
srR2WFnXvar9+dr59sb49sD//s//6trvzGbcqlCUazujZ06XYlBmVFZrZHNsZHVuYnl1ZHuBan+p
iaHluc3YrcCri5vez9Tp5OaRfHvWx7nk17vPuaa5oJeHcm+EcGvoyobbrmReURuNiHpza2xuZnJx
ZnNmV2JkUV9kTltqUV6EaHGlhIeWd3ivlJTYwL758fH38vOyn5xyZWNcTkRoZFuAh4KPkpDrxnjg
pVBqVhmJgXhpY21oX3NWR1ZQQ0xVT1JlV1pzW12fe3a9k4qafHqNeoKqmqnt5u7////GuLeKhIRi
V1BrYF6Jj4qHi4rv0Y/uvXd1WiWKgHlrantucJBoZodSTWtZUGpmW3aHd5fGs8fFt76Kf5V8c5jC
t9X59fz////Y0dOclJFuYl1gWVaGjouGj4jx2aLz0KeIYTqJfXdtboVveZxyeaJwc59kZYxlZo2L
hbXf1O7p5eeqo7u7q9Hq1u377vf//P7//v+tnJ1uX15YVFR/g3trbGfp3prw2aCPcUNTTUZuc4xr
dphucpRsb5Bobo1fZ4l/gqnZ1er37vO/sMaklLXNudT46/f////v5ubeysB8amNSSkVuZF43Jy3f
2d3O2cxjblpGPT9hZ4FcZYFsbIRxbIVyaIJjY4FpdZmyuNKxq7yAdY6PfJXWxtP9+Pr////k3d3W
sqDNn4CTe2pYX2FOWFePlJuDkZozKipBMzdaV2hYU2RXT1tjU1pkVmBgXGprcISHjqeBgJhvZ3pl
WmiLeYPQvbz++vXQz864lovowpzV0rOJoJh2kpXX0tGFhIQ0KCU7MTZRT11GQ1VDPkhJQkhRSk9g
V2FwbX5/fZhvaYBhWGZuZXGReIDYvrj//PTW09Kvopvq2rzcyauSl4qAhXrUy8x1Y2Q7LCtBNDdO
Ul9TYH5UY4JdbYtufpx8ial+jbB+j7eAkbmRnMLKv+L36vj+/P7////l3t/Trp7179Lo38qJdm1/
Z12yp6lYTEo/LC5CMzdNS1RYY39XbpFheZ1rgap4irOAj7aFkbiIlLyWocnHvuL27vr////////s
4eGvkIbv5MXx7NSUg3F+dGu3sa2ejYo6Kyo7LDA/OD1RWG1WbY5bdphpfaN0hq5+kbaDk7mHlL2V
oMjKw+X48vv///////+smZyyhHL458DVxrBiRThnPiyXjIh3b204LTI0KTA1Jys5MTpNVGZSaYpZ
dp1lhKxtjbV6lb6Ln8eisNPMz+/18v/29fqyq7V/ZmTLpoXx5MVcV1BEMDFNLyeVios9MTg3OEAz
MDsyKzE0Ky46MTVCRE9LWG5RZ4NbdJprgqqJm7+xudTEyN6ytsyBfo5gVViCaF3n0ru4p4dVS0RD
QEVEQEFBRF5ETGlVTmdbUWVDQE4yMjgyLTE3Li9CNTRRQUNSSE9PTlhdYGd1cXJ6cnF4ZmNgTkdr
XFXAoozpyqXBr5WPjH11d29fZ2TSy9/i4Ova09qGeX6Nentqdno4O0Q8Nj1ANThKODdgSEF7WEiN
YE2gdmLEn3/kuYyjiGeUfnmzoZy+uaSlp5eeqp2IjogrNT348fa8usalqLmIc3yAZ1+LtrmFjZBd
Xl5KS1NUTlJcTkxoU014XFKdcWDXqpDGqo6VkI5WZn5hbYRla2x8gn6hpJhiaGMnMDv++v6ytLOA
jZN9cXmCYleKsrCTpql3fYVXV2qKgIy5rKulm5GMg3ePgnagkYKZk4FdY1dKT1lucn9tb2mTmoyS
lYQ2PTwqKzX++/2rqquAjZl4and+W059pKOGoah0f4Q8RlaQkJv//////fa0raCHfnWHgXxgWlVD
SFA/Ql46MDloXFeXlIRgYlgqKCsrKTEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAA=
</icon>
<feed>http://feeds.feedburner.com/TutorialDeBlogger</feed>
</button>
</custombuttons>
Como se puede observar en el fichero se introducen las etiquetas del botón (button), sitio (site), descripción (description), icono (icon) y feed del sitio, estas etiquetas tienes que rellenarlas con los valores correspondientes a tu blog y el elemento <icon> corresponde a tu icono, es decir al texto guardado en el fichero icono-mio.txt El fichero con el botón lo vamos a guardar con el nombre boton-tunombre.xml, donde debes escribir tu nombre y apellido en lugar de "tunombre".
Alojamiento de un botón:
La URL de descarga que utilices para albergar el archivo XML del botón es bastante importante, ya que se convierte en el ID exclusivo del botón para su posterior actualización. Es decir tienes que guardar el fichero boton-tunombre.xml en internet y guardar la dirección de acceso al fichero. Para conseguir esto vamos a utilizar un hosting gratuito, los pasos a realizar para subir a Internet el fichero boton-tunombre.xml son: En Internet Explorer escribe la siguiente dirección ftp://infor.host56.com/public_html/, aparece una ventana que te pide un nombre de usuario y contraseña, escribes a2498712 e infor11, respectivamente. En el menú Ver del navegador, pulsas en "Abrir el sitio FTP en el explorador de Windows", a partir de ese momento puedas arrastrar el fichero boton-tunombre.xml a esa ventana y queda almacenado en Internet.
Cómo enlazar tu sitio a tu botón: Si deseas que el botón esté disponible en tu sitio, crea un vínculo de instalación. Cuando un usuario de la barra Google 4 haga clic en dicho vínculo, se le solicitará si desea instalarlo. Si la versión de la barra que tiene instalada es incompatible, el vínculo redireccionará el sistema a la página de descarga de la aplicación. La sintaxis de URL siguiente permite crear un vínculo de instalación: http://toolbar.google.com/buttons/add?url=url donde url señala el archivo XML del botón personalizado. A continuación se muestra un ejemplo de vínculo para instalar el botón de mi blog: <a href="http://toolbar.google.com/buttons/add?url=http://infor.host56.com/
boton-mio.xml">Añadir</a> La etiqueta de este vínculo es Añadir. Lo que tienes que hacer es crear una entrada en tu blog donde aparezca la dirección anterior con tus datos. Cuando un usuario haga clic en este vínculo, el botón de tu blog se instalará en su barra Google.
La URL de Google anterior sirve básicamente para activar la instalación de cualquier botón personalizado por parte de la barra. Si la versión que tiene instalada el usuario es incompatible con esta acción, el sistema le solicitará que instale una versión válida. Una vez instalada la barra, el botón personalizado se añadirá de forma automática. Ver el resultado final al pulsar aquí.
Práctica con hoja de cálculo excel-1
Una vez dentro de Google Docs, vas a crear la siguiente hoja de cálculo, fíjate bien en las instrucciones para realizarla. El resultado final debe ser lo más parecido a esta imagen:
Para verla mejor solo tienes que pulsar encima de ella. Una vez tengas el documento terminado, debes subirlo por la forma habitual con el nombre excel-1 a la carpeta con tu nombre en Google Docs.
Práctica con Google Docs
Una vez dentro de Google Docs, vas a crear el siguiente documento con márgenes 1.5 cm arriba y abajo y 2 cm a izquierda y derecha. El tipo de papel es A4 y debes utilizar el editor de ecuaciones, el editor de dibujos y la inserción de imágenes, ésta que aparece es una ilusión óptica que debes encontrar en Internet. El resultado final debe ser lo más parecido a esta imagen:
Para verla mejor solo tienes que pulsar encima de ella. Una vez tengas el documento terminado, debes subirlo por la forma habitual a la carpeta con tu nombre en Google Docs.
Práctica con Picasa
Picasa Permite el inventariado de todos los archivos gráficos del ordenador, su clasificación y ordenación, e incluye además herramientas de edición y retoque fotográfico. El programa interactúa con picasaweb permitiendo colocar las fotos directamente en los álbumes dentro de Internet. Vais a realizar 3 ejercicios dentro de Picasa, primero vais a crear un álbum con una serie de fotos que enlazareis en vuestro blog, después vamos a crear con estas fotos una película que va a llevar música incorporada y por último realizareis un retoque fotográfico a una imagen. Debéis crear un álbum con las 11 fotos del alud en Sierra Nevada, para esto tienes que pulsar en Descargar y Descargar en Picasa. Una vez abierto Picasa, pulsas en Archivo---Álbum nuevo y le pones por título, “Alud en Sierra Nevada”. Te tendrás que dar de alta en álbumes de Picasa con el mismo nombre y contraseña que en Google. Una vez tengas el nuevo álbum publicado, inserta la dirección en una entrada de tu blog. Para crear una película con esas imágenes, las seleccionas en Picasa y pulsas en Crear---Película---de la selección, le añades ésta pista de audio, que previamente debes descargarte a tu equipo y en estilo de transición, eliges “Panorámica y acercar o alejar”. Una vez lo tengas hecho, lo guardas en tu carpeta con el nombre “Alud en la sierra” debe tener aproximadamente 19 Mb. Vamos a utilizar Picasa para realizar retoque fotográfico, vas a descargarte esta foto, la guardas con extensión bmp, y tienes que conseguir convertirla en la de más abajo. Las operaciones que tienes que realizar son, Ojos rojos, Voy a tener suerte y Retocar, donde tienes que cambiar el color de la pupila blanca de la izquierda, el resultado debe ser algo así:
Una vez terminado el retoque guardas la imagen con el nombre ojos.jpg
Ejercicio con la plantilla actualizada de Blogger
En Plantilla---Personalizar diseño---Actualizar la plantilla, entramos en la plantilla actualizada de Blogger, donde podemos incluir diversos elementos a través de gadgets. Pues bien vais a publicar los siguientes 5 elementos, parte de ellos también requieren alguna investigación a través de Internet, los 5 elementos los puedes ver publicados en esta página: Script, es un pequeño programa escrito en Javascript que se ejecuta en el navegador al entrar en una página web, ver ejemplos aquí , este que aparece al pulsar en el enlace: (Vas a entrar en curso-08), sería uno, o bien el que averigua la letra del DNI. Pues bien debes incluir al menos dos script, para lo que tendrás que averiguar en Internet los códigos de los script correspondientes. La forma de incluirlo en tu blog es muy sencilla, en Diseño---Añadir un gadget---y dentro de lo básico, eliges el elemento HTML/Javascript. Ahí es donde tienes que pegar el código html encontrado en tus investigaciones en Internet. RSS, debes incluir el botón de suscripción RSS, que ya incluiste en la plantilla clásica. Encuesta, debes crear una encuesta, con las preguntas que tú quieras. Galería, debes crear una galería de imágenes. Barra de vídeo, también debes crear la barra de vídeo
Recuerda que todos estos elementos son gadget que se añaden en Diseño, y el resultado de lo que tienes que realizar lo puedes ver en este blog. Una vez hayas conseguido estos 5 elementos me vuelves a enviar un correo a infor@albalonga.es con asunto blog-2 y en el texto la dirección de tu página como hipervínculo para que al pinchar en el enlace pueda comprobar lo que has hecho.
Ejercicio con la plantilla clásica de Blogger
Barra de búsqueda de Google: pulsamos en la pestaña Plantilla y en edición HTML y nos aparece el código de nuestra plantilla, tienes que conseguir que aparezca la barra de búsqueda de Google, encima del título de tu blog, para lo cual debes insertar el siguiente código HTML entre la etiqueta <head> y <title> en edición Html. <center><!-- esta etiqueta sirve para centrar la barra de búsqueda de Google -->; <br><!-- esta etiqueta corresponde a un salto de línea -->
<br> <!-- Búsqueda Google --> <table bgcolor="#FFFFFF" cellspacing="0" cellpadding="0" border="0"><!-- esta etiqueta crea una tabla --> <tr><!-- esta etiqueta crea la fila de la tabla --> <td><!-- esta etiqueta crea una celda de la tabla --> </a> </td> <td> <input type="text" name="q" size="25" maxlength="255" value=""><!-- define un objeto de ingreso en el formulario -- > </td> <td> <input type="submit" name="btnG" value="Buscar en Google"> </td> </tr> </table> </form> <!--Búsqueda Google--> </center>
En HTML casi todas las etiquetas abren con <etiqueta> y cierran con </etiqueta>, por ejemplo <table> inicia la creación de una tabla y </table> la finaliza. Al final el resultado tiene que ser como la imagen de abajo que puedes observar pulsando en Vista Previa y que tienes que guardar con el nombre barra-1.png. Pero para que puedas conseguir el resultado de la barra de búsqueda de Google, antes tienes que enviar una primera entrada que va a tener como título tu nombre y como contenido tu dirección de correo. Solo tienes que pulsar en Creación de entradas --- nueva entrada --- poner el título --- el contenido--- y publicar entrada, si quieres ver el resultado, pulsa en “Ver blog”. Intenta observar tu blog desde el navegador Internet Explorer y verás que la presentación no es exactamente igual, esto se debe a que por desgracia no todos los navegadores interpretan el código Html con los mismos estándares. Generar un icono de tu dirección de Gmail y situarlo en la barra de Google, encima del título del blog: Primero vas a generar el icono de tu dirección de correo de Gmail, el resultado tiene que ser parecido al siguiente icono
 solo que con tu nombre de usuario. No solo obtenemos la imagen en formato png sino que además esta página nos proporciona un enlace URL donde se guarda este icono en Internet: Ahora tienes que introducir el icono de tu dirección de correo de Gmail, en la barra de búsqueda de Google, tienes que tener en cuenta cual es la etiqueta HTML que carga una imagen ( ver el código de la barra de Google anterior) y tienes que introducir la etiqueta con la dirección de tu icono en Internet en el código html de la barra de Google, esta entrada te puede servir de ayuda. El resultado final debe ser el siguiente: Esta imagen debes guardarla con el nombre icono-2.png
Hipervínculos: inserta las 5 direcciones de Internet que más utilices, con sus hipervínculos correspondiente en la misma entrada, de manera que aparezcan los nombres de los sitios y no sus direcciones, algo parecido a esta entrada, pero con tus direcciones preferidas. Imagen con hipervínculo Primero tienes que subir la imagen en una entrada y una vez que la has subido tienes que incluir en el código HTML de la imagen, la dirección a la que quieras que se dirija la imagen al pulsar encima de ella, puedes ver este ejemplo de lo que tienes que conseguir. Es decir tienes que subir la imagen del Ies Alba Longa a tu blog y después en “Edición de HTML”, ver cual es la etiqueta que define un hipervínculo ( ver el código de la barra de Google) y sustituir el que tiene la imagen por el de la dirección de la página del instituto.
Feed del sitio: un canal web es un medio para suministrar información actualizada y frecuente a los suscriptores de la página web, es decir a través de este canal, los internautas se pueden suscribir a una página web para estar informados de sus novedades. Se utiliza mucho en los blogs y en prensa electrónica. Vamos a ver los pasos que hay que dar para conseguir instalar este botón que va a permitir a cualquiera que lea tu blog, suscribirse a sus contenidos En la pestaña “Configuración” de tu blog hay un elemento que se llama “Feed del sitio”, cuando tengas la dirección que te proporciona el servicio “FeedBurner”, tendrás que escribirla en la sección “Publicar URL redireccionada del feed”. Vas a entrar en FeedBurner que es quien te va a proporcionar el servicio de suscripción a tu blog. Se entra con los datos de tu cuenta de Google y, como en todos los servicios, te van a solicitar la información necesaria para que te registres. Puedes ayudarte de la traducción de palabras de la barra de Google, aunque no es aconsejable realizar la traducción completa de la página al español. Te dan la bienvenida y te piden que introduzcas la dirección de tu blog, pulsa en siguiente (Next in english). En la identificación de la fuente hay 2 opciones aunque las 2 nos llevan al mismo destino. Vas a marcar la opción RSS y pulsa en siguiente. Aparece ahora el título y la dirección del Feed, pulsa en siguiente. Ahora te felicitan por haber terminado el proceso y te dan la dirección del feed de tu sitio que tendrás que poner en la pestaña “Publicar URL redireccionada del feed” del apartado a. Pulsa en siguiente 2 veces puesto que la siguiente pantalla habla sobre estadísticas del servicio. Al final aparece una pantalla donde te dicen que has logrado realizar el feed de tu blog y aparecen 5 pestañas: analyze, optimize, publicize, monetize y troubleshootize, que vienen a ser, estadísticas, optimizarlo en audiencia, darle publicidad, hacer negocio con el blog y aclaración de dudas. En la pestaña Publicize, en hacer más fácil la suscripción, (make it easy to subscribe), pulsa en friendly graphic , para localizar un icono a partir del cuál se realice la suscripción. Elige el que está marcado por defecto y fíjate en el código HTML al final de la página, necesario para que salga ese botón en tu blog. Debes copiar ese botón y pegarlo en el código HTML de la plantilla de tu blog en el sitio indicado para que salga como éste. Tendrá que ir por lo tanto debajo del código de la barra de Google y debe aparecer también la palabra “Suscríbete”. Para comprobar que todo es correcto, al pulsar en el botón, deben aparecer los contenidos de tu blog. A partir de este momento cualquiera que entre en tu página y pulse en ese botón quedará suscrito a las entradas de tu blog.
Contador de páginas con SiteMeter: No hay un blog que se precie que no tenga un contador para saber el número de internautas que lo visitan. Vamos a utilizar la aplicación SiteMeter para este fin, aquí puedes encontrar indicaciones de cómo hacerlo. El resultado final debe aparecerse al contador que aparece en esta página. Elegimos Site Meter Basic Free, pulsa en Sign Up, introduce la dirección del blog y su nombre, escribe el código, comprueba si la hora es correcta, acepta las condiciones y pulsa siguiente. Introduce la dirección de tu correo y los demás datos, al final te salen los datos introducidos, pulsa en siguiente y ya has acabado. Aparece un menú con 3 elementos, estadísticas, administración y salir de la cuenta. Entra en Administración, elige el tipo de icono para indicar el número de visitantes en “meter style”, donde debes elegir uno en el que aparezcan valores numéricos, una vez elegido lo guardas y en la opción código Html, copias el segundo código HTML que aparece en la página. Este código debes pegarlo en el sitio adecuado de tu blog para que aparezca como aquí, justo al lado del icono del feed del sitio. Ya has logrado tu objetivo que es tener un contador de páginas visitadas encima del título de tu blog. Ahora viene un reto para investigadores que es el siguiente, si observas en esta figura el número de visitas está ligeramente por encima y muy pegado a la palabra “Suscríbete”, pues bien tienes que conseguir que el número baje un poco hacia abajo y que quede de esta forma es decir perfectamente alineado y algo más separado de “Suscríbete” y donde se ha añadido la palabra Visitas. Este último detalle no es obligatorio pero si lo logras, tendrás un punto más en la nota final de esta evaluación.
Vídeo en Blogger. Blogger admite 2 formas de enlazar vídeos, una es subiendo directamente un vídeo desde tu ordenador como una nueva entrada, y la otra es enlazar un vídeo existente desde Youtube. En tu caso vas a utilizar un vídeo que previamente he subido a YouTube y lo vas a enlazar en tu blog para obtener un resultado parecido a éste. El vídeo lo puedes encontrar en YouTube con el nombre cuco-albalonga.
Google Maps en el Ies Alba Longa, Tienes que ser capaz de crear una entrada tal como la que aparece aquí donde como puedes comprobar se puede visualizar nuestro Centro desde cualquier ángulo y desplazarte por su entorno. Como siempre tienes que utilizar en la entrada del blog el código HTML que te proporciona la aplicación Google Maps, una vez localizado el Instituto.
Crea una entrada en tu blog desde Outlook Express. Aparte de crear entradas en tu blog desde un navegador de Internet, también se pueden crear dentro de “Configuración” utilizando el elemento Correo electrónico y móvil utilizando la dirección de correo que aparece en “Dirección para la creación de entradas por correo electrónico” donde el asunto del correo aparece como título de la entrada y el contenido del correo como contenido de la entrada del blog. Vas a crear una entrada cuyo título va a ser Resolución del puzzle desde Outlook Express, y el contenido, va a ser tu nombre y la solución que bajo tu punto de vista tiene esta cuestión, es decir algo parecido a ésto. El primero que lo resuelva tiene ½ punto más en la nota final de la evaluación.
Traductor de Microsoft. Uno de los elementos más interesantes para tu blog, es que se pueda traducir a otro idioma en tiempo real, esto te lo permite la aplicación Microsoft Translator. Imagina la comodidad que le vas a proporcionar a los internautas de los distintos países que van a visitar tu blog, cuando solo pulsando un botón, pueden tener traducido a su idioma el contenido de tu página web. Para utilizar este recurso basta con que entres en la página de Microsoft Translator, pulses en “widget de la página web”, indiques la dirección de tu blog, eligas el color, aceptes las condiciones de uso y pulses en generar el código HTML. Como siempre tendrás que copiar ese código en tu plantilla para que obtengas un resultado parecido a éste. No te preocupes por la posición del widget, lo importante es que aparezca debajo de la barra de búsqueda de Google. Si además eres capaz de situar el widget en la parte superior derecha como en la página anterior, serás acreedor a 1 punto más en la nota final de la evaluación.
Texto con voz sintetizada. Hay veces en que el texto escrito se lee pero no se entiende, esa es una de las principales razones de que los alumnos no puedan realizar una tarea con éxito. En esos casos puede venir bien que una voz sintetizada lea el texto por nosotros. Este servicio lo presta vozMe, basta con que entres en la página, pulses en “webmasters” y elijas el código HTML correspondiente para pegarlo en una entrada de tu blog. El texto a incluir para que se lea de manera automática lo puedes elegir libremente.
Para finalizar esta práctica debes subir por el procedimiento habitual, una imagen similar a ésta, pero con tus datos:
Voz sintetizada en tu blog
Hay veces en que el texto escrito se lee pero no se entiende, esa es una de las principales razones por la que los alumnos no consiguen realizar una tarea con éxito. En esos casos puede venir bien que una voz sintetizada lo lea por ti.
Resolución del puzzle desde Outlook Express
Tu Nombre Solución al puzzle: parece que este problema no tiene solución.
Ies Alba Longa en Google maps
A Cuco le gusta el fútbol
Página web del Ies Alba Longa
5 enlaces muy interesantes
Recursos para un blog
Este blog quiere ser una muestra de lo que se puede hacer con la aplicación Blogger.
|