Dreamweaver 8中文版实用教程 -颜辉 第13章_Dreamweaver 8实例.ppt

13.* ? 2007 第13章 Dreamweaver 8实例 第13章Dreamweaver 8实例 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 掌握网页文字多样化的技巧 掌握表格页面的美化方法 掌握滑动折叠菜单的制作技巧 掌握随机广告的制作方法 教学目的 本章内容 创建多样化的文字链接 利用表格美化页面 用框架建立网站 制作滑动折叠菜单 利用插件制作随机广告 添加锚点 13.1 创建多样化的文字链接 创建多样化的文字链接 单击“文件”→“新建”命令，在类别中选择“基本页”，在基本页栏中选择HTML 1．新建HTML页 2．创建CSS样式表文件 创建多样化的文字链接 右击“CSS样式”面板，在下拉菜单中选择“新建”命令 创建多样化的文字链接 3．保存样式 打开“保存样式表文件为”对话框 创建多样化的文字链接 4．编辑样式 5．新建并设置样式“.t1” 创建多样化的文字链接 右击“CSS样式”面板→选择“新建”命令 创建多样化的文字链接 6．在文档窗口中输入“无下划线”字 选中“无下划线”段落→打开属性设置界面 13.2 利用表格美化页面 利用表格美化页面 新建HTML页面 1．新建HTML页 利用表格美化页面 2．设置表格 光标置于第一行的单元格中→背景颜色设置为#69A538→第二行单元格的背景颜色设置为#8FCB5A→第一行单元格中插入一个1×5的表格 利用表格美化页面 3．录入文字并设置单元格 利用表格美化页面 4．突出显示某单元格 利用表格美化页面 5．保存并预览 F12 13.3 用框架建立网站 用框架建立网站 有时会看到一些论坛，左边是每个讨论区的名称，选择任意一个讨论区就可以在右部区域中看见相应讨论区的内容，但左右部分是独立显示的，比如拖动左边的滚动条不会影响右侧的显示效果。其实这是在页面中利用了框架技术，可以把浏览器的显示空间分割为几个部分，每个部分都独立显示网页内容。 用框架建立网站 设置框架参数 left.htm right.htm main.htm 新建一个HTML页 新建HTML页并保存页面，取名为myphoto 新建HTML页并保存页面，取名为myphoto 用框架建立网站 13.4 制作滑动折叠菜单 制作滑动折叠菜单 新建一个HTML 绘制父层Layer1 设置属性 设置属性 绘制父层Layer2 制作滑动折叠菜单 Layer1 表格属性 文字属性 Layer2 输入“内地音乐、港台音乐、欧美音乐、韩日音乐”，并为每个文本设置超链接 “插入”→“时间轴”→“添加对象到时间轴” 制作滑动折叠菜单 制作滑动折叠菜单 Timeline1 Timeline2 制作滑动折叠菜单 行为面板内的加号（+） →“时间轴”→“播放时间轴” 第一个单元格 “时间轴”→“停止时间轴” “时间轴”→“转到时间轴” 制作滑动折叠菜单 Timeline2 Layer2