Progettazione e Designer

ATTENZIONE

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 Primi passi nello sviluppo AEM Sites.

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

Nota

Per ulteriori informazioni sull'accessibilità del Web, vedere AEM e 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