Guía del usuario Cancelar

Opciones HTML para sectores

Visualización del cuadro de diálogo Opciones de sector

Realice una de las siguientes acciones:

  • Haga doble clic en un sector con la herramienta Seleccionar sector . (Si la herramienta no se encuentra visible, mantenga pulsada la herramienta Recortar o Sectores).
  • Con esta herramienta activa, haga clic en el botón Opciones de sector  de la barra de opciones. Este método no se encuentra en el cuadro de diálogo Guardar para Web y dispositivos.

Especificación de un tipo de contenido de sector

Puede especificar la disposición de los datos de sector en un navegador web al exportar con un archivo HTML. Las opciones disponibles varían según el tipo de sector que seleccione.

  • Los sectores de imagen contienen datos de imagen. Éste es el tipo de contenido por defecto.

  • Los sectores Sin imagen permiten crear celdas de tabla vacías que puede rellenar con texto o con un color uniforme. Puede especificar texto HTML en un sector Sin imagen. Si define la opción "El texto es HTML" en el cuadro de diálogo Guardar para Web y dispositivos, el texto se interpreta como HTML al visualizarlo en un navegador. Los sectores de tipo Sin imagen no se exportan como imágenes y pueden previsualizarse en un navegador.

Nota:

Definir opciones para un sector automático asciende el sector a sector de usuario.

  1. Seleccione un sector. Si trabaja en Photoshop, haga doble clic en el sector con la herramienta Seleccionar sector para visualizar el cuadro de diálogo Opciones de sector.
  2. En el cuadro de diálogo Opciones de sector, seleccione un tipo de sector del menú emergente Tipo.

Cambio del nombre de un sector

Conforme añade sectores a una imagen, puede resultar útil cambiarles el nombre en función de su contenido. Por defecto, el nombre de los sectores de usuario se asigna en función de los ajustes del cuadro de diálogo Ajustes de salida.

  1. Seleccione un sector y haga doble clic en el sector con la herramienta Seleccionar sector para mostrar el cuadro de diálogo Opciones de sector. En el cuadro de diálogo Opciones de sector, introduzca un nuevo nombre en el cuadro de texto Nombre.
    Nota:

    El cuadro de texto Nombre no está disponible para el contenido de sectores Sin imagen.

Selección de un color de fondo para un sector

Puede seleccionar un color de fondo para rellenar el área transparente (para los sectores Imagen) o toda el área (para los sectores Sin imagen) del sector.

Photoshop no muestra el color de fondo seleccionado; debe previsualizar la imagen en un navegador para ver el efecto al seleccionar un color de fondo.

  1. Seleccione un sector. Si trabaja con el cuadro de diálogo Guardar para Web y dispositivos de Photoshop, haga doble clic en el sector con la herramienta Seleccionar sector para visualizar el cuadro de diálogo Opciones de sector.
  2. En el cuadro de diálogo Opciones de sector, seleccione un color de fondo del menú emergente Color de fondo. Seleccione Ninguno, Mate, Blanco, Negro u Otro (con el Selector de color de Adobe).

