Show Menu
SUJETS×

Conceptions et Designer

Cet article explique comment créer un site Web en fonction de l’interface utilisateur classique. Adobe vous recommande de tirer parti des technologies AEM les plus récentes pour vos sites web. Vous en trouverez une description détaillée dans l’article Prise en main du développement d’AEM Sites .
Vous devez créer une conception pour votre site web et dans AEM. Pour ce faire, vous allez utiliser le Designer.
Pour plus d’informations sur l’accessibilité web, voir AEM et les instructions pour l’accessibilité web .

Utilisation de Designer

Your design can be defined in the designs section of the Tools tab:
Ici, vous pouvez créer la structure requise pour stocker la conception, puis stocker les feuilles de style en cascade (CSS) et les images requises.
Designs are stored under /etc/designs . Le chemin d’accès à la conception à utiliser pour un site web est spécifié à l’aide de la propriété cq:designPath du nœud jcr:content .
Toutes les modifications apportées à une page dans le mode Création sont conservées sous le nœud de conception du site et sont automatiquement appliquées à toutes les pages qui présentent la même conception.

Éléments nécessaires

Pour créer votre conception, vous aurez besoin des éléments suivants :
CSS - Les feuilles de style en cascade définissent le format des zones spécifiques de vos pages. Images : images que vous utilisez pour des fonctions telles que les arrière-plans, les boutons.

Points à prendre en compte lors de la conception de votre site web

When developing a website, it is highly recommended to store images and CSS files under /etc/design/<project> so you can reference your resources based on the current design like described by the following snippet.
<%= currentDesign.getPath() + "/static/img/icon.gif %>

L’exemple précédent offre plusieurs avantages :
  • Les composants peuvent avoir une apparence différente selon que chaque site utilise un chemin de conception différent.
  • Re-design of the website can be simply done by pointing the design path to a different node at the root of the site from design/v1 to design/v2.
  • /etc/designs et /content sont les seules URL externes que le navigateur voit vous protéger d'un utilisateur externe qui se demande ce qui se trouve sous votre /apps arborescence. Les avantages des URL ci-dessus aident également l’administrateur système à mieux configurer la sécurité, dans la mesure où vous limitez l’exposition des ressources à une poignée d’emplacements distincts.