Cet article explique comment créer un site web à partir de l’IU 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.
Designer permet de créer une conception pour votre site web à l’aide de l’interface utilisateur classique dans AEM.
Pour plus d’informations sur l’accessibilité web, voir AEM et les instructions pour l’accessibilité web.
Votre conception peut être définie dans la section designs de l’onglet Outils :
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.
Les conceptions sont stockées sous /apps/<your-project>
. 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.
Pour créer votre conception, vous aurez besoin des éléments suivants :
CSS : les feuilles de style en cascade définissent les formats de zones spécifiques sur vos pages.
Images : images utilisées pour des fonctionnalités telles que des arrière-plans et des boutons.
Lors du développement d’un site web, il est vivement recommandé de stocker les images et les fichiers CSS sous /apps/<your-project>
afin de pouvoir référencer vos ressources en fonction de la conception actuelle, comme décrit par l’extrait de code suivant.
<%= 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.
La reconception du site web peut simplement être effectuée en pointant le chemin de conception vers un noeud différent à la racine du site, de design/v1
à 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.