martes, 4 de diciembre de 2012

Links para formarnos en productos Microsoft

Tengo la intención de formarme a fondo con algunos productos de Office (especialmente excel y access) y obtener una certificación oficial de MS. Tras buscar información relacionada veo que hay varios links que pueden ser interesantes para desarrollarme en ese sentido.

Las que más me han gustado son las siguientes:

1. Microsoft Virtual Academy (MVA)
Al ingresar a Microsoft Virtual Academy, tendrás acceso a una plataforma de aprendizaje completa con cursos libres, carreras y especializaciones, tal como una Universidad Virtual, donde podrás aprender paso a paso acerca de las últimas tecnologías Microsoft sin necesidad de moverte de tu computadora. No te lo pierdas si: deseas aprender de una forma sencilla, ordenada y completa sobre las nuevas tecnologías Microsoft, y lo mejor de todo GRATIS! Aprovecha este recurso y continúa creciendo como profesional.
IdiomaEspañol
Nivel Principiantes hasta avanzados
CostoGratuito

2. Desarrollador 5 Estrellas (DCE)
Porque no todo lo que reluce es oro, el Programa desarrollador 5 Estrellas de Microsoft te ofrece la posibilidad de convertirte en un desarrollador Platinum o Gold, ser reconocido en tu comunidad y darle un despegue de profesionalismo, especialización y excelencia a tu carrera como desarrollador. No te lo pierdas si lo que quieres es aprender a programar y desarrollar soluciones en plataformas Windows o Web.
IdiomaEspañol
Nivel Principiantes hasta avanzados
CostoGratuito

3. IT Academy Student Pass
Microsoft IT Academy Student Pass es una oportunidad especial de aprendizaje sin costo para estudiantes universitarios verificados que desean mejorar sus habilidades técnicas mediante cursos oficiales en línea. El objetivo de Microsoft IT Academy Student Pass es brindar a los estudiantes un comienzo favorable hacia la certificación proporcionando horas de rico contenido electrónico que establece los fundamentos para el aprendizaje futuro. El programa le presenta a los estudiantes los primeros pasos que necesitan tomar para conseguir una certificación MCP en cualquiera de las opciones disponibles: Windows Developer, Web Developer, Database Developer, Windows Server IT Professional y Windows Client IT Professional
IdiomaInglés y Español
Nivel Principiantes hasta avanzados
CostoGratuito

4. DreamSpark
A través de DreamSpark todos los estudiantes verificados pueden obtener las herramientas profesionales de desarrollo de software y diseño sin costo. Así mismo muchas veces se dan promociones para certificaciones oficiales de modo totalmente gratuito. No te lo pierdas si quieres obtener software Microsoft de manera gratuita y legal, como también certificarte de manera totalmente gratis.
IdiomaInglés
Nivel Principiantes hasta avanzados
CostoGratuito, pero requiere verificación

5. Microsoft Answers
Microsoft Answers te da la opción de encontrar soporte técnico basado en una comunidad abierta, donde puedes formular y responder preguntas, o simplemente explorar las información ya existente. Se parte de la comunidad y participa de forma activa, haz tus preguntas y crece cada día más. No te lo pierdas si: estas dispuesto a compartir tus conocimientos con la comunidad, contribuir con tus respuestas o buscar soporte técnico sobre un caso particular que hayas encontrado.
IdiomaEspañol e Inglés
Nivel Principiantes hasta avanzados
CostoGratuito

6. Certifícate Ya!
Certifícate Ya", es un portal con toda la información y herramientas necesarias para prepararte de forma personal y tener una guía de recursos que te servirán en el camino de certificarte en las tecnologías Microsoft, así obtener mayor prestigio como profesional y respaldo de tus conocimientos. No te lo pierdas si: estás en busca de aprendizaje y recursos que te guíen al proceso de certificación en algunas de las tecnologías Microsoft. Prepárate y sobresale como profesional.
IdiomaCompletamente en Español
Nivel Principiantes hasta avanzados
CostoGratuito


