设计与设计人员

注意

本文介绍如何基于经典UI创建网站。 Adobe建议将最新的AEM技术用于您的网站,如AEM站点开发快 速入门中所述

您需要为您的网站创建设计,在AEM中,您需要使用设计器来创建。

注意

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

使用设计人员

可以在“工具”(Tools)选项卡的 “设计 ”(Designs )部分定 义设计:

screen_shot_2012-02-01at30237pm

您可以在此处创建存储设计所需的结构,然后上传所需的级联样式表和图像。

设计存储在下面 /etc/designs。 要用于网站的设计的路径是使用节点的属 cq:designPath 性指定的 jcr:content

chlimage_1-74

注意

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

您需要的

要实现您的设计,您需要:

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

设计网站时的注意事项

在开发网站时,强烈建议在下面存储图像和CSS文件, /etc/design/<project> 这样您就可以根据当前设计引用您的资源,如以下代码片断所述。

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

前面的示例提供几个优点:

  • 组件的外观可基于使用不同设计路径的每个站点而有所不同。

  • 只需将设计路径指向站点根部的不同节点,即可轻松完成网站的重新设 design/v1design/v2.

  • /etc/designs 并且 /content 是浏览器看到的唯一外部URL,可保护您的外部用户对树下的内容感到好奇 /apps 。 上述URL优势还有助于系统管理员设置更好的安全性,因为您将资产的曝光限制在几个不同的位置。

在此页面上