不写代码做网站2.pptVIP

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