Fuente: Joel Rosal

domingo, 25 de noviembre de 2012

Programas para capturar pantalla y audio

Tengo la intención de impartir unos cursos de excel por Youtube. Para ello necesito un  programa para grabar la pantalla que tenemos delante, que se vean las acciones y grabar el audio en tiempo real.

En esta web podemos ver los programas que ha recabado un bloguero y que pueden servir para lo que lo necesito.
  • CamStudio. Es un programa (open source) que graba la pantalla y audio en tu equipo y crea una archivo de vídeo AVI estándar o un Streaming Flash videos (SWF).
  • Jing. Pueden tomar capturas de pantalla y capturarlas como vídeos. Es posible añadir cuadros de texto, flechas o rectángulos para resaltar ciertos puntos. Con un micrófono, puedes grabar audio junto con el vídeo.
  • Webineria. Es un programa de código abierto para crear screencasts muy fácil de usar .  Registra la pantalla como un archivo AVI y ofrece una opción para crear un archivo FLV del mismo. Con la ayuda de las teclas rápidas, es posible la puesta en pausa y detener la grabación.
  • Wink. Nos permite hacer tutoriales y la creación de presentación que puede capturar la pantalla y te permite añadir cajas de explicaciones de texto, botones, títulos. etc.
  • Windows Media Encoder. Es una potente aplicación para la captura de contenidos de audio y vídeo de alta calidad con sonido multicanal de alta definición de calidad de vídeo.
  • BB FlashBack Express. Es la versión gratuita de otra aplicación más avanzada. Puedes grabar desde una fuente de vídeo, pantalla y audio. Soporta archivos AVI o FLV y tiene soporte integrado para la carga directa a los sitios de video compartidos más populares. 
  • CaptureFox (Firefox add-on). Es un complemento para Firefox que puede grabar las pantallas de cuadro a cuadro para crear tutoriales. También soporta la grabación de audio.
  • uTIPu TipCam. Además grabar la pantalla estándar, dispone de grabación de audio y vídeo, tiene varias características interesantes, soporta el formato  AVI y FLV, también tiene audio con la opción de rebobinar e ir al comienzo y final del archivo, en el video se puede acercar el cursor del ratón con el zoom inteligente y tiena capacidad para dibujar al estilo libre durante la grabación.
  • Krut. Esta es una pequeña aplicación Java (funciona en muchas plataformas) para la creación de screencasts. Registra el archivos de película de partes seleccionadas de la pantalla en el formato MOV de QuickTime, incluyendo sonido. El programa tiene una interfaz intuitiva y compacta para el usuario.

Fuente: Peke Press

martes, 6 de noviembre de 2012

Gadget "Quizás también le interese" en Blogger

Para tratar de aumentar la permanencia en nuestro blog y ofrecer a nuestros lectores la posibilidad de leer otras entradas que posiblemente les interese podemos utilizar el siguiente gadget.

1º Nos vamos a esta página: http://www.linkwithin.com/learn

2º Dentro de esta página sólo tenéis que indicar vuestro email, vuestro link del blog, de qué plataforma sois: de blogger, wordpress... y cuántos post queréis que os aparezcan. Una vez hecho ésto, le dais al botón de conseguir el widget.

3º En la siguiente página le damos a instalar el widget y nos saldrá una página como ésta:





4º Le damos a añadir artilugio y automáticamente os aparecerá en el blog. Se guarda y ya estaría.

sábado, 3 de noviembre de 2012

Insertar tablas de excel en blogger

Una de las formas más fáciles para insertar tablas en Excel en Blogger es a través de la web TABLEIZER! 

Solo hay que abrir vuestra tabla en Excel, marcar todas las celdas, copiar su contenido al portapapeles y entrar en TABLEIZER! 

Sale un cuadro donde hay que pegar el contenido de la tabla. Configurar las opciones posibles de tamaño de texto, color de la fila de encabezamiento y fuente de texto, y pulsar en el botón inferior "Tableize It!". 

