Progettazione e Designer

ATTENZIONE

Questo articolo descrive come creare un sito Web basato sull’interfaccia classica. Adobe consiglia di sfruttare le tecnologie AEM più recenti per i siti Web, come descritto in dettaglio nell’articolo Guida introduttiva allo sviluppo di AEM Sites.

Sarà necessario creare una progettazione per il sito Web e in AEM sarà necessario utilizzare Designer.

Nota

Per ulteriori informazioni sull'accessibilità Web, consultate AEM e le Linee guidaper l'accessibilità del Web.

Utilizzo di Designer

La progettazione può essere definita nella sezione progettazioni della scheda Strumenti :

screen_shot_2012-02-01at30237pm

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 cq:designPath proprietà del jcr:content nodo.

chlimage_1-74

Nota

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.

Cosa ti serve

Per realizzare il progetto, è necessario:

CSS - I fogli di stile CSS definiscono i formati di aree specifiche delle pagine.
Immagini - Qualsiasi immagine utilizzata per funzioni quali sfondi e pulsanti.

Considerazioni Per La Progettazione Del Sito Web

Durante lo sviluppo di un sito Web, si consiglia vivamente di memorizzare immagini e file CSS in /etc/design/<project> modo da poter fare riferimento alle risorse in base alla progettazione 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.

In questa pagina