Sectores y mapas de imágenes

Las páginas web pueden incluir muchos elementos: texto HTML, imágenes de mapa de bits y gráficos vectoriales, entre otros. En Illustrator, los sectores se utilizan para definir los límites de diferentes elementos web de la ilustración. Por ejemplo, si la ilustración contiene una imagen de mapa de bits que debe optimizarse en formato JPEG y el resto de la imagen se optimiza mejor en formato GIF, es posible aislarla utilizando un sector. Al guardar la ilustración como página web mediante el comando Guardar para Web y dispositivos, es posible guardar cada sector como un archivo independiente con su propio formato, ajustes y tabla de colores.

Los sectores de un documento de Illustrator corresponden a celdas de tabla en la página web resultante. Por defecto, el área del sector se exporta como un archivo de imagen incluido en una celda de tabla. Si desea que la celda de tabla contenga texto HTML y un color de fondo en lugar de un archivo de imagen, puede cambiar el tipo de sector a Sin imagen. Si desea convertir el texto de Illustrator en texto HTML, puede cambiar el tipo de sector a Texto HTML.

Puede ver los sectores en la mesa de trabajo y en el cuadro de diálogo Guardar para Web y dispositivos. Illustrator numera los sectores de izquierda a derecha y de arriba a abajo, empezando por la esquina superior izquierda de la ilustración. Si se cambia la disposición o el número total de sectores, se actualizarán los números de sector para reflejar el nuevo orden.

Al crear un sector, Illustrator secciona la ilustración de alrededor en sectores automáticos para mantener el diseño utilizando una tabla basada en la Web. Existen dos tipos de sectores automáticos: los sectores automáticos y los subsectores. Los sectores automáticos son las áreas de la ilustración que no se han definido como sectores. Illustrator vuelve a generar sectores automáticos cada vez que se añaden o editan sectores. Los subsectores indican el modo en que se dividirán los sectores superpuestos definidos por el usuario. Aunque los subsectores se numeren y muestren un símbolo de sector, no se pueden seleccionar por separado desde el sector subyacente. Illustrator vuelve a generar los subsectores y sectores automáticos necesarios mientras trabaja.

Creación de sectores

Selección de sectores

Puede utilizar la herramienta Seleccionar sector  para seleccionar un sector en la ventana de la ilustración o en el cuadro de diálogo Guardar para Web y dispositivos.

• Para seleccionar un sector, haga clic en él.
• Para seleccionar varios sectores, mantenga pulsada la tecla Mayús al tiempo que hace clic. En el cuadro de diálogo Guardar para Web y dispositivos también puede mantener pulsada la tecla Mayús y arrastrar.
• Si al trabajar con sectores superpuestos desea seleccionar un sector subyacente, haga clic en la parte visible del sector subyacente.

  Además, puede seleccionar sectores en la ventana de ilustración con uno de los procedimientos siguientes:

• Para seleccionar un sector creado utilizando el comando Objeto > Sector > Crear, elija la ilustración correspondiente en la mesa de trabajo. Si el sector está unido a un grupo o una capa, seleccione el icono de identificación de destino adyacente al grupo o la capa en el panel Capas.
• Para seleccionar un sector creado con la herramienta Sector, el comando Crear desde selección o el comando Crear desde guías, identifique el sector como destino en el panel Capas.
• Haga clic en el trazado del sector con la herramienta Selección .
• Para seleccionar un segmento de trazado de sector o un punto de ancla de sector, haga clic en cada elemento con la herramienta Selección directa.

  Nota: no es posible seleccionar sectores automáticos, por lo que aparecen atenuados.

Definición de las opciones de sector

Las opciones de un sector determinan el aspecto que tendrá y el funcionamiento de dicho sector en la página web resultante.

Bloqueo de sectores

El bloqueo de sectores evita que se realicen cambios (por ejemplo, de tamaño o movimiento) de manera accidental.

• Para bloquear todos los sectores, seleccione Ver > Bloquear sectores.
• Para bloquear sectores individuales, haga clic en la columna de edición de sectores del panel Capas.

Ajuste de los límites de los sectores

