中文版-Dreamweaver-CS6网页设计教程-第12章.ppt

第12章 实 验 12.1 实验一：Dreamweaver CS6 简介 1. 目的和要求 (1) 掌握Dreamweaver CS6常用面板的使用方法。 (2) 掌握Dreamweaver CS6的文件操作。 2. 上机准备 (1) 了解Dreamweaver CS6的新增功能。 (2) 了解Dreamweaver CS6的安装、删除和启动。 (3) 了解Dreamweaver CS6的工作界面。 (4) 了解Dreamweaver CS6的一般操作。 3. 上机操作实例 创建一个网页并在网页中插入文档。 12.1 实验一：Dreamweaver CS6 简介 4. 操作步骤 (1) 选择“文件”|“新建”菜单命令，打开“新建文档”对话框，如图12-1所示。 (2) 选择“空白页”选项卡中的HTML选项，在“布局”列表框中选择“无”选项，并单击“创建”按钮，结果如图12-2所示。 (3) 切换文档的视图并向文档中添加内容。 12.2 实验二：站点的设计 1. 目的和要求 (1) 掌握建立站点的方法。 (2) 掌握编辑站点的方法。 2. 上机准备 (1) 了解规划站点。 (2) 了解建立站点。 (3) 了解定义本地与远程站点。 (4) 了解设置测试服务器。 (5) 了解编辑站点。 12.2 实验二：站点的设计 3. 上机操作 4. 操作步骤 1) 创建本地文件夹 2) 定义本地站点 3) 管理站点文件 4) 打包上传到局域网 5) 远程与本地站点的同步 12.3 实验三：超链接的使用 1. 目的和要求 (1) 掌握超链接的使用方法。 (2) 掌握修改超链接样式的方法。 2. 上机准备 (1) 了解创建超链接的方法。 (2) 了解管理超链接的方法。 (3) 了解测试超链接的方法。 (4) 了解修改链接样式的方法。 12.3 实验三：超链接的使用 3. 上机操作 建立如图12-18所示的站点地图。 4. 操作步骤 (1) 建立站点test，并建立相关文件及文件夹。 (2) 设置main.html为首页。 (3) 添加相关超链接。 12.4 实验四：图像与多媒体 1. 目的和要求 (1) 掌握如何插入图像及其属性设置。 (2) 掌握如何插入Flash对象及其属性设置。 2. 上机准备 (1) 了解插入图像的方法。 (2) 了解设置图像属性的方法。 (3) 了解插入Flash对象的方法。 (4) 了解插入Shockwave与Java Applet对象的方法。 3. 上机操作 4. 操作步骤 1) 插入 Flash 元素 2) 使用 Flash 元素检查器编辑 Flash 元素的属性 3) 设置和图像有关的各选项。 4) 保存并预览 12.5 实验五：CSS样式 1. 目的和要求 (1) 掌握如何使用CSS样式。 (2) 掌握如何设置CSS样式的参数。 2. 上机准备 (1) 了解CSS概述。 (2) 了解如何定义和使用CSS样式。 (3) 了解如何设置CSS样式参数。 3. 上机操作 1) 光晕字 2) 阴影字 3) 遮罩字 4) 动感字 12.6 实验六：表格和框架 1. 目的和要求 (1) 掌握表格的使用方法及属性设置。 (2) 掌握布局视图的使用。 (3) 掌握框架的使用。 (4) 掌握层的使用方法。 2. 上机准备 (1) 了解表格的使用。 (2) 了解布局视图的使用。 (3) 了解框架的使用。 (4) 了解层的属性设置。 12.6 实验六：表格和框架 3. 上机操作 制作一个个人网站，效果如图12-35所示。 12.6 实验六：表格和框架 4. 操作步骤 1) 定义本地站点 2) 采用框架设计整体页面 3) left.htm页面的设计 4) woaiwojia.htm页面的设计 5) qingchunjiyu.htm页面的设计 6) sheyingxinshang.htm页面的设计 7) youqinglianjie.htm页面的设计 12.7 实验七：行为的使用 1. 目的和要求 (1) 掌握如何使用行为面板。 (2) 掌握使用内置行为的方法。 2. 上机准备 (1) 了解使用行文面板的方法。 (2) 了解使用内置行为的方法。 (3) 了解下载和安装扩展行为的方法。 12.7 实验七：行为的使用 3. 上机操作 4. 操作步骤 1) 改变文本的颜色 2) 改变文字的背景 3) 改变文字的大小 12.8 实验八：模板和库 1． 目的和要求 (1) 掌握如何编辑模板和应用模板。 (2) 掌握库的应用。 2. 上机准备 (1) 了解创建模板的方法。 (2) 了解编辑模板的方法。 (3) 了解应用模板的方法。 (4) 了