Archivo
Ventanas de información
Las ventanas de información (InfoWindow) muestran contenido en una ventana flotante situada encima del mapa. La ventana de información tiene un aspecto ligeramente parecido al de los bocadillos de los cómics. Tiene un área de contenido y un pico afilado, cuyo extremo se encuentra en una ubicación especificada en el mapa. Puedes ver cómo funcionan las ventanas de información si haces clic en los marcadores de negocios de Google Maps.
El constructor InfoWindow utiliza un objeto InfoWindow options , que especifica un conjunto de parámetros iniciales para la visualización de la ventana de información. La ventana de información no se añade al mapa cuando la creas. Para mostrar la ventana de información, necesitas ejecutar el método open() en el objeto InfoWindow, incluir el mapa (Map) en el que se va a abrir y, opcionalmente, el marcador (Marker) en el que se va a anclar. (En caso de que no se especifique ningún marcador, la ventana de información se abrirá en su propiedad position).
El objeto InfoWindow options es un objeto literal que contiene los siguientes campos:
contentcontiene una cadena de texto o un nodo DOM que se mostrará cuando se abra la ventana de información.pixelOffsetcontiene una desviación de la punta de la ventana de información con relación a la ubicación en la que dicha ventana está anclada. En la práctica, no deberías tener que modificar este campo.positioncontiene el objetoLatLngen el que se ancla esta ventana de información. Ten en cuenta que al abrir la ventana de información en un marcador se actualizará de manera automática este valor para obtener la nueva posición.maxWidthespecifica la anchura máxima en píxeles de la ventana de información. De manera predeterminada, las ventanas de información se amplían para ajustarse a su contenido y ajustan el texto de manera automática si la ventana de información se amplía hasta cubrir el mapa. Si implementas un elementomaxWidth, la ventana de información se ajustará de manera automática para respetar el ancho en píxeles. Cuando se alcanza el ancho máximo, la ventana de información se puede expandir verticalmente si la pantalla dispone de espacio real.
El contenido de InfoWindow puede incluir una cadena de texto, un fragmento HTML o un elemento DOM. Para especificar este contenido, puedes trasmitirlo al constructor InfoWindow options o ejecutar setContent() explícitamente en el objeto InfoWindow. Si quieres especificar explícitamente el tamaño del contenido, puedes utilizar elementos <div> y, si lo deseas, habilitar el desplazamiento. Ten en cuenta que si no habilitas el desplazamiento y el contenido excede el espacio disponible en una ventana de información, dicho contenido puede salirse de la ventana de información.
Las ventanas de información (InfoWindow) pueden adjuntarse a objetos Marker (en cuyo caso su posición se basa en la ubicación del marcador) o al propio mapa en un objeto LatLng especificado. Si solo deseas mostrar una ventana de información a la vez (como suele ser el caso en Google Maps), solo tienes que crear una ventana de información que puedes reasignar a diferentes ubicaciones o marcadores en función de los eventos del mapa (tales como los clics del usuario). Sin embargo, a diferencia de lo que sucedía en la versión 2 del API de Google Maps, los mapas ahora pueden mostrar varios objetos InfoWindow, si así lo indicas.
Para cambiar la ubicación de la ventana de información, puedes ejecutar setPosition() explícitamente en la ventana de información o bien adjuntarla a un nuevo marcador mediante el método InfoWindow.open(). Ten en cuenta que si ejecutas open() sin incluir un marcador, la ventana de información (InfoWindow) utilizará la posición especificada en la construcción mediante el objeto InfoWindow options.
El siguiente fragmento de código muestra un marcador en el centro de Australia. Al hacer clic en el marcador, aparece la ventana de información.
var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var myOptions = {
zoom: 4,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var contentString = '<div id="content">'+
'<div id="siteNotice">'+
'</div>'+
'<h1 id="firstHeading">Uluru</h1>'+
'<div id="bodyContent">'+
'<p><b>Uluru</b>, also referred to as <b>Ayers Rock</b>, is a large ' +
'sandstone rock formation in the southern part of the '+
'Northern Territory, central Australia. It lies 335 km (208 mi) '+
'south west of the nearest large town, Alice Springs; 450 km '+
'(280 mi) by road. Kata Tjuta and Uluru are the two major '+
'features of the Uluru - Kata Tjuta National Park. Uluru is '+
'sacred to the Pitjantjatjara and Yankunytjatjara, the '+
'Aboriginal people of the area. It has many springs, waterholes, '+
'rock caves and ancient paintings. Uluru is listed as a World '+
'Heritage Site.</p>'+
'<p>Attribution: Uluru, <a href="http://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
'http://en.wikipedia.org/w/index.php?title=Uluru</a> (last visited June 22, 2009).</p>'+
'</div>'+
'</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:"Uluru (Ayers Rock)"
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
Ver ejemplo (infowindow-simple.html)
A continuación aparece un ejemplo en el que el elemento maxWidth de la ventana de información se ha establecido en 200 píxeles:
La Ventana Capas
Si la ventana Capas no se encontrase activa en el área de trabajo podemos hacerla aparecer desde el menú Ventana → Capas o pulsando la tecla F7.
Observemos la ventana. En principio parece muy sencilla, pero es uno de los recursos más útiles con los que vamos a contar.
Antes de seguir debemos resaltar el hecho de que todas las acciones que realicemos con iconos y menús desplegables o contextuales tienen su homólogo en la barra de Menú.
La Ventana Historia de Photoshop
Otra ventana que utilizaremos será la ventana de Historia, accesible desde el menú Ventana→Historia.
Esta ventana consta de dos pestañas. La primera, Historia, muestra por orden cronológico las acciones realizadas sobre una imagen, donde las posiciones al pie de la lista son más reciente que las situadas al principio.
El control de desplazamiento 
indica la última acción visible realizada. Puedes deshacer un número indefinido de acciones desplazando el control o haciendo clic sobre la última acción que quieras que permanezca activa.
En Photoshop el comando Edición → Deshacer (Ctrl+Z) actúa de forma diferente que en otros programas. Mediante este comando únicamente puedes deshacer la última acción realizada. Si lo que quieres es deshacer varios cambios deberás utilizar la orden Edición→Paso Atrás (Ctrl+Alt+Z) y ejecutar el comando hasta haber deshecho las acciones deseadas.
Observa que el comando Paso Atrás actúa de la misma forma que si deshiciésemos acciones desde la ventana de Historia, por lo que a veces es recomendable usar la ventana para tener una vista de las acciones realizadas más completa.
El comando Edición→Paso Adelante actúa de forma contraria a Paso Atrás, rehaciendo una a una las acciones guardadas en el historial.
En la ventana Historia podemos encontrar tres botones. El botón eliminar 
borrará del historial todas las acciones comprendidas entre la acción seleccionada y la última realizada, dejando la imagen y el historial en la forma en la que se encontraban justo antes de la acción seleccionada.
El botón Crear instantánea nueva 
es muy útil, pues guarda una instantánea del estado de la imagen en un punto determinado, permitiendo volver a ella en cualquier momento, incluso habiendo realizado diferentes acciones después.
También encontramos el botón Crear un documento nuevo desde el estado actual 
, que genera un nuevo archivo con el estado en el que se encuentre la imagen, así podrás seguir manipulándola manteniendo una copia de la imagen intacta en segundo plano.
En esta misma ventana encontramos también la pestaña Acciones, que ofrece la posibilidad de lanzar un conjunto de acciones mecanizadas predefinidas con anterioridad. En principio, el conjunto de acciones disponibles son las predeterminadas por Photoshop, aunque existe la posibilidad de crear acciones propias mediante el botón de Grabar Acción de la ventana.
//
La ventana Color de Photoshop
Otra ventana interesante es la de Color, generalmente bajo la ventana de Navegador. Puedes acceder a ella a través del menú Ventana → Color, o pulsando la tecla F6.
Desde aquí puedes seleccionar colores de una forma más rápida que desde el cuadro de diálogo de selección de color. Desplazando los controles a izquierda y derecha deberás encontrar la proporción exacta de rojo, azul y verde para formar el color que estas buscando.
Si escogieses colores no compatibles, se mostrarían los mismos iconos que vimos en el selector de color.
Como ves, esta ventana consta de tres pestañas, la primera, Color, ya sabemos para que sirve, las otras dos son muy sencillas.
La pestaña Muestras ofrece diferentes colores guardados en el sistema, y desde los botones 
y puedes agregar y eliminar muestras para crear una paleta personalizada y cambiar de colores más rápidamente.
La pestaña Estilos contiene diferentes estilos de relleno o texturas que podrás utilizar en tus composiciones, más adelante veremos cómo utilizarlos y cómo crear nuestros propios estilos.
//
La Ventana Información
Otra ventana que nos será de mucha ayuda es la de Información.
Puedes acceder a ella haciendo clic en su pestaña junto a la ventana Navegador, desde el menú Ventana → Información o pulsando la tecla F8.
En ella encontrarás información el color sobre el que está situado el puntero en RGB y CMYK, además de las coordenadas de su posición.
La ayuda más útil que nos proporcionará será aquella relativa a la herramienta seleccionada y las funcionalidades adicionales que puedes conseguir mediante la combinación del teclado y el ratón.
Por ejemplo, si seleccionamos la herramienta Pincel 
podremos leer esto en la ventana de Información:
Si mantenemos pulsada la tecla Shift 
verás como el mensaje de la barra de estado cambia para mostrar lo siguiente:
En combinación con la herramienta Pincel, la tecla Shift actúa de forma que podemos pintar líneas rectas con un simple clic.
La ventana de Photoshop
Barra de título
Barra de menú
Barra de propiedades
Barra de herramientas
..
La ventana del Explorador de Windows 7
La ventana del Explorador
Al abrir tu Explorador de Windows te encontrarás con una ventana similar a la de la imagen. Puede que el aspecto cambie un poco ya que la podemos configurar a nuestro gusto.
A continuación explicamos las distintas áreas que componen esta ventana:
- Botones Adelante y Atrás a.
- Barra de direcciones.
- Cuadro de búsqueda.
- Barra de herramientas. Situada en la segunda línea.
- Panel de navegación. Ocupa la zona central izquierda
- Lista de archivos. Es la zona más grande en la parte central derecha.
- Panel de detalles. Situado en la parte inferior.
También veremos la Barra de menús, ya que a los usuarios de otras versiones de Windows puede resultarles más familiar utilizarla. Windows 7 mantiene esta barra, pero por defecto está oculta. 
1. Los botones Atrás a y Adelante 
permiten navegar hacia atrás (a la carpeta de la que venimos) y hacia adelante (si hemos usado el botón atrás). También podemos utilizar la tecla de borrar situada arriba de ENTRAR para ir atrás.
El ordenador guarda un historial de las carpetas que vamos visitando dentro de esa misma ventana para permitirnos ir adelante y atrás. Podemos disponer de este listado en la pequeña flecha de la derecha. Al pulsarla se despliega y nos permite elegir una ubicación directamente, sin tener que ir avanzando o retrocediendo paso a paso.
2. Barra de direcciones. 
Esta barra nos indica dónde estamos situados y qué otras carpetas están en el mismo nivel jerárquico.
Vamos a comprenderlo mejor con la imagen del ejemplo. En la barra de direcciones de la imagen podemos interpretar lo siguiente:
- Vemos tres niveles de carpetas, tantos como flechitas negras aparecen
. De izquierda a derecha son el nivel principal, el de Bibliotecas y el de Imágenes. - Estamos situados en la carpeta Imágenes, porque es la que aparece más a la derecha. Por lo tanto, la lista de archivos que veíamos corresponde al contenido de Imágenes (carpetas de Imágenes aulaClic, Imágenes de muestra y archivo Logo aulaClic). Las carpetas siempre están contenidas dentro de la que aparece a su izquierda.
Si queremos ir a la carpeta Bibliotecas bastará hacer clic directamente sobre ella. También podemos utilizar las flechas para ver qué carpetas contiene Bibliotecas sin movernos de Imágenes. Hay que tener en cuenta dos detalles: que el contenido de la carpeta siempre se ve desde la flecha situada a la derecha de su nombre y que en el desplegable que aparece al hacer clic sobre ella no aparecen archivos como documentos de texto o imágenes, simplemente se muestran sus subcarpetas.
Si hacemos clic en el pequeño triángulo del final de la barra de direcciones 
se abrirá un desplegable con las últimas carpetas que hemos visitado y haciendo clic sobre cualquiera de ellas nos desplazaremos a esa ubicación.
El botón Actualizar 
que se encuentra a la derecha de la dirección sirve para volver a cargar el contenido de la carpeta actual, aunque la mayoría de las veces se actualiza de forma automática.
Se puede escribir directamente sobre la barra de direcciones, basta hacer clic sobre ella y teclear la ruta o dirección de una carpeta, a continuación hay que pulsar la tecla ENTRAR o el botón 
que aparecerá en la posición donde habitualmente esta el botón . Observa que al hacer clic en la barra de direcciones el formato de la dirección cambia a la dirección absoluta: Bibliotecas\Imágenes.
Si escribimos directamente una dirección web al pulsar el botón automáticamente se abrirá el navegador web Internet Explorer para acceder a esa página.
Al comenzar a escribir en la barra de direcciones se abrirá un desplegable con las direcciones parecidas a la que estamos escribiendo, si hacemos clic en una de ellas iremos directamente a esa dirección. Recuerda que también dispones de los botones Atrás a y Adelante que acabamos de ver y que suelen ser un método más rápido para desplazarte por carpetas visitadas recientemente.
3. Cuadro de búsqueda 
. Este cuadro inicia la búsqueda de forma automática al escribir la primera letra, sin necesidad de pulsar en ningún botón. Busca en la carpeta en que estamos situados y en todas sus subcarpetas, si es que las tiene. Por ejemplo, en este caso podríamos buscar cualquier contenido de la carpeta Imágenes pero no encontraría información de la carpeta Música o Documentos.
4. Barra de Herramientas. 
Esta barra contiene botones para las operaciones más utilizadas, de esta forma nos agiliza el trabajo ya que tenemos a mano lo más necesario. Esta barra se adapta al tipo de archivos que hay en la pantalla, es decir, los botones de la barra son diferentes según donde estemos. Por ejemplo, si estamos viendo archivos de música aparecerá un botón Reproducir para escuchar un archivo; si estamos viendo archivos de imagen aparecerá un botón para ver una Presentación de las imágenes.
A la derecha hay tres botones: Cambie la vista, Muestra el panel de vista previa y Obtenga ayuda. 
- Cambie de vista
sirve para elegir qué información veremos en la Lista de Archivos. La veremos en detalle más adelante. - Muestra el panel de vista previa
nos abrirá un panel nuevo a la derecha de la Lista de Archivos en que veremos la vista previa de la imagen o el documento seleccionado. También podemos activar esta opción desde el menú Organizar, seleccionar Diseño y luego Panel de vista previa. La vista previa no está disponible para todos los tipos de documentos. - Obtenga ayuda
nos muestra una ventana de ayuda de Windows para conocer más detalles acerca del explorador o de cualquier otra función de Windows 7.
5. Panel de navegación.
En este panel sólo aparecen unidades y carpetas, no archivos. Las vemos ordenadas jerárquicamente y distinguimos qué carpeta pertenece a qué otra gracias a una leve tabulación a la derecha. Es decir, tiene estructura de árbol, con sus ramificaciones. Por ejemplo, en esta imagen aparecen cuatro carpetas principales que contienen a su vez otras carpetas:
- Favoritos: Contiene Descargas, Escritorio y Sitios recientes. Sitios recientes nos puede resultar muy útil, porque guarda un enlace directo a las últimas carpetas visitadas.
- Bibliotecas: Contiene Documentos, Imágenes, Música y Vídeos. Además, estamos situados en imágenes, que contiene Mis Imágenes e Imágenes públicas. Pero no aparece Logo aulaClic dentro de Imágenes, porque es un archivo.
- Equipo.
- Red.
También observamos unas pequeñas flechas junto al nombre de cada carpeta. Estas flechas permiten, mediante un clic sobre ellas, desplegar o contraer una carpeta, es decir, mostrar u ocultar sus subcarpetas sin tener que ir abriéndolas.
- Si la flecha es negra, significa que se están mostrando sus subcarpetas
. - Si es blanca, significa que no se están mostrando sus subcarpetas.
- Y si no tiene flecha normalmente es porque no tiene subcarpetas. Ojo, puede contener archivos, pero no otras carpetas. Haciendo clic en los pequeños triángulos que hay a la izquierda de cada elemento podemos expandir y contraer el árbol.
Este panel es muy útil para ver la estructura de nuestras carpetas, discos duros y unidades de red. Facilita la organización de documentos. Además, cuando tenemos que recorrer varios niveles de subcarpetas para llegar a un archivo, es más rápido ir expandiéndolas pulsando en el triángulo que abrirla y mostrar todo su contenido.
6. Lista de archivos.
En esta zona aparece la lista de los archivos contenidos en la carpeta en que estamos situados, es decir, la carpeta de la Barra de direcciones.
Si hemos efectuado una búsqueda sólo aparecerán los archivos que cumplan las condiciones de la búsqueda.
La forma y cantidad de información que vemos de cada archivo depende del tipo de vista. Hablaremos de los tipos de vistas más adelante.
Podemos distinguir arriba a la derecha de la Lista de Archivos el menú Organizar por. Si pulsamos sobre la opción actual, Carpeta, nos despliega las demás opciones disponibles. Sirve para elegir cómo vamos a agrupar los archivos que vamos a visualizar. Por ejemplo, nos puede resultar útil el no tener que ver las imágenes en cada una de sus carpetas, sino por Mes, para ver todas las fotos de vacaciones sin tener que ir recorriendo cada una de las subcarpetas que hemos creado para organizarlas (por ejemplo, por países o excursiones).
7. Panel de detalles.
Muestra información adicional sobre los elementos que tenemos seleccionados. Si no tenemos nada seleccionado en la carpeta o unidad en que estemos situados, nos dirá el número de elementos que contiene. Si en cambio, seleccionamos un archivo mostrará información acerca del documento.
Según el tipo de archivo de que se trate puede mostrar una información u otra. Por ejemplo, el elemento que vemos seleccionado en la imagen es un logo y nos muestra una vista previa en miniatura del mismo. En cambio, si se tratara de un archivo de música, se mostraría el intérprete y la portada del álbum.
En algunos casos, como en el de la música, nos permite editar la información acerca del intérprete, etc. directamente en el panel. Al hacer clic sobre el texto se convierte en un cuadro de texto en el que podremos escribir lo que queramos y luego guardarlo.
Si hemos seleccionado varios archivos a la vez, se mostrará información sobre el conjunto, como el número de archivos o el tamaño que ocupan en total. Esto es muy útil por ejemplo al copiar archivos a un pen drive o un CD, para ver si tenemos suficiente espacio libre.
La Barra de menús.
En versiones anteriores de Windows, no aparecía la barra de herramientas, y las acciones se realizaban desde la barra de menús.
En Windows 7 la barra de menús no se muestra por defecto, podemos mostrarla de dos formas distintas:
– Mediante el teclado, hay que pulsar la tecla ALT. De esta forma mostraremos la barra de menús, pero de forma puntual. Es decir, si intentamos cambiar de carpeta o cerrar la ventana, lo que ocurrirá será que se cerrará la barra de menús, porque considerará que ya no estás utilizando la barra. También podemos cerrarla pulsando de nuevo la tecla ALT.
– Mediante el menú Organizar en la barra de herramientas podemos seleccionar la barra de menús para que se active y se muestre de forma permanente. Tendríamos que hacer clic sobre Organizar, situar el cursor sobre Diseño y hacer clic en la opción Barra de menús.
La barra de menús contiene todas las opciones disponibles, agrupadas en menús desplegables. Al hacer clic en Archivo, por ejemplo, veremos las operaciones que podemos realizar con los archivos.
Si pulsas la tecla ALT y te fijas, cada menú tiene una letra subrayada: La A en Archivo, la E en Edición, la V en Ver, la H en Herramientas y la U en Ayuda. Esto significa que podemos desplegar cualquiera de estos menús directamente pulsando la tecla ALT y su letra correspondiente. Por ejemplo, Alt + A abre el menú Archivo.
Gestión de Ventanas en Windows
Las ventanas son los elementos básicos con los que se trabaja en el entorno Windows. Su filosofía es la siguiente: el ordenador es un dispositivo suficientemente rápido como para ejecutar frente al usuario un buen número de tareas en paralelo. La idea es disponer de un soporte de interfaz (la ventana) que permita al usuario ejecutar al mismo tiempo varias aplicaciones (cada una en su ventana) e intercambiar los datos que ellas generan.
Dentro del entorno Windows podemos distinguir entre dos tipos diferentes de ventanas: las de aplicación y las de documento. 
Las ventanas de aplicación representan el soporte de las utilidades que se ejecutan en el entorno. Algunas aplicaciones pueden trabajar con varios documentos al mismo tiempo dentro del mismo espacio de trabajo. Siguiendo la misma filosofía que nos permite tener en nuestro entorno varias aplicaciones ejecutándose sobre varias ventanas en paralelo, podemos tener en la propia ventana de aplicación los distintos documentos con los que nos puede interesar trabajar en un determinado momento.
Ejemplo:
Podemos tener abierto el Word, el Excel, el Explorador de Windows y el Reproductor de CDs. Todo esto representaría 4 ventanas de aplicación. Mientras estamos escribiendo un trabajo en Word podemos estar escuchando música con el Reproductor de CDs y consultando una hoja de cálculo de Excel.
Pero, además, puede ser que necesitara estar consultando un trabajo anterior hecho en Word y al mismo tiempo quiero estar escribiendo una carta a un amigo. Así, tendríamos 3 ventanas de documento abiertas en Word. Una para cada archivo que tenemos abierto con este procesador de textos.
Viendo el siguiente gráfico vamos a ir comentando cada uno de los elementos de los que se compone una ventana típica de Windows. 
Borde de la ventana: Es el límite exterior de la ventana. Gracias a él es posible alterar las dimensiones de cada lado de forma individual. (Buscar la forma del puntero del ratón « y arrastrar con el botón izquierdo pulsado) 
Vértice de la ventana: Puede utilizarse para alterar las dimensiones de la ventana, permitiendo alterar al mismo tiempo dos de los lados adyacentes. Tendríamos que hacer algo parecido que con el concepto anterior, nos situamos sobre el vértice y esperamos a que cambie la forma del puntero del ratón, cuando esto suceda, pulsamos el botón izquierdo, lo mantenemos pulsado y arrastramos.
Icono del menú de control: Este pequeño icono, situado en la esquina superior izquierda de toda ventana, contiene una serie de opciones que nos permite realizar una serie de operaciones con las ventanas: cerrar, maximizar, minimizar, restaurar, etc.
Barra de título: Contiene el nombre de la aplicación o documento contenido en la ventana.
Título de la ventana: Es una cadena de texto que describe el contenido de la ventana.
Botón Minimizar: (3) Permite eliminar una ventana de aplicación del área de trabajo de Windows, manteniendo solamente visible su botón en la barra de tareas.
Botón Maximizar: (2) Permite ampliar el espacio que ocupa la ventana hasta el total de la pantalla.
Botón Restaurar: (4) Se sitúa en el mismo lugar que el botón Maximizar pero sólo aparecerá cuando la ventana esté maximizada. Permite devolver la ventana a su tamaño original antes de maximizar dicha ventana.
Botón Cerrar: (5) Permite cerrar definitivamente una ventana de aplicación o de documento.
Barra de Menús: (3) La encontramos rodeada por una elipse en la figura anterior. Es la lista de los encabezamientos de todos los menús disponibles en la aplicación.
Barra de Herramientas: Contiene una serie de botones que ejecutan algunas de las acciones equivalentes a los comandos del menú disponibles en la aplicación.
Espacio de Trabajo: (4) En él se realizan las actividades propias de la aplicación, se presenta información al usuario o bien se le pide la información necesaria.
Barras de desplazamiento (horizontal y vertical): Permiten mover el espacio de trabajo a lo largo del espacio global que contiene toda la información de la aplicación.
Barra de Estado: (5) En algunas ventanas de documento aparecerá una barra que incluye información adicional sobre el desarrollo de la aplicación.
Leitmotiv
Dalek-free
Camisetas cargadas de adrenalina. Llénalas de aventura
CursoProgramador 