Con ello se obtiene el código html que hay que pegar en la entrada o en el lugar del blog deseado. 
(No olvidar que en el editor de entradas hay se debe de estar en la pestaña HTML).

Fuente: Blogsmadeinspain


domingo, 28 de octubre de 2012

Botones en las listas de enlaces en Blogger

Para mejorar nuestro blog en blogger había pensado en generar unos botones que mejoren la imagen del mismo. 

Para ello una muy buena idea puede ser crear unos botones en lugar de los típicos enlaces de las listas de enlaces en blogger. 

Para hacer esto he encontrado una web que nos lo explica muy claramente.

Se llama Compartidisimo y nos lo aclara totalmente. 

Insertándolo en varios de mis blog ha mejorado muchísimo la imagen del mismo.

domingo, 26 de agosto de 2012

Menu vertical desplegable tipo acordeon o con subpestañas en Blogger

En CiudadBlogger he encontrado unos tutoriales estupendos para insertar unos menús verticales, que permiten desplegar submenús en el lateral o en tipo acordeón:

Menú vertical con subpestañas

Colocarlo es bastante sencillo, sólo entra en Diseño | Edición de HTML y antes de
]]></b:skin> pega los estilos siguientes:

/* Menú vertical con subpestañas
----------------------------------------------- */
#menuvertical {
text-align: center;
width:100%;
}
#menuvertical ul { list-style-type: none; padding:0;}
#menuvertical ul li.nivel1 {
width: 162px; /* Ancho de las pestañas */
}
#menuvertical ul li.primera {
border-top: solid 1px #FFF; /* Borde superior de la primera pestaña */
}
#menuvertical ul li {padding:0;}
#menuvertical ul li a {
display: block;
text-decoration: none;
color: #fff; /* Color del texto */
background-color: #045FB4; /* Color de fondo */
border: solid 1px #fff; /* Borde de las pestañas */
border-top: none;
padding: 8px;
position: relative;
}
#menuvertical ul li:hover {
position: relative;
color: #000; /* Color del texto al pasar el mouse */
}
#menuvertical ul li a:hover, #menuvertical ul li:hover a.nivel1 {
background-color: #6E6E6E; /* Color de fondo al pasar el mouse */
color: #000;
position: relative;
}
#menuvertical ul li a.nivel1 {
display: block !important;
display: none;
position: relative;
}
#menuvertical ul li ul {
display: none;
}
#menuvertical ul li a:hover ul, #menuvertical ul li:hover ul {
display: block;
position: absolute;
left: 161px;
top: -1px;
}
#menuvertical ul li ul li a {
width: 160px;
background-color: #045FB4; /* Color de fondo subpestañas */
color: #fff; /* Color del texto subpestañas */
}
#menuvertical ul li ul li a:hover {
position: relative;
background-color: #6E6E6E; /* Color de fondo al pasar el mouse subpestañas */
color: #000; /* Color del texto al pasar el mouse subpestañas */
}
Ahora entra en Diseño | Elementos de la página | Añadir un gadget | HTML/Javascript y ahí pega lo siguiente:
<div id="menuvertical">
<ul>

<li class="nivel1 primera"><a href="#" class="nivel1">Pestaña 1</a>
<ul>
<li class="primera"><a href="URL del enlace">Pestaña 1.1</a></li>
<li><a href="URL del enlace">Pestaña 1.2</a></li>
</ul>
</li>


<li class="nivel1"><a href="#" class="nivel1">Pestaña 2</a>
<ul>
<li class="primera"><a href="URL del enlace">Pestaña 2.1</a></li>
<li><a href="URL del enlace">Pestaña 2.2</a></li>
<li><a href="URL del enlace">Pestaña 2.3</a></li>
<li><a href="URL del enlace">Pestaña 2.4</a></li>
<li><a href="URL del enlace">Pestaña 2.5</a></li>
</ul>
</li>