Asignar una dirección URL a un sector convierte el área completa del sector en un enlace de la página web resultante. Cuando un usuario hace clic en el enlace, el navegador web va a la dirección URL y el cuadro de destino especificados. Esta opción solo se encuentra disponible para los sectores Imagen.

  1. Seleccione un sector. Si trabaja en Photoshop, haga doble clic en el sector con la herramienta Seleccionar sector para visualizar el cuadro de diálogo Opciones de sector.
  2. En el cuadro de diálogo Opciones de sector, escriba una dirección URL en el cuadro de texto URL. Puede escribir una dirección URL relativa o una absoluta (completa). Si escribe una dirección URL absoluta, asegúrese de incluir el protocolo adecuado (por ejemplo, introduzca http://www.adobe.com/es, no www.adobe.com/es). Para más información sobre el uso de URL relativas y absolutas, consulte un manual de HTML.
  3. Si lo desea, escriba el nombre de un cuadro de destino en el cuadro de texto Destino:

    _blank

    Muestra el archivo enlazado en una nueva ventana, dejando abierta la ventana del navegador original.

    _self

    Muestra el archivo enlazado en el mismo cuadro que el archivo original.

    _parent

    Muestra el archivo enlazado en su propio cuadro primario original. Utilice esta opción si el documento HTML contiene cuadros y el cuadro actual es secundario. El archivo enlazado se visualiza en el cuadro primario actual.

    _top

    Reemplaza toda la ventana del navegador por el archivo enlazado, quitando todos los cuadros actuales. El nombre debe coincidir con un nombre de cuadro anteriormente definido en el archivo HTML del documento. Cuando un usuario hace clic en el enlace, el archivo especificado se visualiza en el nuevo cuadro.

    Nota:

    Para más información sobre cuadros, consulte un manual de HTML.

Especificación de mensajes de navegador y texto de la etiqueta Alt

Puede especificar qué mensajes aparecen en el navegador. Estas opciones solo están disponibles para los sectores Imagen y solo aparecen en archivos HTML exportados.

  1. Seleccione un sector. Si trabaja en Photoshop, haga doble clic en el sector con la herramienta Seleccionar sector para visualizar el cuadro de diálogo Opciones de sector.
  2. En el cuadro de diálogo Opciones de sector, escriba el texto que desee.

    Texto de mensaje

    Cambia el mensaje por defecto del área de estado del navegador para un sector o sectores seleccionados. Si se da el caso, se visualizará por defecto la dirección URL del sector.

    Etiqueta Alt/Alt

    Especifica una etiqueta Alt para un sector o sectores seleccionados. El texto de la etiqueta Alt aparece en lugar de la imagen del sector en los navegadores no gráficos. También aparece en lugar de la imagen mientras se descarga la imagen y se trata de una sugerencia de herramientas en algunos navegadores.

Adición de texto HTML a un sector

Si elige un sector de tipo Sin imagen, puede especificar la visualización de texto en el área del sector de la página web resultante. Este puede ser un texto sin formato o un texto formateado con etiquetas HTML estándar. También se pueden seleccionar las opciones de alineación vertical y horizontal. Para más información sobre etiquetas HTML específicas, consulte un manual de HTML.

Photoshop no muestra texto HTML en la ventana de documento; debe utilizar un navegador web para previsualizar el texto. Visualice el texto HTML en navegadores diferentes, con distintos ajustes y en diferentes sistemas operativos para confirmar que el texto se visualiza correctamente en Internet.

Nota:

La cantidad de texto contenido en un sector Sin imagen puede afectar a la composición de una página exportada.

  1. Seleccione un sector. Haga doble clic en el sector con la herramienta Seleccionar sector para mostrar el cuadro de diálogo Opciones de sector. Puede hacer doble clic sobre el sector en el cuadro de diálogo Guardar para Web y dispositivos para definir opciones de formato adicionales.
  2. En el cuadro de diálogo Opciones de sector, seleccione Sin imagen del menú Tipo de sector.
  3. Escriba el texto que desee en el cuadro de texto.
  4. (Solo cuadro de diálogo Guardar para Web y dispositivos) Si el texto incluye etiquetas de formato HTML, seleccione la opción El texto es HTML. Si no selecciona esta opción, las etiquetas HTML se omiten y todos los textos aparecen sin formato en la página web resultante.
  5. (Solo cuadro de diálogo Guardar para Web y dispositivos) Si lo desea, seleccione opciones de la sección Alineación de la celda del cuadro de diálogo:

    Por defecto

    Utiliza la opción por defecto del navegador para la alineación horizontal.

    Izquierdo

    Alinea el texto en el lado izquierdo del área del sector.

    Centro

    Alinea el texto en el centro del área del sector.

    Derecho

    Alinea el texto en el lado derecho del área del sector.

    Por defecto

    Utiliza la opción por defecto del navegador para la alineación vertical.

    Superior

    Alinea el texto en la parte superior del área del sector.

    Línea de base

    Establece una línea de base común para la primera línea de texto de las celdas de la misma fila (de la tabla HTML resultante). Cada celda de la fila debe utilizar la opción Línea de base.

    Medio

    Centra el texto verticalmente en el área del sector.

    Inferior

    Alinea el texto en la parte inferior del área del sector.

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?