versión de Microsoft de Windows Vista fue su primer lanzamiento de un nuevo sistema operativo en más de cinco años. Vista seguido de Windows XP e incluye una serie de nuevas características diseñadas para facilitar el uso y la mejora estética. Nuevas características de Vista variaron de superficial , como en un nuevo conjunto de efectos de sonido predeterminadas, para arquitectura , como en los cambios en el núcleo del sistema operativo para mejorar la estabilidad . Una característica que llamó la atención fue el nuevo Windows Sidebar, un área de escritorio que muestra pequeños programas denominados "gadgets ". Incluso un programador aficionado puede crear un gadget de barra lateral de Vista sencilla con un poco de HTML y JavaScript . Instrucciones
Crear el Vista Sidebar Gadget
1
clic en "Inicio " y luego " Documentos " para abrir una ventana de Windows Explorer. Haga clic en " Archivo", " Nuevo", " Carpeta " para crear una nueva carpeta en documentos que contendrán los archivos para el gadget. El nombre de " SampleGadget.Gadget " (sin las comillas).
2 Haga clic en " Inicio", " Todos los programas", " Accesorios ", " Bloc de notas " para abrir el Bloc de notas .
Página 3
Escriba el siguiente código de archivo de manifiesto del gadget en el Bloc de notas : < ? xml version = encoding " 1.0 " = "UTF - 8 ">
Gadget muestra < /name>
1.0.0.0 < /version >
muestra simple gadget de barra lateral de Vista. < /description>
host> name="sidebar">
completa
< /host >
< /hosts >
< /adminículo >
Haga clic en " archivo" y luego "Guardar como ". En el campo " Nombre de archivo" tipo caja " gadget.xml " (sin las comillas). En la lista "Guardar como tipo ", seleccione " Todos los archivos ( * . *) . " En la lista de "Codificación ", seleccione "UTF - 8 ". En la barra de direcciones o en el panel de carpetas , vaya a la carpeta que ha creado en el paso 1 y haga clic en el botón "Guardar " para guardar el archivo de manifiesto.
4
Borrar el contenido del Bloc de notas y escriba el el siguiente código de archivo HTML del gadget :
< p>
Muestra Vista Gadget < /title> <br> < p > <style type="text/css"> <br> <p> cuerpo <br> <p> { <br> margen <p> : 0 ; <br> <p> ancho : 130px ; <br> altura <p> : 90px ; <br> <p> font- family: arial ; <br> <p> font-weight : bold; <br> <p> font- size: 20px ; <br> <p> } <br> <p> # main <br> <p> { <br> margen <p> : 10px , 10px , 10px , 10px ; <br> <p> ancho : 110px ; <br> <p> vertical-align : media; <br> <p> text-align : center; <br> <p> overflow : hidden; } <br> <p> <br> <p> < /style> <br> <p> < , tipo de script = "text /javascript" > <br> <p> arranque function () { <br> <p> <br> <p> //servicio de limpieza de arranque va aquí , por ejemplo : <br> < p > //Set referencia al principal elemento div <br> <p> theDiv var = document.getElementById ( 'main '); <br> <p> //Establecer el color de fondo del estilo <br> <p> theDiv.style . backgroundColor = ' negro ' ; <br> <p> //Establecer el color del texto del estilo <br> <p> theDiv.style.color = 'amarillo' ; <br> <p> } <br> <p> < /script> <br> <p> < /head> <body <br> <p> onload="startUp()"> <br> <p> <div id="main"> Vista Sidebar Gadget </span> <br> <p> < /body> <br> <p> < /html > <br> <p> Haga clic en " archivo", " Guardar como" . En el campo " Nombre de archivo" tipo caja " SampleGadget.html " (sin las comillas). En la lista "Guardar como tipo ", seleccione " Todos los archivos ( * . *) . " En la lista de "Codificación ", seleccione "UTF - 8 ". Verifique que el Bloc de notas todavía está guardando en la nueva carpeta que ha creado y haga clic en el botón "Guardar " para guardar el archivo HTML. <br> Instale el Vista Sidebar Gadget <br> 5 <p> Highlight el nombre de la carpeta en la ventana del Explorador de Windows que abrió en el paso 1 . Pulse las teclas " C", " Ctrl" y al mismo tiempo para copiar la carpeta y su contenido en el portapapeles. Navegar en la ventana del Explorador en C: \\ Archivos de programa \\ Windows Sidebar \\ Gadgets \\ y presione las teclas " V" " Ctrl" y al mismo tiempo para pegar la carpeta y su contenido . Puede que tenga que dar una contraseña de administrador y bien la operación de copia , dependiendo de la configuración de seguridad de Vista . <br> 6 <p> Haga clic en " Inicio", " Todos los programas", " Accesorios ", "Windows Sidebar " para iniciar la barra lateral si no está ya en ejecución . <br> 7 <p> clic en el signo más (+ ) cerca del centro de la parte superior de la barra lateral para abrir la ventana de la galería gadget. Haga doble clic en el icono denominado " Gadget muestra " para el nuevo gadget de la barra lateral . Se mostrará el mensaje " Vista Sidebar Gadget ! " en el tipo de color amarillo sobre un fondo negro con un borde blanco , según se especifica en el archivo HTML. <br> <br>
<div class="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div>
</div>
<div class=contentpage>
<div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/¿Cómo-se-utiliza-iBox-.html' >¿Cómo se utiliza iBox </a> </div>
<div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-calcular-la-resolución-de-la-pantalla-con-Java-Script-.html' >Cómo calcular la resolución de la pantalla con Java Script </a> </div>
</div>
<dl class=xgc>
<dt><span>JavaScript Programación</span></dt>
<dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-crear-Javascript-en-bucle-Fotos-.html">Cómo crear Javascript en bucle Fotos </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Javascript-Combobox-Tutorial-.html">Javascript Combobox Tutorial </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-concatenar-una-cadena-con-una-variable-en-JavaScript-.html">Cómo concatenar una cadena con una variable en JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-utilizar-ShrinkSafe-Con-NetBeans-.html">Cómo utilizar ShrinkSafe Con NetBeans </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-hacer-un-script-de-Greasemonkey-de-usuario-.html">Cómo hacer un script de Greasemonkey de usuario </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-agregar-una-entrada-Casilla-de-verificación-con-JavaScript-.html">Cómo agregar una entrada Casilla de verificación con JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Información-sobre-la-programación-del-Palm-OS-.html">Información sobre la programación del Palm OS </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-conseguir-un-área-de-texto-por-nombre-en-jQuery-.html">Cómo conseguir un área de texto por nombre en jQuery </a></dd>
</dl>
</div>
<!--right-->
<div class=rightmain>
<div class=esrightlist>
<div class=e1>Los últimos artículos de equipo</div>
<ul>
<li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-hacer-que-su-propia-función-en-jQuery-.html" >Cómo hacer que su propia función en jQuery </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-utilizar-ShrinkSafe-Con-NetBeans-.html" >Cómo utilizar ShrinkSafe Con NetBeans </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-Hervir-jamón-en-lata-.html" >Cómo Hervir jamón en lata </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-utilizar-el-análisis-estático-para-encontrar-errores-.html" >Cómo utilizar el análisis estático para encontrar errores </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-agregar-controles-a-la-API-de-Google-Maps-.html" >Cómo agregar controles a la API de Google Maps </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-llegar-a-un-Thickbox-Jquery-.html" >Cómo llegar a un Thickbox Jquery </a> </li>
</ul>
</div>
<div class=esrightlist>
<div class=e1>Artículos de la popular computadora</div>
<ul>
<li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-crear-PDF-con-Javascript-.html" >Cómo crear PDF con Javascript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-cambiar-la-acción-de-formulario-en-JavaScript-Select-.html" >Cómo cambiar la acción de formulario en JavaScript Select </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-instalar-un-selector-de-fecha-jQuery-.html" >Cómo instalar un selector de fecha jQuery </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/¿Qué-Advertencia---Escritura-responde-Media-.html" >¿Qué Advertencia : Escritura responde Media </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-matar-Browser-Descargas-Con-Javascript-.html" >Cómo matar Browser Descargas Con Javascript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-poner-código-JavaScript-en-un-archivo-PHP-.html" >Cómo poner código JavaScript en un archivo PHP </a></li>
</ul>
</div>
<div class="esrightad">
<script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script>
</div>
<div class=esrightlist>
<div class=e1>Más categorías</div>
<ul>
<li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li>
<li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li>
<li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li>
</ul>
</div>
</div>
<!--right end-->
<div class="cl"></div>
</div>
<div class=esfoot>
<div class=copy>Conocimientos Informáticos © http://www.ordenador.online</div>
</div>
</body>
</html>
