Acerca de los sectores

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.

Ilustración seccionada utilizando diferentes tipos de sector
Ilustración seccionada utilizando diferentes tipos de sector

A. Sector sin imagen B. Sector de imagen C. Sector con 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

  1. Lleve a cabo uno de los procedimientos siguientes:
    • Seleccione uno o más objetos de la mesa de trabajo y elija Objeto > Sector > Crear.

    • Seleccione la herramienta Sector  y arrástrela sobre el área donde desee crear un sector. Mantenga pulsada la tecla Mayús mientras arrastra para limitar el sector a un cuadrado. Mantenga pulsada la tecla Alt (Windows) o la tecla Opción (Mac OS) mientras arrastra para dibujar desde el centro.

    • Seleccione uno o más objetos de la mesa de trabajo y elija Objeto > Sector > Crear desde selección.

    • Coloque las guías donde desee seccionar la ilustración y seleccione Objeto > Sector > Crear desde guías.

    • Seleccione un sector existente y elija Objeto > Sector > Duplicar sector.

      Sugerencia: utilice el comando Objeto > Sector > Crear cuando desee ajustar las dimensiones del sector al límite de un elemento de la ilustración. Si se mueve o modifica dicho elemento, el área del sector se ajustará automáticamente hasta abarcar la ilustración nueva. Utilice también este comando para crear un sector para capturar el texto y las características de formato básicas de un objeto de texto.

      Sugerencia: utilice la herramienta Sector, el comando Crear desde selección o el comando Crear desde guías para que las dimensiones del sector sean independientes de la ilustración subyacente. Los sectores creados siguiendo uno de los procedimientos anteriores aparecerán como elementos en el panel Capas y se podrán mover, redimensionar o eliminar igual que los objetos vectoriales.

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.

  1. Lleve a cabo uno de los procedimientos siguientes con la herramienta Seleccionar sector:
    • Seleccione un sector en la ventana de ilustración y seleccione Objeto > Sector > Opciones de sector.

    • En el cuadro de diálogo Guardar para Web y dispositivos, haga doble clic en un sector con la herramienta Seleccionar sector.

  2. Seleccione un tipo de sector y defina las opciones correspondientes:

    Imagen

    Seleccione este tipo si desea que el área del sector sea un archivo de imagen en la página web resultante. Si prefiere que la imagen sea un enlace HTML, introduzca una dirección URL e identifique el conjunto de marcos de destino. También puede especificar el mensaje que aparecerá en el área de estado del navegador cuando se coloque el ratón sobre la imagen, el texto alternativo que debe aparecer cuando la imagen no sea visible y un color de fondo para la celda de tabla.

    Sin imagen

    Seleccione este tipo si desea que el área del sector contenga texto HTML y un color de fondo en la página web resultante. Introduzca el texto que va a aparecer en el cuadro de texto Texto de la celda y asigne al texto el formato adecuado con código HTML estándar. Tenga cuidado de no introducir más texto del que se puede mostrar en el área del sector. Si introduce demasiado texto, se extenderá a los sectores adyacentes y afectará al diseño de la página web. Sin embargo, como no puede ver el texto en la mesa de trabajo, no se dará cuenta de eso hasta que vea la página en un navegador web. Ajuste las opciones Horiz y Vert para cambiar la alineación del texto en la celda de tabla.

    Texto HTML

    Este tipo está disponible solo cuando el sector se ha creado tras seleccionar un objeto de texto y aplicar el comando Objeto > Sector > Crear. En la página web resultante, el texto de Illustrator se convierte en texto HTML con atributos de formato básicos. Para editar el texto, debe actualizarlo en la ilustración. Ajuste las opciones Horiz y Vert para cambiar la alineación del texto en la celda de tabla. También puede seleccionar un color de fondo para la celda de tabla.

    Sugerencia: para editar el texto de los sectores con Texto HTML en el cuadro de diálogo Opciones de sector, cambie el tipo de imagen a Sin imagen. De esta forma se rompe el enlace con el objeto de texto de la mesa de trabajo. Para ignorar el formato del texto, introduzca <sin formato> como primera palabra en el objeto de texto.

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.

Nota:

Para evitar que se produzcan resultados inesperados, no cree zonas interactivas de mapas de imágenes en los sectores que contengan enlaces URL, ya que es posible que en algunos navegadores se ignoren los enlaces de mapas de imágenes o de sectores.

  1. Seleccione el objeto que desee enlazar a una dirección URL.
  2. En el panel Atributos, seleccione una forma para el mapa de imagen en el menú Mapa de imagen.
  3. Introduzca una dirección URL relativa o completa en el cuadro de texto URL o seleccione una de la lista de direcciones URL disponibles. Se puede verificar la ubicación de la dirección URL haciendo clic en el botón del navegador.

    Nota:

    Para aumentar el número de entradas visibles en el menú URL, seleccione Opciones de panel en el menú del panel Atributos. Introduzca un valor entre 1 y 30 para definir el número de entradas URL que desea que se visualicen en la lista de URL.

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea