AYUDA EN LÍNEA
 WINDEVWEBDEV Y WINDEV MOBILE

Este contenido se ha traducido automáticamente.  Haga clic aquí  para ver la versión en inglés.
Ayuda / Desarrollar una aplicación o un sitio web / Controles, ventanas y páginas / Página
  • Presentación
  • Fondo Image de páginas
  • Fondo Image del navegador
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReportes y ConsultasCódigo de Usuario (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Código Navegador
WINDEV Mobile
AndroidWidget Android iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Otros
Procedimientos almacenados
Estilo de las páginas: Imagen de fondo
Presentación
Para optimizar el estilo de sus páginas, WEBDEV le permite utilizar:
  • un fondo Image en sus páginas. Sus controles se muestran Above este fondo Image.
  • un Image en el navegador Background.
Fondo Image de páginas
Para definir el Image que se usará en la página Background:
  1. Abra la ventana de descripción de la página: en la pestaña "Página", en el grupo "Descripción", haga clic en "Descripción" (o seleccione la opción "Descripción" en el menú contextual de la página).
  2. En la pestaña "Estilo", en el área "Estilo", seleccione el elemento "Página Border/Background"..
  3. Para definir el fondo de la página Color, especifique:
    • la Color de las fronteras
    • el fondo Color
    • el estilo de las cenefas y Background.
  4. Para definir el fondo de la página Image:
    • Seleccione la Image que se utilizará como fondo de la página (a través del botón Botón desplegable del "Fondo Image" control):
      • La opción "Navegar" se utiliza para seleccionar un archivo Image accesible desde su ordenador.
      • La opción "Catálogo" permite seleccionar un Image en el catálogo de Image proporcionado con WEBDEV.
    • Especifique las características de la imagen repetition:
      • Ninguno,
      • Image de azulejos (en altura y anchura),
      • Imagen repetida X (horizontalmente),
      • Alicatada Image Y (en altura).
    • Especificar la posición horizontal y vertical del fondo Image. Estas opciones se utilizan para gestionar la alineación del fondo Image: Izquierda, centro, derecha, arriba y abajo.
    • Especificar el modo de gestión del tamaño de Image:
      • ninguno
      • homotético expandido (cover): La Image se amplía proporcionalmente para que el lado más pequeño de la Image se muestre completamente en la página.
      • homotético (contain): La Image se amplía proporcionalmente para que se muestre completamente en la página.
  5. Valide.
Observaciones:
  • El modo de gestión del tamaño de Image es una característica disponible en CSS3. Para utilizar esta función, la página debe generarse en modo HTML 5. Se puede definir el modo de generación de páginas HTML:
    • para el proyecto (pestaña "Avanzado" del proyecto description, opción "Generación estándar de código HTML").
    • para la página (pestaña "General" de la página description, opción "Generación estándar de código HTML").
  • Para definir la misma página de fondo Image para todas las páginas de su proyecto, defina este Image para la página modelo utilizada por su proyecto. Para obtener más información, consulte Modelo de páginas.
  • El fondo Image es mostrado por el navegador. Si el archivo Image utilizado es demasiado grande, la visualización de la página puede ser más lenta.
Fondo Image del navegador
Para definir el Image que se utilizará en el navegador Background:
  1. Abra la ventana de descripción de la página: en la pestaña "Página", en el grupo "Descripción", haga clic en "Descripción" (o seleccione la opción "Descripción" en el menú contextual de la página).
  2. En la pestaña "Estilo", en el área "Estilo", seleccione el elemento "Browser Background"..
  3. Especifique (si es necesario) el fondo Color del navegador.
  4. Especificar las características del fondo Image:
    • Seleccione la Image que se utilizará como fondo del navegador (a través del botón Botón desplegable del "Fondo Image" control):
      • La opción "Navegar" se utiliza para seleccionar un archivo Image accesible desde su ordenador.
      • La opción "Catálogo" permite seleccionar un Image en el catálogo de Image proporcionado con WEBDEV.
    • Para crear una Gradient, haz clic en el botón "Crear una Gradient".. Este botón permite generar una imagen que contiene un Gradient y utilizarla como navegador Background. Una asistente te ayuda a crear la Gradient.
    • Si la opción "Fondo fijo Image" está marcada, el fondo Image del navegador se fijará cuando el usuario de la web desplace la página (barra de desplazamiento vertical).
    • Especifique las características de la imagen repetition:
      • Ninguno,
      • Image de azulejos (en altura y anchura),
      • Imagen repetida X (horizontalmente),
      • Alicatada Image Y (en altura).
    • Especificar la posición horizontal y vertical del fondo Image. Estas opciones se utilizan para gestionar la alineación del fondo Image: Izquierda, centro, derecha, arriba y abajo.
    • Seleccione el modo de gestión del tamaño de Image:
      • ninguno
      • homotético expandido (cover): El Image se amplía proporcionalmente de modo que el lado más pequeño del Image se muestra completamente en el navegador.
      • homotético (contain): El Image se amplía proporcionalmente para ser mostrado completamente en el navegador.
  5. Valide.
Observaciones:
  • El modo de gestión del tamaño de Image es una característica disponible en CSS3. Para utilizar esta función, la página debe generarse en modo HTML 5. Se puede definir el modo de generación de páginas HTML:
    • para el proyecto (pestaña "Avanzado" del proyecto description, opción "Generación estándar de código HTML").
    • para la página (pestaña "General" de la página description, opción "Generación estándar de código HTML").
  • Para definir el mismo fondo de pantalla Image para todas las páginas de su proyecto, defina este Image para la página modelo utilizada por su proyecto. Para obtener más información, consulte Modelo de páginas.
  • El fondo Image es mostrado por el navegador. Si el archivo Image utilizado es demasiado grande, la visualización de la página puede ser más lenta.
Ver también
Versión mínima requerida
  • Versión 14
Comentarios
Haga clic en [Agregar] para publicar un comentario

Última modificación: 11/06/2022

Señalar un error o enviar una sugerencia | Ayuda local