在站点构建器中打开新创建的网站,方法是选择该网站并从菜单栏或右键单击菜单中选择打开。在站点构建器中,将 开关设置为编辑模式。输入更新名称,然后单击确定。
在编辑模式下,您将看到该网站有三个内容框,这些内容框是页面上可用的区域(具体取决于页面布局)。将鼠标悬停在页面上的每个 + 上可查看页眉、正文和页脚等内容框。
通常,我们使用“页眉”内容框显示公司的标识、导航菜单等。我们使用“正文”内容框显示页面的主要内容,使用“页脚”内容框显示版权信息、社交媒体链接以及任何其他信息。
首先,我们来构建主页。下面是已完成的主页的外观:
图示 GUID-67CAE599-0B88-416C-AEF3-EAD8FC7E420C-default.png 的说明
图示 GUID-6740BAC7-E7E5-40EE-ACBB-F055FD69B3C1-default.png 的说明
图示 GUID-3DEB520E-A067-4E49-88B3-59F0425AB035-default.png 的说明
属性 | 值 |
---|---|
选择 | Minimal-Images 文件夹中的 Logo.png |
对齐方式 | 左对齐 |
宽度 | 取消选择设置宽度 |
上对齐 | 1.2vw |
下对齐 | 30px |
左对齐 | 6vw |
右对齐 | 0 |
属性 | 值 |
---|---|
选择链接类型 | 站点页 |
页 | 主页 |
目标 | 在相同的窗口中打开 |
图示 GUID-3C07D4E7-5154-4ED8-9A9E-F06A44A14D63-default.png 的说明
在一般信息选项卡中完成相关设置。
属性 | 值 |
---|---|
对齐方式 | 右对齐 |
上对齐 | 1.2vw |
下对齐 | 0 |
左对齐 | 0 |
右对齐 | 6vw |
图示 GUID-1068ED91-959E-4053-8188-4D85DE630E1B-default.png 的说明
提示:
如果您单击组件组时看到的是图像或 Minimal-NavMenu 组件标题(而不是组件组标题),再次单击图像或 Minimal-NavMenu 组件标题,将会看到组件组的标题。现在,可以单击组件组的标题并执行上述步骤。
图示 GUID-C6CF24C6-F51E-4139-B5F9-5CC1955C7519-default.png 的说明
图示 GUID-717EF556-34E8-47BC-B9AA-4152D2A0FD77-default.png 的说明
图示 GUID-60AED236-5F6A-46BF-A414-1438641F4ECA-default.png 的说明
属性 | 值 |
---|---|
第一列宽度 (%) | 43 |
第二列宽度 (%) | 57 |
响应断点(像素) | 1,023 |
响应行为 | 隐藏第一列 |
在背景选项卡中完成设置:
属性 | 值 |
---|---|
图像 | Minimal-Images 文件夹中的 Banner1.jpg |
位置 | 中心居中 |
缩放 | 拉伸 |
图示 GUID-CF55C579-3FF3-460B-B608-5A485C7EF02D-default.png 的说明
属性 | 值 |
---|---|
上对齐 | 6vw |
下对齐 | 1.8vw |
左对齐 | 6vw |
右对齐 | 6vw |
属性 | 值 |
---|---|
上对齐 | 1.8vw |
下对齐 | 6vw |
左对齐 | 6vw |
右对齐 | 6vw |
"I'm a paragraph.Click here to add your own text and edit me.I'm a great place for you to tell a story and let your users know a little more about you or your organization."
选择该文本,然后在文本编辑器中将其大小设置为 24。另外,在文本编辑器中将其字体颜色设置为白色。
图示 GUID-399EE9A6-F882-40F9-8028-BB930A5FDC49-default.png 的说明
图示 GUID-E27E6BA0-E663-415F-A93D-C6C0C44D78A7-default.png 的说明
图示 GUID-E7AAB67A-2CC8-49C8-B655-F60B6E64C46A-default.png 的说明
属性 | 值 |
---|---|
上对齐 | 3vw |
下对齐 | 1.8vw |
左对齐 | 6vw |
右对齐 | 6vw |
"Oracle Content Management is a cloud-based content hub to drive omni-channel content management and accelerate experience delivery.It offers powerful collaboration and workflow management capabilities to streamline the creation and delivery of content."
"Oracle Content Management offers simple and easy-to-use tools to create websites.You can quickly create a website by taking advantage of the powerful features that Oracle Content Management provides."
属性 | 值 |
---|---|
上对齐 | 20px |
下对齐 | 50px |
左对齐 | 6vw |
右对齐 | 6vw |
图示 GUID-1A515BF0-6607-44F7-978B-1B9472E72901-default.png 的说明
图示 GUID-8852AFA2-9F6E-4F36-9071-E8CB4256116C-default.png 的说明
属性 | 值 |
---|---|
选择 | Minimal-Images 文件夹中的 Powered_by_OCE.png |
对齐方式 | 左对齐 |
宽度 | 取消选择设置宽度 |
上对齐 | 0.9vw |
下对齐 | 0.9vw |
左对齐 | 6vw |
右对齐 | 0 |
图示 GUID-46FE020A-AF6D-4BE3-BFBB-EECBFC576CC3-default.png 的说明
在一般信息选项卡中完成社交栏组件的设置。
属性 | 值 |
---|---|
上对齐 | 1.8vw |
下对齐 | 1.8vw |
左对齐 | 0.3vw |
右对齐 | 6vw |
在一般信息选项卡中,依次图标和图标名称以完成设置。
属性 | 值 |
---|---|
URL |
|
目标 | 在新窗口中打开 |
图示 GUID-11801720-9060-4A9D-9D7E-52A4C7295FB7-default.png 的说明
单击站点构建器右上方的 来预览网站的第一个页面。现在,该网站仍未发布,因此其他人现在无法查看。
您已完成了 "HOME"(主页)的创建。下面构建 "CONTACT US"(联系我们)页。下面是已完成的联系页的外观:
图示 GUID-EEE0AFB4-A9A5-4362-9100-80BB1494E464-default.png 的说明
图示 GUID-0D2B488D-7A09-4920-81CE-44F8F508F8E8-default.png 的说明
请注意,Minimal-NavMenu 组件已自动选取刚才新建的 "CONTACT US"(联系我们)页。
图示 GUID-CD535225-E948-40F2-AA4A-C092022981BD-default.png 的说明
在背景选项卡中的图像字段中,单击选择图像,然后从您先前在文档中创建的 Minimal-Images 文件夹中选择 Banner2.jpg。
属性 | 值 |
---|---|
标签 | OCE FOR DEVELOPERS |
上对齐 | 0.3vw |
下对齐 | 3vw |
左对齐 | 6vw |
右对齐 | 0.3vw |
在样式选项卡中,选择定制并完成设置。
属性 | 值 |
---|---|
背景颜色 | #c0d600 |
字体 |
|
边框 | 无 |
悬停颜色 |
|
角 | 0 |
在链接选项卡中完成设置。
属性 | 值 |
---|---|
选择链接类型 | Web 页 |
URL | http://www.oracle.com/pls/topic/lookup?ctx=cloud&id=content-cloud-headless |
目标 | 在新窗口中打开 |
"Visit the Oracle Cloud Connect Forum to post your queries."
"Oracle Content Management samples are available at: https://www.oracle.com/middleware/technologies/content-experience-downloads.html"
"Regional Office1:
Building Number 1,
City1, Province1, Country1
Regional Office2:
Building Number 2,
City2, Province2, Country2"
单击站点构建器右上方的 来预览网站,确保一切看上去正常。应确保单击 "CONTACT US"(联系我们)页上的标识图像时会返回主页。应测试菜单以确保可在网站页面之间正确导航。
您的网站现已就绪,可以发布了。