Activa la cuenta Administrador en Vista

Wednesday, January 2nd, 2008
Vista incluye una nueva cuenta de Administrador que generalmente está oculta. Si necesitas entrar a ella tendrás que activarla siguiendo algunos sencillos pasos. De Robertobaca.Net

No todo mundo lo sabe, pero en Vista existen dos clases de administradores: los normales que puede usar cualquier persona y permite hacer la mayor parte de las actividades de administración del sistema, y la de Administrador (con mayúscula) que sólo existe una y permite hacer TODO con el sistema.

Es equivalente a la cuenta root de Linux y por razones obvias de seguridad no es conveniente usarla como cuenta principal del día a día. También para evitar problemas con usuarios novatos MS decidió ocultarla de la pantalla de inicio y la única manera de acceder a ella es cambiando algunos datos en el registro.

Si necesitas hacer cambios en tu sistema que requieren que seas el Administrador probablemente te convenga activarla. Sigue los siguientes pasos:

  1. Entra a tu sistema con una cuenta de administrador.
  2. Ve a Inicio / Buscar y pon cmd. Haz click con el botón derecho en el icono y elige “Ejecutar como Administrador”.
  3. Esto abrirá una ventana de la consola de comandos. En esta pon:
    Net user administrator ponunpassword
    Net user administrator activate:yes

    Asegúrate de elegir un password que no sea fácil de adivinar y que puedas recordar.

  4. Ya está. Sal de tu cuenta y en la pantalla de inicio verás ahora la cuenta de Administrador como una cuenta más. Hazle click y pon el password que elegiste.

Eso es todo, ahora podrás hacer cualquier cambio a tu computadora.

Imágenes que se estiran

Tuesday, December 4th, 2007
Una de las cosas agradables de programar usando diseños flexibles es que las cosas se ajustan al tamaño de la ventana del usuario, independientemente de la resolución de su monitor. Pero a veces las imágenes dan problemas… De Robertobaca.Net

Las imágenes suelen tener una sola resolución y si tienes una imagen que debe ocupar 200 pixeles en tu encabezado de 800 pixeles para que se vea bien y no rompa el diseño puede ser difícil hacer un diseño flexible que se ajuste.

Por lo general nuestro código se verá así:

<div id='encabezado' style='width: 100%;'>
<img src='imagen' align='left' width='200' />
Bienvenidos a mi sitio
</div>

Y eso puede funcionar bien a cierta resolución, pero si hacemos la pantalla más chica o más grande, la imagen ocupará un área mayor o menor de la que queremos. Pero hay una manera de solucionarlo:

<div id='encabezado' style='width: 100%;'>
<div id='imagen' style='width: 25%; float: left;'>
<img src='imagen' style='width: 100%;' />
</div>
Bienvenidos a mi sitio
</div>

Como ves, he puesto la imagen dentro de otro div que tiene un ancho de 25% flotado a la izquierda y la imagen tiene un ancho de 100%, y el 100% de 25% es 25%.

Claro, para mejores resultados ocupa una imagen cuya resolución original sea lo bastante grande para verse bien incluso en tamaños grandes. Sin exagerar para que no sea demasiado pesada.

Como validar campos

Thursday, October 4th, 2007
Muchas veces tienes la necesidad de poner una forma en tu sitio y además asegurarte que los campos sean llenados de cierta manera. Esto se puede convertir fácilmente en un quebradero de cabeza para la programación inicial y el mantenimiento del sitio. Pero hay un modo más fácil. De Robertobaca.Net

La biblioteca javascript wForms sirve para validar campos de formas fácil y rápidamente. La desarrolló una empresa llamada TheFormAssembly que hacen y venden software para crear formas. Sin embargo ellos decidieron liberar esta biblioteca de funciones bajo la licencia GNU, así que todo mundo la puede usar, cambiar y distribuir libremente.

Usar la biblioteca es muy sencillo. Después de descargar el archivo de su sitio, descomprimes su contenido y lo subes a tu sitio usando algún cliente de FTP. Después nada más añades las siguientes líneas a las páginas que quieres que usen esta biblioteca:

<script type="text/javascript" src="/wForms/v2.0/modules/wforms_core.js" ></script>
<script type="text/javascript" src="/wForms/v2.0/modules/wforms_validation.js" ></script>

Por supuesto en src tienes que poner la ruta al subdirectorio donde subiste el archivo.

Una vez hecho esto puedes hacer cosas como lo siquiente:

<div class="requiredall">
1: <input type="radio" name="opcion1" value="1" />
2: <input type="radio" name="opcion1" value="2" />
A: <input type="radio" name="opcion2" value="A" />
B: <input type="radio" name="opcion2" value="B" />
</div>

que obliga a los usuarios a seleccionar algo tanto en opcion1 como en opcion2.

Simplemente cambiando el atributo class de tu etiqueta puedes decir si ese campo es un requisito, si debe ser numérico, alfanumérico, fecha, etc. o incluso si cumple con una expresión regular que tú mismo determines.

La ventaja de este método es que es totalmente semántico, no es intrusivo, se degrada grácilmente y es fácilmente personalizable. Con unas pocas líneas de código puedes cambiar los mensajes de error que recibiría el usuario. Como usa clases puedes configurar los campos de la manera que quieras. Y como es una biblioteca externa el añadir, quitar o modificar campos no requiere que reprogrames el javascript entero.

Por supuesto, no sustituye la necesidad de validad una entrada en el servidor. Por motivos de seguridad siempre debes validar los datos también en el servidor. Pero sí te facilita mucho la programación de formas amigables y útiles para los usuarios.

Tipografía en HTML

Thursday, October 4th, 2007
Un buen tipo de letra puede hacer que tu sitio se vea más interesante, dinámico y original, pero no siempre es fácil usar el que más te gusta. De Robertobaca.Net

El asunto de la tipografía en las páginas de internet es uno de los más complicados. Por lo general, para una página web en html sólo puedes usar los tipos de letra que la computadora de tu visitante tenga instaladas y como no sabes que tipos de letras ha instalado cada quien lo más seguro es usar la tipografía incluida en los sistemas operativos.

Son los más seguros porque casi todo mundo los tiene. Si deseas usar otros que no estén en la lista lo puedes hacer, pero el navegador va a revertirse a uno que sí tenga disponible.

No es necesario usar Arial para todo. Los sistemas operativos actuales incluyen muchos tipos interesantes.

Esto no quiere decir que tengas que usar Arial para todo o que todas los sitios tengan que verse iguales. Como puedes ver en la lista de arriba hay muchas opciones que bien usadas pueden darle a tu sitio más vitalidad y originalidad.

Si aún así esos tipos te parecen limitados o has encontrado la tipografía perfecta para tu sitio pero no es una que sea de las comunes una solución es usar flash. Por lo general flash hace al sitio poco flexible, no estándar e ilegible para quienes no lo tienen y además difícil de encontrar para los robots de google o yahoo.

Pero, puedes usar una técnica llamada sIfr que combina javascript y flash para reemplazar dinámicamente el texto de tu página con tipografía flash. Así puedes usar cualquier tipo de letra que tengas en tu propia computadora.

La ventaja de esta técnica es que si el visitante no tiene flash seguirá viendo el texto de siempre, o sea que puede ser usado por cualquiera sin detrimento y los buscadores lo pueden seguir indexando.