<li class="nivel1"><a href="#" class="nivel1">Pestaña 3</a>
<ul>
<li class="primera"><a href="URL del enlace">Pestaña 3.1</a></li>
<li><a href="URL del enlace">Pestaña 3.2</a></li>
<li><a href="URL del enlace">Pestaña 3.3</a></li>
</ul>
</li>


<li class="nivel1"><a href="#" class="nivel1">Pestaña 4</a>
<ul>
<li class="primera"><a href="URL del enlace">Pestaña 4.1</a></li>
<li><a href="URL del enlace">Pestaña 4.2</a></li>
<li><a href="URL del enlace">Pestaña 4.3</a></li>
<li><a href="URL del enlace">Pestaña 4.4</a></li>
</ul>
</li>


<li class="nivel1"><a href="#" class="nivel1">Pestaña 5</a>
<ul>
<li class="primera"><a href="URL del enlace">Pestaña 5.1</a></li>
<li><a href="URL del enlace">Pestaña 5.2</a></li>
</ul>
</li>

</ul>
</div>
Agrega la URL de los enlaces donde se indica y listo. Si quieres agregar otra pestaña SIN subpestañas entonces añade antes de </ul> una línea como esta:
<li class="nivel1"><a href="URL del enlace" class="nivel1">Pestaña 6</a></li>
Si quieres agregar una pestaña CON subpestañas entonces añade igual antes de </ul> lo siguiente:
<li class="nivel1"><a href="#" class="nivel1">Pestaña 6</a>
<ul>
<li class="primera"><a href="URL del enlace">Pestaña 6.1</a></li>
<li><a href="URL del enlace">Pestaña 6.2</a></li>
<li><a href="URL del enlace">Pestaña 6.3</a></li>
<li><a href="URL del enlace">Pestaña 6.4</a></li>
</ul>
</li>


Menú vertical tipo acordeón

