DocumentazioneAEM 6.5Guida utente

Design e Designer designs-and-the-designer

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Creato per:

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

Il Designer viene utilizzato per creare una progettazione per il sito Web utilizzando l'interfaccia utente classica nell'AEM.

NOTE
Per ulteriori informazioni sull'accessibilità Web, vedere AEM e le linee guida per l'accessibilità Web.

Utilizzo di Designer using-the-designer

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

schermata_shot_2012-02-01at30237pm

Qui puoi creare la struttura necessaria per memorizzare la progettazione, quindi caricare i fogli di stile CSS e le immagini richieste.

Le progettazioni sono archiviate in /apps/<your-project>. Il percorso della struttura da utilizzare per un sito Web è specificato utilizzando la proprietà cq:designPath del nodo jcr:content.

chlimage_1-74

NOTE
Tutte le modifiche apportate in una pagina in modalità progettazione vengono mantenute sotto il nodo di progettazione del sito e vengono applicate automaticamente a tutte le pagine con la stessa progettazione.

Cosa ti servirà what-you-will-need

Per realizzare il tuo progetto avrai bisogno di:

CSS - I Cascading Style Sheets definiscono i formati di aree specifiche nelle pagine.
Immagini - Qualsiasi immagine utilizzata per funzioni quali sfondi e pulsanti.

Considerazioni Durante La Progettazione Del Sito Web considerations-when-designing-your-website

Durante lo sviluppo di un sito Web, si consiglia di memorizzare immagini e file CSS in /apps/<your-project> in modo da poter fare riferimento alle risorse in base alla progettazione corrente, come descritto dallo snippet seguente.

<%= currentDesign.getPath() + "/static/img/icon.gif %>

L’esempio precedente offre diversi vantaggi:

  • I componenti possono avere un aspetto diverso in base a ciascun sito, utilizzando un percorso di progettazione diverso.

  • È possibile riprogettare il sito Web semplicemente puntando il percorso di progettazione a un nodo diverso nella directory principale del sito da design/v1 a design/v2.

  • /etc/designs e /content sono gli unici URL esterni che il browser vede proteggendoti da un utente esterno che si incuriosisce di ciò che si trova nella struttura /apps. I vantaggi dell’URL di cui sopra consentono inoltre all’amministratore di sistema di impostare una maggiore sicurezza poiché si limita l’esposizione delle risorse a poche posizioni distinte.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2