Questo articolo descrive come creare un sito Web basato sull’interfaccia classica. Adobe consiglia di utilizzare le tecnologie AEM più recenti per i siti Web, come descritto in dettaglio nell'articolo Guida introduttiva allo sviluppo AEM Sites.
Sarà necessario creare una progettazione per il sito Web e, in AEM, utilizzare Designer.
Per ulteriori informazioni sull'accessibilità Web, vedere AEM e le linee guida sull'accessibilità Web.
La progettazione può essere definita nella sezione progettazioni della scheda Strumenti:
Qui è possibile creare la struttura necessaria per memorizzare la progettazione, quindi caricare i fogli di stile CSS e le immagini richieste.
Le progettazioni sono memorizzate in /etc/designs
. Il percorso della progettazione da utilizzare per un sito Web è specificato utilizzando la proprietà cq:designPath
del nodo jcr:content
.
Tutte le modifiche apportate a una pagina in modalità di progettazione vengono mantenute sotto il nodo di progettazione del sito e vengono applicate automaticamente a tutte le pagine con la stessa struttura.
Per realizzare il progetto, è necessario:
CSS - I fogli di stile a cascata definiscono i formati di aree specifiche delle pagine.
Immagini - Qualsiasi immagine utilizzata per funzioni quali sfondi e pulsanti.
Durante lo sviluppo di un sito Web, si consiglia vivamente di memorizzare immagini e file CSS in /etc/design/<project>
in modo da poter fare riferimento alle risorse in base al progetto corrente, come descritto dal frammento di codice seguente.
<%= currentDesign.getPath() + "/static/img/icon.gif %>
L'esempio precedente offre diversi vantaggi:
I componenti possono avere un aspetto o un aspetto diverso in base a ciascun sito utilizzando un percorso di progettazione diverso.
La riprogettazione del sito Web può essere eseguita semplicemente indicando il percorso di progettazione a un altro nodo nella radice del sito da design/v1
a design/v2.
/etc/designs
e /content
sono gli unici URL esterni che il browser vede proteggersi da un utente esterno incuriosito da ciò che si trova sotto la vostra /apps
struttura. I vantaggi dell’URL riportati sopra consentono inoltre all’amministratore di sistema di impostare una maggiore sicurezza, in quanto l’esposizione delle risorse viene limitata a poche posizioni distinte.