Si ha creado un sector mediante el comando Objeto > Sector > Crear, su posición y tamaño estarán unidos a la posición y tamaño de la ilustración que contiene. Por lo tanto, si mueve o cambia el tamaño de la ilustración, los límites del sector se ajustarán automáticamente.

Si ha creado un sector con la herramienta Sector, el comando Crear desde selección o el comando Crear desde guías, podrá ajustar manualmente los sectores de las siguientes maneras:

• Para mover un sector, puede arrastrarlo hasta la nueva posición con la herramienta Seleccionar sector . Pulse la tecla Mayús para limitar el movimiento de una línea vertical, horizontal o diagonal de 45°.
• Para cambiar el tamaño de un sector, selecciónelo con la herramienta Seleccionar sector, y arrastre cualquiera de sus esquinas o lados. También puede utilizar la herramienta Selección y el panel Transformar para cambiar el tamaño de los sectores.
• Para alinear o distribuir los sectores, utilice el panel Alinear. La alineación de sectores puede eliminar los sectores automáticos innecesarios para generar un archivo HTML de menor tamaño y más eficiente.
• Para cambiar el orden de apilamiento de los sectores, arrastre el sector que desee hasta una nueva posición en el panel Capas o seleccione un comando Objeto > Organizar.
• Para dividir un sector, selecciónelo y seleccione Objeto > Sector > Dividir sectores.

  Puede combinar los sectores que haya creado con cualquier método. Seleccione los sectores y elija Objeto > Sector > Combinar sectores. El sector resultante toma sus dimensiones y posición del rectángulo creado al unir los bordes exteriores de los sectores combinados. Si los sectores combinados no son adyacentes o tienen proporciones o alineaciones diferentes, es posible que el nuevo sector se superponga a otros.

  Para cambiar el tamaño de todos los sectores de acuerdo con los límites de la mesa de trabajo, seleccione Objeto > Sector > Recortar al tamaño de la mesa de trabajo. Los sectores que se extienden más allá de la mesa de trabajo se truncan para adaptarse a ella y los sectores automáticos que se encuentran dentro de la mesa de trabajo se amplían hasta los límites de la mesa de trabajo; todas las ilustraciones se mantienen igual.

Eliminación de sectores

Puede eliminar sectores eliminando o soltándolos de la ilustración correspondiente.

• Para eliminar un sector, selecciónelo y pulse Eliminar. Si el sector se ha creado utilizando el comando Objeto > Sector > Crear, la ilustración correspondiente se eliminará al mismo tiempo. Si desea mantener la ilustración correspondiente, suelte el sector en lugar de eliminarlo.
• Para eliminar todos los sectores, seleccione Objeto > Sector > Eliminar todo. Los sectores creados con el comando Objeto > Sector > Crear se sueltan, no se eliminan.
• Para soltar un sector, selecciónelo y seleccione Objeto > Sector > Soltar.

Visualización u ocultación de sectores

• Para ocultar sectores en la ventana de ilustración, seleccione Ver > Ocultar sectores.
• Para ocultar los sectores en el cuadro de diálogo Guardar para Web y dispositivos, haga clic en el botón Conmuta la visibilidad de sectores .
• Para ocultar los números de los sectores y cambiar el color de las líneas de sector, seleccione Edición > Preferencias > Guías inteligentes y sectores (Windows) o Illustrator > Preferencias > Guías inteligentes y sectores (Mac OS).

Creación de mapas de imágenes

Los mapas de imágenes permiten enlazar una o más áreas de una imagen (llamadas zonas interactivas) con una dirección URL. Cuando un usuario hace clic en la zona interactiva, el navegador web carga el archivo enlazado.

La diferencia principal entre utilizar mapas de imágenes o sectores para la creación de enlaces está en el modo en que la ilustración se exporta como página web. La utilización de mapas de imágenes mantiene la ilustración intacta en forma de archivo de imagen individual, mientras que la utilización de sectores hace que se exporte la ilustración en archivos separados. Otra diferencia entre los mapas de imágenes y los sectores es que los primeros permiten enlazar áreas poligonales o rectangulares de la ilustración, mientras que los sectores permiten enlazar únicamente áreas rectangulares. Si es preciso enlazar solo áreas rectangulares, es preferible utilizar sectores en lugar de un mapa de imagen.