Diseños y el Diseñador

ATENCIÓN

En este artículo se describe cómo crear un sitio web basado en la IU clásica. Adobe recomienda aprovechar las tecnologías de AEM más recientes para sus sitios web, tal como se describe en detalle en el artículo Introducción al desarrollo de AEM Sites.

Deberá crear un diseño para el sitio web y, en AEM, hacerlo mediante Designer.

NOTA

Para obtener más información sobre la accesibilidad Web, consulte AEM y las Pautas de accesibilidad Web.

Uso de Designer

El diseño se puede definir en la sección diseños de la ficha Herramientas:

screen_shot_2012-02-01at30237pm

Aquí puede crear la estructura necesaria para almacenar el diseño y, a continuación, cargar las hojas de estilo en cascada y las imágenes necesarias.

Los diseños se almacenan en /etc/designs. La ruta al diseño que se usará para un sitio Web se especifica mediante la propiedad cq:designPath del nodo jcr:content.

chlimage_1-74

NOTA

Todos los cambios realizados en una página en modo de diseño se mantienen debajo del nodo de diseño del sitio y se aplican automáticamente a todas las páginas que tengan el mismo diseño.

Lo que necesitará

Para realizar el diseño, necesitará:

CSS : las hojas de estilo en cascada definen los formatos de áreas específicas de las páginas.
Imágenes : cualquier imagen que utilice para funciones como fondos o botones.

Consideraciones al diseñar su sitio Web

Al desarrollar un sitio web, se recomienda almacenar imágenes y archivos CSS en /etc/design/<project> para que pueda hacer referencia a sus recursos en función del diseño actual, como se describe en el siguiente fragmento de código.

<%= currentDesign.getPath() + "/static/img/icon.gif %>

El ejemplo anterior oferta varios beneficios:

  • Los componentes pueden tener un aspecto diferente en función de cada sitio mediante una ruta de diseño diferente.

  • El rediseño del sitio web se puede realizar simplemente señalando la ruta de diseño a un nodo diferente en la raíz del sitio, desde design/v1 a design/v2.

  • /etc/designs y /content son las únicas direcciones URL externas que el navegador ve protegerle de un usuario externo que se está curioso sobre lo que hay debajo de su /apps árbol. Las ventajas de la URL anterior también ayudan al administrador del sistema a configurar una mejor seguridad, ya que está limitando la exposición de los recursos a unas pocas ubicaciones distintas.

En esta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free