设计和Designer designs-and-the-designer

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

创建对象：

CAUTION

本文介绍了如何基于经典UI创建网站。 Adobe建议为您的网站使用最新的AEM技术，如文章开发AEM Sites快速入门中所述。

Designer用于在AEM中使用Classic UI为您的网站创建设计。

NOTE

有关Web辅助功能的详细信息，请参阅AEM和Web辅助功能准则。

使用Designer using-the-designer

您的设计可在工具选项卡的设计部分中定义：

screen_shot_2012-02-01at30237pm

您可以在此处创建存储设计所需的结构，然后上载所需的层叠样式表和图像。

设计存储在/apps/<your-project>下。使用jcr:content节点的cq:designPath属性指定了网站要使用的设计路径。

chlimage_1-74

NOTE

在设计模式下对页面所做的所有更改将保留在网站的设计节点下，并自动应用于具有相同设计的所有页面。

要实现您的设计，您需要：

CSS — 层叠样式表定义页面上特定区域的格式。
图像 — 用于背景、按钮等功能的任何图像。

在开发网站时，强烈建议在/apps/<your-project>下存储图像和CSS文件，以便您可以根据当前设计引用资源，如以下代码片段所述。

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

上述示例提供了多种好处：

组件可以使用不同的设计路径根据每个站点具有不同的外观。
只需将设计路径指向站点根目录下从design/v1到design/v2.的其他节点，即可重新设计网站
/etc/designs和/content是浏览器看到的唯一外部URL，用于保护您免受外部用户对/apps树下内容的好奇。上述URL好处还可帮助系统管理员设置更好的安全性，因为您将资产暴露限制在几个不同的位置。

recommendation-more-help

19ffd973-7af2-44d0-84b5-d547b0dffee2