DocumentatieAEM 6.4Handleiding voor ontwikkeling

Ontwerpen en de Designer designs-and-the-designer

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Gemaakt voor:

  • Developer
CAUTION
AEM 6.4 heeft het einde van de uitgebreide ondersteuning bereikt en deze documentatie wordt niet meer bijgewerkt. Raadpleeg voor meer informatie onze technische ondersteuningsperioden. Ondersteunde versies zoeken hier.
CAUTION
In dit artikel wordt beschreven hoe u een website maakt op basis van de klassieke gebruikersinterface. Adobe raadt u aan de nieuwste AEM technologieën voor uw websites te gebruiken, zoals in detail wordt beschreven in het artikel Aan de slag met het ontwikkelen van AEM Sites.

Met Designer kunt u een ontwerp voor uw website maken met de opdracht Klassieke interface in AEM.

NOTE
Voor meer informatie over de toegankelijkheid van het Web, zie AEM en de Web Accessibility Guidelines.

De Designer gebruiken using-the-designer

Uw ontwerp kan in ontwerpen van de Gereedschappen tab:

screen_shot_2012-02-01at30237pm

Hier kunt u de structuur maken die nodig is om het ontwerp op te slaan en vervolgens de trapsgewijze stijlpagina's en de vereiste afbeeldingen uploaden.

Ontwerpen worden opgeslagen onder /apps/<your-project>. Het pad naar het ontwerp dat voor een website moet worden gebruikt, wordt opgegeven met het cq:designPath eigendom van de jcr:content knooppunt.

chlimage_1-74

NOTE
Alle wijzigingen die in de ontwerpmodus op een pagina zijn aangebracht, blijven behouden onder het ontwerpknooppunt van de site en worden automatisch toegepast op alle pagina's met hetzelfde ontwerp.

Wat u nodig hebt what-you-will-need

Om uw ontwerp te realiseren zult u nodig hebben:

CSS - In de CSS (Cascading Style Sheets) worden de opmaken van specifieke gebieden op uw pagina's gedefinieerd.

Afbeeldingen - Alle afbeeldingen die u gebruikt voor functies zoals achtergronden en knoppen.

Overwegingen bij het ontwerpen van uw website considerations-when-designing-your-website

Bij het ontwikkelen van een website wordt het ten zeerste aanbevolen om afbeeldingen en CSS-bestanden onder /apps/<your-project> zodat kunt u naar uw bronnen verwijzen op basis van het huidige ontwerp, zoals wordt beschreven in het volgende fragment.

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

Het voorgaande voorbeeld biedt verschillende voordelen:

  • Componenten kunnen een andere vormgeving hebben op basis van elke site en een ander ontwerppad gebruiken.

  • U kunt de website opnieuw ontwerpen door het ontwerppad vanuit de hoofdmap van de site naar een ander knooppunt van de site te wijzen design/v1 tot design/v2.

  • /etc/designs en /content zijn de enige externe URL's die de browser ziet als bescherming van een externe gebruiker die zich zorgen maakt over wat er onder uw /apps boom. De bovenstaande URL-voordelen helpen uw systeembeheerder ook een betere beveiliging in te stellen, omdat u de blootstelling van de elementen aan een aantal verschillende locaties beperkt.

recommendation-more-help
2315f3f5-cb4a-4530-9999-30c8319c520e