Lo primero que haremos será insertar el script en la plantilla, para ello entra en Plantilla | Edición de HTML y antes de </head> agrega lo siguiente:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
//------------------------------
// Developed by Roshan Bhattarai
// Visit http://roshanbh.com.np for this script and more.
// This notice MUST stay intact for legal use
// ---------------------------------
$(document).ready(function()
{
$("#firstpane p.menu_head").click(function()
{
$(this).css({backgroundImage:"url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisFF57Q1913es7soixoAgIbCjxHFGRY2aL-ONSRdwwPhr1yUHPsrflzgtHl3SN2RVuUIHWUS2pQGFKRritJJESQYhMbmNH_QYFNxcahYQZZG7nCe9vA_Pvog4TeOpnAcTsgq3vrGvqutc/)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
$(this).siblings().css({backgroundImage:"url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkgmo4uAOo7d7S5bRicfKwacjiggTrv74K7t_jJBZgkB-t5BsU3WzEe00-WeI6PlXrQYLiQcsxBmuoE5Q_eIYb_1JM-XUOxeIBFkNpy1StiVIGuF4GsNGsHHlk-Vn9V_ghtUHnnXj8qLI/)"});
});


$("#secondpane p.menu_head").mouseover(function()
{
$(this).css({backgroundImage:"url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisFF57Q1913es7soixoAgIbCjxHFGRY2aL-ONSRdwwPhr1yUHPsrflzgtHl3SN2RVuUIHWUS2pQGFKRritJJESQYhMbmNH_QYFNxcahYQZZG7nCe9vA_Pvog4TeOpnAcTsgq3vrGvqutc/)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
$(this).siblings().css({backgroundImage:"url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkgmo4uAOo7d7S5bRicfKwacjiggTrv74K7t_jJBZgkB-t5BsU3WzEe00-WeI6PlXrQYLiQcsxBmuoE5Q_eIYb_1JM-XUOxeIBFkNpy1StiVIGuF4GsNGsHHlk-Vn9V_ghtUHnnXj8qLI/)"});
});
});

//]]>
</script>
Ahora antes de ]]></b:skin> añade los estilos:
/* Menú vertical desplegable
----------------------------------------------- */
.menu_list {
width: 180px; /* Ancho del menú */
}
.menu_head {
padding: 5px 10px;
color:#848484; /* Color de las pestañas principales */
cursor: pointer;
position: relative;
margin:1px;
margin-left:0;
margin-right:0;
font-weight:bold;
background-color: #424242; /* Color de fondo */
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkgmo4uAOo7d7S5bRicfKwacjiggTrv74K7t_jJBZgkB-t5BsU3WzEe00-WeI6PlXrQYLiQcsxBmuoE5Q_eIYb_1JM-XUOxeIBFkNpy1StiVIGuF4GsNGsHHlk-Vn9V_ghtUHnnXj8qLI/);
background-position:center right;
background-repeat:no-repeat;
}
.menu_body {
display:none;
}
.menu_body a{
display:block;
color:#848484; /* Color de los enlaces */
background-color:#BDBDBD; /* Color de fondo de los enlaces */
padding-left:10px;
font-weight:bold;
text-decoration:none;
}
.menu_body a:hover{
color: #000000; /* Color de los enlaces al pasar el cursor */
text-decoration:underline;
}
Por último entra en Diseño | Añadir un gadget | HTML/Javascript, y ahí pega la estructura del menú.
Si quieres el que se activa al hacer click pega este código:
<div id="firstpane" class="menu_list">

<p class="menu_head">Pestaña 1</p>
<div class="menu_body">
<a href="URL del enlace">Sub pestaña 1</a>
<a href="URL del enlace">Sub pestaña 2</a>
<a href="URL del enlace">Sub pestaña 3</a>
</div>

<p class="menu_head">Pestaña 2</p>
<div class="menu_body">
<a href="URL del enlace">Sub pestaña 1</a>
<a href="URL del enlace">Sub pestaña 2</a>
<a href="URL del enlace">Sub pestaña 3</a>
</div>

<p class="menu_head">Pestaña 3</p>
<div class="menu_body">
<a href="URL del enlace">Sub pestaña 1</a>
<a href="URL del enlace">Sub pestaña 2</a>
<a href="URL del enlace">Sub pestaña 3</a>
</div>


</div>
Si quieres el que se activa al pasar el cursor entonces pega este código:
<div class="menu_list" id="secondpane">

<p class="menu_head">Pestaña 1</p>
<div class="menu_body">
<a href="URL del enlace">Sub pestaña 1</a>
<a href="URL del enlace">Sub pestaña 2</a>
<a href="URL del enlace">Sub pestaña 3</a>
</div>

<p class="menu_head">Pestaña 2</p>
<div class="menu_body">
<a href="URL del enlace">Sub pestaña 1</a>
<a href="URL del enlace">Sub pestaña 2</a>
<a href="URL del enlace">Sub pestaña 3</a>
</div>

<p class="menu_head">Pestaña 3</p>
<div class="menu_body">
<a href="URL del enlace">Sub pestaña 1</a>
<a href="URL del enlace">Sub pestaña 2</a>
<a href="URL del enlace">Sub pestaña 3</a>
</div>


</div>
Ya sólo cambia el nombre de las pestañas, de las subpestañas, y agrega las URLs de los enlaces donde se indica.

Si quieres agregar más subpestañas sólo añade debajo de la última subpestaña una línea como esta:
<a href="URL del enlace">Sub pestaña 3</a>
Y si quieres agregar otra pestaña con sus respectivas subpestañas agrega antes del último </div> un código como este:
<p class="menu_head">Pestaña 4</p>
<div class="menu_body">
<a href="URL del enlace">Sub pestaña 1</a>
<a href="URL del enlace">Sub pestaña 2</a>
<a href="URL del enlace">Sub pestaña 3</a>
</div>
En color verde están las anotaciones donde puedes personalizar el menú como es el color de fondo, el texto, etc.

Las flechas son unas imágenes. Si quieres cambiarlas deberás cambiar las URLs de estas imágenes que se encuentran tanto en el primer como en el segundo código.



Fuente:
CiudadBlogger - Subpestañas
CiudadBlogger - Tipo acordeón

sábado, 21 de abril de 2012

El virus de la policia

Está proliferando mucho un virus que dice proceder de la policia y que nos pide 100 euros a cambio de desbloquear el ordenador. 

Según el contenido de la pantalla que nos sale nos bloquean el ordenador por haber entrado en páginas de t6erroristo o pornografía. He leido por ahí que hay personas que han caido en esta estafa y han pagado para que su mujer no se enterara de que habían entrado en páginas de contenido pornográfico.


Lógicamente esto es un virus que no debemos de eliminar de la siguiente manera indicada en la misma web de la Policia Nacional:

 Los especialistas de la Policía Nacional recomiendan eliminar directamente este correo y no pulsar sobre los links que se adjuntan en él. No obstante, si cree que su equipo ha sido infectado por este malware es posible su desinfección siguiendo los siguientes pasos:
1) Matar el proceso: juzched.exe accediendo para ello al administrador de tareas.
2) Pulse Inicio/Ejecutar y escriba Regedit. Una vez que tenga acceso al  registro elimine la siguiente clave:
HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Run\juzched
3) Después suprima el fichero C:\Documents and Settings\[nombre deusuario]\Datos de Programa\NortonUpdate.exe
4) Finalmente elimine el directorio C:\Documents and Settings\[nombre de usuario]\Datos de Programa\Extensions\ con todo lo que tenga dentro. Es importante borrar C:\Documents and Settings\[nombre de usuario]\Datos de Programa\Extensions\juzched.exe, ya que se trata del propio troyano que se ejecuta al reiniciar el sistema. 
Ante cualquier duda los usuarios pueden consultar también con el servicio gratuito de gestión de incidentes de la Oficina de Seguridad del Internauta OSI (www.osi.es) que, gestionado desde el Instituto Nacional de Tecnologías de la Comunicación (INTECO), ofrece diferentes herramientas y consejos para la desinfección de sus equipos informáticos.

