当前网络上最热门的技术之一就是视差滚动。 我们都去过那些旋转鼠标滚轮的网站，当您旋转鼠标滚轮时，网页上的内容会上下移动或横跨页面。
对于那些不熟悉网页设计和平面设计的人来说，由于需要CSS的数量，这种技术可能非常难以实现。
如果这样描述你，有很多应用程序可能会吸引图形艺术家。 他们基本上使用熟悉的页面布局方法来处理网页，这意味着如果有的话，涉及的代码并不多。 Adobe Muse已经成为一个突出的应用程序。
图形专业人员使用Muse进行的工作非常了不起，您可以通过访问“当日缪斯网站”了解您可以做些什么。 虽然网络专业人员倾向于将Muse视为某种“发条玩具”，但它也被设计师用来创建移动和网络原型，最终将其交给开发团队。
一种使用Muse非常容易完成的技术是视差滚动，如果您想查看练习的完整版本，我们将通过浏览器指向此页面。 当您滚动鼠标的滚轮时，文字似乎会向上或向下移动页面，图像会发生变化。
让我们开始吧。
07年1月
创建一个网页
当您启动Muse时，请点击新建网站链接。 这将打开新网站属性 。 此项目将设计用于桌面应用程序，您可以在初始布局下拉菜单中选择它。 您还可以设置“列数”，“装订线宽度”，“边距”和“填充”的值。 在这种情况下，我们并不担心这一点，只需点击确定即可 。
07年2月
格式化页面
当您设置网站属性并单击确定时，您将看到所谓的平面视图。 顶部有一个主页 ，窗口底部有一个主页面 。 我们只需要一页。 要进入设计视图，我们双击打开界面的主页。
左边是一些基本工具，右边是用于操纵页面内容的各种面板。 沿着顶部是可以应用于页面的属性，或者页面上选择的任何内容。 在这种情况下，我们想要有一个黑色的背景。 为了实现这一点，我们点击浏览器填充颜色芯片并从颜色选择器中选择黑色。
03年7月
添加文本到页面
下一步是向页面添加一些文本。 我们选择了文本工具并绘出了一个文本框。 我们输入单词“欢迎”，并在属性中将文本设置为Arial，120像素白色。 中心对齐。
然后，我们切换到选择工具，单击文本框，并将其Y位置从顶部设置为168像素。 在文本框仍然处于选中状态的情况下，我们打开“ 对齐”面板并将文本框对齐到中心。
最后，选中文本框，我们按住Option / Alt和Shift键并制作了四个文本框。 我们将每个副本的文本和Y位置更改为：
- 到，871
- 图形，1621
- 软件，2371
- @ About.com，3181
您会注意到，在设置每个文本框的位置时，页面会调整大小以适应文本的位置。
04年7月
添加图片占位符
下一步是在文本块之间放置图像。
第一步是选择矩形工具并绘制一个从页面一侧延伸到另一侧的框。 选择矩形后，我们将其高度设置为250像素 ，将其Y位置设置为425像素 。 计划是让它们总是伸展或缩小到页面宽度以适应用户的浏览器视口。 为了达到这个目的，我们点击了属性中的100％宽度按钮。 这样做会使X值变灰，并确保图像始终为浏览器中视口宽度的100％。
07年05月
将图像添加到图像占位符
选择矩形后，我们单击填充链接 - 不是彩色芯片 -然后单击我的图像墨水以在矩形中添加图像。 在拟合区域中，我们选择“ 缩放以适合”并单击“ 位置”区域中的中心手柄 ，以确保图像从图像中心缩放。
接下来，我们使用Option / Alt-Shift拖动技术在前两个文本块之间创建图像的副本，打开“填充”面板并将图像换为另一个。 我们为剩余的两张图片做了这个。
随着图像的到位，是时候添加运动了。
06年7月
添加视差滚动
在Adobe Muse中添加视差滚动有许多方法。 我们将向您展示一个简单的方法。
打开“填充”面板后，单击“ 滚动”选项卡，并在打开时单击“ 移动”复选框 。
您将看到初始和最终动作的值。 这些决定了图像相对于滚轮移动的速度。 例如，1.5的值会使图像比轮子快1.5倍。 我们使用值0来锁定图像。
水平和垂直箭头确定运动的方向。 如果值为0，则无论您单击哪个箭头，图像都不会移动。
中间值 - 键位置 - 显示图像开始移动的位置。 图像上方的行开始，对于此图像，从页面顶部开始为325像素。 当滚动达到该值时，图像开始移动。 您可以更改该值，方法是在对话框中更改该值，或者通过单击并拖动该行顶部的点向上或向下拖动该值。
对页面上的其他图像重复此操作。
07年7月
浏览器测试
此时，我们完成了。 出于显而易见的原因，我们做的第一件事是选择File> Save Site 。 要进行浏览器测试，我们只需在浏览器中选择文件>预览页面 。 这打开了我们计算机的默认浏览器，当页面打开时，我们开始滚动。