第5章_网页制作.pptVIP

（5）bgsound 设置背景音乐，单标记 属性： src：指明背景音乐所有路径及文件完整名称 loop：指定音乐播放的次数 第1次作业总结 标记、属性要分清； 绝对路径与相对路径问题； 如何确定文件类型(部分文件不能正常显示); 正确保存。 第2次作业总结 主页名字：index.html； 如何链接到不同文件； 如何设置链接文字的颜色； 如何给图片做超级链接； 如何制作滚动的图片； 5.2 DreamWeaver网页设计 要制作一个漂亮、直观的Web网页，除了要了解HTML语言知识外，一般来说，还需要掌握一种Web网页可视化制作软件，如DreamWeawer、FrontPage等，这样可以提高程序设计的效率，缩短软件研发周期。 DreamWeawer和FrontPage在功能上各有千秋。DreamWeaver功能更强大一些，冗余代码少，站点管理、特效实现等轻而易举。DreamWeaver有多个不同的版本，本节我们将详细介绍DreamWeaver 8.0的使用方法。 启动 窗口介绍 制作第一个网页 注意： 直接回车和shift+回车的行间距不一样； 在图片属性/对齐设置中设为左对齐或右对齐即可使文字与图并列；对图片可以做裁剪等编辑，还可做热点链接； 链接的目标可设置为_blank； 水平线通过HTML插入hr或插入/HTML/水平线； 通过“页面属性”可设置页面背景等； 插入/媒体/FLASH可插入一个FLASH；利用层插入透明的FLASH，需设置参数：wmode=“transparent” 背景音乐利用bgsound src=“”； 插入带控制面版的MP3用embed src=“”（或插入/媒体/插件）； 利用HTML插入一个视频img dynsrc=“”（或插入/媒体/插件）； 表 格 表格(Table)是网页制作中安排布局最好的工具，因为表格不但可以很好的安排文本或图像的显示位置，而且还可以任意的进行背景和前景颜色的设置。 用Dreamwaver编缉表格 1.编缉表格的基本操作 插入表格 表格的属性 添加和删除行或列 拆分或合并单元格 嵌套表格 利用表格进行版面布局示例 框 架 示例一：网页设计大赛的页面 示例二：网络技术学习平台的页面 框架的基本操作 框架网页示例1 框架网页示例2 制作小技巧-图层 1.创建图层 2.图层的主要操作 激活层 选择层 调整层的大小和位置 3.图层示例 加入透明FLASH 阴影字 制作小技巧 为对象添加行为，示例 创建空链接 在行为面板中选择“添加行为+”/“弹出信息”或“添加声音” 制作小技巧 制作弹出窗口，示例 单独制作弹出窗口 打开需添加弹出窗口网页，打开行为面板，添加行为打开浏览器窗口，并设置窗口大小即可。 当用户进行选择操作并且选中该项时，SELECT名将得到这个值。发送时这个值是要传送到服务器上的，服务器通过调用SELECT名字的Value属性来获得该区域选中的数据项。 当OPTION标记不含有VALUE属性时，则以选项文本作为最后的取值。 电脑乐园 - 程序设计 table border=“1” tr td…/td td…/td /tr tr td…/td td…/td /tr /table table表示表格开始 tr创建表格第一行 td创建表格内的单元格，此标记内的文字就是单元格内的文字 用HTML代码绘制表格 tr创建表格第二行 示例 用笔勾画网页的轮廓草图及布局安排。上图为北京希望电子出版社BHP网站网页设计草图之一。 2.利用表格对版面进行面局 在单元格内就可以插图、做背景、写文字等 框架可以将浏览器显示空间分割成几个部分，每个部分可以单独显示不同的网页。最典型的例子，就是各个大型网站的论坛。 目录 主内容 LOGO和分栏 详细内容 1. 建立框架 2. 保存框架 3. 编缉框架 选择窗口菜单中的“框架”：在右侧显示框架面版 ALT键+单击框架内部：选中某一框架 可视化助理中选择“框架边框”：显示边框，调整大小 制作导航条 示例 插入/图象对象/导航条 制作鼠标经过图像 插入/图象对象/鼠标经过图像 制作跳转菜单 示例 插入/表单/跳转菜单 制作状态栏文本，示例 添加行为中的文本/状态栏文本 注意添加两次，一次是OnMouseOver，一次是OnMouseOut 制作在页面中滚动的文本或图像，示例 marquee 这里放文字或图片 /marquee 在HTML文档中，超级链接扮演着非常重要的脚色。正是超级链接的应用，才使得用户非常容易地从一个网页快速跳转到另一个网页，从一个站点转向下一个站点。使得Int