Adobe Muse CC 官方教程 简体中文.pdf

Adobe Muse CC官方教程 简体中文汉化版 Darksun 编辑 用 Muse 建造您的第一个网站 第一部分  安装软件及设定样本项目  建置网站地图  编辑「A-主版」页面  将并排显示背景影像设定为浏览器填色  使用设定为 100% 宽度的元素  将单一影像置入页面上  使用参考线来定义页面的页首与页尾区域  显示全部 在本教学课程中，您将会熟悉 Adobe Muse 工作区，并了解如何在不用撰写任何程序代码的情况下建置一个功能健全的网站。「用 Muse 建置您的第一个网站，第 1 部分」包括协助您开始 使用 Muse 的说明。您将学习如何使用主版页面、Widget、Photoshop 按钮以及链接。在浏览本教学课程时，您可以透过检阅 Katies Cafe 实际上线网站来随时查看完成的网站会是什么 样子。 回到顶端 安装软件及设定样本项目 1. 下载并安装必威体育精装版版本的 Muse。 2. 下载样本档案。 3. 解压缩 ZIP 档案，并将名为 katiesCafe 的档案夹储存到您的桌面上。 4. 启动 Muse。「欢迎」画面即会出现。选择「新增 网站」(见图 1)。 图 1. 在「欢迎」画面选取建立新网站的选项。 「新增网站」对话框即会出现。您将会使用此接口来编辑套用于整个网站的设定。 5. 将栏数设定为 12。在「栏」字段中输入数字 12，或单击字段旁的向上箭头来增加目前的值 (见图 2)。变更完此值之后，其他值会自动更新。 图 2. 更新「新增网站」对话框中的栏数。 注意：在本教学课程中，您将学习如何在 Muse 中针对桌面计算机制作您的第一个网站。请注意，「初始版面」选单预设为「桌面计算机」，因此您无需变更。未来，当您想要使用适用于智 能型手机及平板计算机的其他版面来建置网站时，您可以使用此选单来选择要先设计的版面。 在关闭「新增网站」对话框之前，请先花点时间来检阅标记为「黏性页尾」的新选项。此选项默认为启用。在大多数情况下，您会想要在建置网站时将黏性页尾选项保持启用，因为它会使 页尾保持在所需位置，即使浏览器窗口比网页设计大很多也是如此，就像它在 Apple Cinema Display 显示器上显示一样 (见图 3)。 1/ 52 图 3. 「黏性页尾」选项默认为启用。 例如，当您利用大型监视器在浏览器中预视 Muse 网站，并缩小未启用「黏性页尾」的页面时，您会发现，如果您使页面内容相对于浏览器窗口而言太小，页尾下方的区域便会显示浏览器 窗口。而若启用「黏性页尾」选项，则无论访客桌面计算机监视器的分辨率与尺寸为何，页尾内容都会与浏览器窗口的底部保持齐平 (见图 4)。 图 4. 启用了「黏性页尾」的缩小网站 (左) 与未启用「黏性页尾」的网站 (右) 比较图。 对于此样本网站项目以及在大多数情况下，您都需要在「新增网站」对话框中保持启用「黏性页尾」选项。 6. 单击「确定」储存您的更改，并关闭「新增网站」对话框。 7. 选择「档案 储存网站」。在「另存 Adobe Muse 档案为」对话框中，输入网站的名称：katiesCafe.muse。导览至您要储存此样本项目的位置 (例如您桌面计算机中的 katiesCafe 档案夹)，然后单击「储存」。 注意：katiesCafe 样本档案档案夹包含一个样本项目的已完成版本，名为 katiescafe-final.muse。如果需要，您可以在将您的项目版本储存为 katiesCafe.muse 之后双击 .muse 档案 的最终版本来将其开启。Muse 可让您一次开启多个网站项目，因此您可以预视 katiescafe 最终档案，并将它作为您在遵循这些说明时的参考使用。 在下一节，您将开始为网站新增页面。 回到顶端 建置网站地图 网站地图是以网站阶层形式存在之页面的结构式列表。您可以建立位于相同层级的页面 (无子页面)，也可以建立包含不同页面层的网站地图。(例如，一个较大的网站可能会有一个「关 于」页面，而这个页面又包含两个子页面，分别叫做「我们