Además nos ofrecen en la misma página las siguientes medidas de seguridad aconsejables para todo el mundo:
  • Mantener actualizado el equipo, tanto el sistema operativo como el navegador o cualquier aplicación.
  • Instalar un antivirus de calidad.
  • Cuidado con las descargas. En el P2P hay mucho malware y se deben analizar con el antivirus los archivos que se descarguen.
  • No abrir ficheros sospechosos o desconocidos y analizarlos con un antivirus antes de ejecutarlos en el sistema.
  • No  acceder a los links de correos desconocidos ya que en ocasiones el acceso a webs que ejecutan programas como los activeX que pueden contener malware.
  • Tener en cuenta que los bancos nunca solicitan datos por e-mail. Debemos ser nosotros los que escribamos la URL en el navegador.
  • Configurar de manera segura la red WI-FI.
  • En las redes sociales hay que valorar la información que se desea compartir y las personas que la pueden ver.
  • Utilizar contraseñas robustas


domingo, 4 de marzo de 2012

Hacer una copia de seguridad en Blogger

Cuando llevamos un tiempo con nuestro blog en Blogger nos preocupa la posibilidad de no perder la información que con tanto esfuerzo publicamos por no tener una copia de seguridad.

Aunque hay programas infromáticos para hacer copias de seguridad de nuestros post en Blogger existen dentro del mismo Blogger unas opciones para tener copia de todo nuestro blog.

Debemos de hacer dos copias:
  • de la plantilla
  • del contenido

La plantilla se copia entrando en Diseño/Edición de Html y pinchamos en Descargar plantilla completa, como se indica en la siguiente imagen.


El contenido se copia exportándolo dentro de la opción Configuración/Exportar blog, donde se indica en la imagen.


En los dos casos nos genera un fichero que debemos de guardar para tener la copia de seguridad.