image_133
LinkedIn   Twitter

Creación de un cuadro destacado

RSS de esta página

Muchas veces necesitamos hacer destacar un contenido concreto en nuestra web, por ejemplo, información importante para el visitante, como enlaces de interés, ofertas especiales, productos destacados, anuncios, etc. Con DoPlanning Web, crear un cuadro destacado es muy sencillo si tenemos en cuenta que podemos incluir tablas en nuestros elementos web.

La estrategia a seguir es simple: se trata de incluir una tabla de una sola celda mediante el editor. Estos son los pasos a seguir:

  1. Ve al área en la que quieres incluir el cuadro destacado y abre el elemento web en el que lo quieras incluir. También puedes crear un nuevo elemento web específico para el cuadro.
  2. En el cuadro de edición, haz clic en el botón "Tabla", que encontrarás en las herramientas del cuadro de edición.
  3. Posiciona el cursor en el punto en el que quieres incluir el cuadro y haz clic. Aparecerá un cuadro de diálogo. En ese cuadro, aparecerá activada la pestaña "Propiedades de tabla". Aquí debes incluir los siguientes parámetros:
    1. Filas: 1
    2. Columnas: 1
    3. Anchura: 100% (de esta forma, el cuadro abarcará el ancho del elemento web; sin embargo, puedes especificar la anchura que quieras. Haz pruebas hasta que logres el resultado deseado).
    4. Esp. e/celdas: déjalo en blanco
    5. Esp. interior: déjalo en blanco
    6. Tamaño de Borde: déjalo en blanco
    7. Alineación: centrado (el cuadro quedará centrado con respecto al contenido de la página. También aquí puedes probar otras opciones).
  4. Haz clic en "Aceptar".
  5. Ahora en el cuadro de edición podrás ver un delineado de la tabla. Rellena la única celda de la tabla con la información que querías destacar.
  6. Ahora, vamos a hacer que el cuadro destaque. Una forma es ponerle un color de fondo:
  7. Haz clic con el botón derecho dentro de la celda de la tabla que has creado. Selecciona "Celda" > "Propiedades de celda".
  8. Aparecerá otro cuadro de diálogo. Verás un cuadro llamado Color de fondo, con el botón "Elegir" al lado. Haz clic en ese botón y elige un color para el fondo de la celda. Haz clic en Aceptar y luego de nuevo en Aceptar. (¿Te has dado cuenta de que hay otro botón para el color del borde? ¡Otra forma de hacer destacar tu contenido!).
  9. Cuando hayas terminado, haz clic en el botón "Guardar" de tu elemento web.
  10. ¡Acabas de crear un cuadro destacado!.

Recuerda que puedes hacer todas las pruebas que necesites hasta que el resultado sea de tu agrado, ya que las modificaciones se transmiten automáticamente a tu web. Además, si prevés que vas a utilizar muchos cuadros como éste, puedes pedirnos que te fabriquemos un estilo específico que hará que te resulte más sencillo aún crear cuadros como éste. ¡Contacta con nosotros y te informaremos!.