null 写代码作网站2 写代码作网站2By yorkinchai
2012-12资料翻译自《Building your first website with Muse》Adobe Muse 官网Tutorial教程http://www.adobekb.com不null点击Plan视图，切换到以下界面null鼠标移至Home页面，其周边出现三个加号，点左右两个能增加同级页面，下方则是二级页面null如下图增加页面，先增加Food为Home的同级页，然后添加Breakfast为Food的下级页，最后添加Lunch和Dinner为Breakfast的同级页null注意：右击页面，选择rename page，可重命名页面null双击home页面，点选【file】-【place】null在出现的对话框中按住Ctrl键，选取home_image以及follow_us_on_twitter两张图片（利用这种方法可以一次性添加多张图）null将home_image图片放置在中央，另一张图在右边，并将其旋转为垂直方向（黑鼠标挪到图片控制框的右上角可出现旋转控制）null下面是调整好的home页面null选中follow_us_on_twitter图片，在工具栏的pin中，选择右上位置，该图片将相对浏览器定位（拉动垂直滚动条，该图片随之而动）null预览，并拉动垂直滚动条可见效果nullnull注意：为了确保此类图片能悬浮或置底于其他页面元素，可选中图片，右键菜单中选择Arrange > Bring to Front或Arrange > Send to backgroundnull选择follow_us_on_twitter图片，在工具栏的Links中直接添加超链接地址（外部链接）
也可使用邮箱地址address@email.com null选择右边面板的Lightbox Display（如找不到Widgets Library面板，可以点击菜单【Window】-【 Widgets Library】 ）null双击LightBox，变为下图null将lightBox拖动到页面中null本来的lightbox上共有三个小矩形null选中最右边的小矩形，按删除键null再选中中间的小矩形，按删除键null注意：操作矩形时要确保它被选中，选中时将出现六个小控制矩形，如果第一次点lightbox，是整个控件被选中，此时需对小矩形再点一下这样才有选中null选中home_image图片，剪切（Ctrl+X），选中lightbox剩下的小矩形，Ctrl+V粘帖或者点[edit]-[paste]菜单null此时home_image图片的位置可能产生偏差，此时需要选中并调整位置，调整时注意该图片后面还有一个灰色区域，用来调整lightbox的位置也要一起调，如未调好，页面会变形（这个操作有些难，多练几次，只可意会）null调整好后预览，鼠标移至图片中央，将出现红色小边框null点击图片出现这个nulllightbox可以放置任何东西，比如图片、矩形、按钮以及嵌入式html代码（可以是网站的资源分享码）null回到设计视图，选中lightbox的最中间部分，多选几次才能正确选中，然后点delete键null到优酷网选择任意视频，点击下方的转发到按钮，并拷贝通用代码文本框中的内容null选中lightbox的中间部分null点击【Object】-【Insert html…】,在出现的对话框中粘帖刚才拷贝的视频分享码null点ok后，右下角出现新的矩形块null拖动矩形块到lightbox的中间部分null预览点击home_image图片，出现优酷视频null发现视频框的大小与lightbox不匹配，回到设计视图html矩形块的大小应该在黄色线内即lightbox的可视域的大小范围null选中lightbox，右边面板的Transform中显示了其宽和高的值null估算其大小，并点击html矩形块，右击菜单edit html，输入新的宽和高null这个值是反复多次微调出来的null现在预览的效果nullLightbox还有很多可配置的选项，点中右边灰色矩形条上面的蓝色箭头按钮null切换到plan视图，双击food页面，选择文本工具到该页面的header下面拉出文本框null选择黑鼠标，选中文本框，可以仿照操作矩形的方法，为其添加背景图片（此处为其添加hollow_circles.png ）nullnull双击文本框，调其字体大小和颜色，注意这个文本框是几乎覆盖整个页面的，所以要扩展其宽度nullnull预览时没有看到网站的页眉页脚，这是因为我们制作的是home页面的页眉页脚，在这个设计中，所有的页面都要使用同一套页眉页脚，我们可以做到master page中null在plan视图，双击下面的master pagenull进入后，仿照在home页的操作，在header部分添加矩形设置背景，另外在footer部分添加两个矩形，同样设置背景（具体操作见
ppt
关于艾滋病ppt课件精益管理ppt下载地图下载ppt可编辑假如ppt教学课件下载triz基础知识ppt
1的部分）null再次预览food页面，效果如下
浙公网安备 33021202002483