实验一、使用Dreamweaver创建你的站点.doc

实验一、 使用 Dreamweaver 创建你的站点 1、[目的要求] 掌握使用Dreamweaver创建本地站点和远程站点的方法。 2、[ 时间安排 ] 约2课时。 3、[ 软件环境 ] Windows2000/XP Dreamweaver mx2004 4、[实验内容] 1) 建立本地站点：建立本地站点，设置访问本级网站的HTTP地址。 2) 建立远程站点：建立远程站点，上传站点并访问。 3) 使用FTP发布与上传网站演示：通过设置FTP的方式访问远端站点，上传站点文件。 实验二、 Dreamweaver网页制作基础 1、[目的要求] 1) 熟练制作网页文字、熟练制作网页图像、超链接、表格。 2) 能将实习得到的成果，上传到服务器，并浏览服务器，查看效果。 2、[ 时间安排 ] 约6课时。 3、[ 软件环境 ] Windows2000/XP Dreamweaver mx2004 4、[ 硬件环境 ] 一台具有Web服务、ftp服务的服务器，能保存学生实习成果，并便于以后进一步实习。 学生实习的计算机与服务器联网。 5、 [实验内容] 1) 输入文本: 输入文本，插入字符和日期。 2) 格式化文本：设置文本系统字体，设置后背字体，设置文本属性。 3)设置项目/编号列表： 设置、取消项目列表，设置编号列表。 4) 插入图像：插入、查看图像。 5) 设置图像属性：通过图像属性面板设置图像一般属性，使用Fireworks编辑、优化图像。 6) 创建鼠标经过图像 7) 创建图像地图:制作、修改图像地图。 8) 制作超链接：制作到页面、word文档、flash动画、声音文件、程序文件、缩略图到大图的链接。 9) 制作跳转菜单：设置、修改跳转菜单，删除表单域。 10) 制作锚点链接： 插入锚点，链接到锚点 11) 制作导航条：添加、修改导航按钮，设置按钮链接。 12) 电子邮件链接：制作Email链接。 13) 表格制作与网页布局演示：插入表格，设置表格单元格属性，设置表格属性。 实验三、 页面布局设计 1、[目的要求] 1) 熟练使用布局视图进行页面布局。 2) 熟练制作框架和使用层。 2、[ 时间安排 ] 约3课时。 3、[ 软件环境 ] Windows2000/XP Dreamweaver mx2004 4、 [实验内容] 1) 使用布局视图演示 ：使用布局视图绘制和修改布局表格与布局单元格。 2) 框架网页制作演示 ：创建和保存框架，设置框架属性。 层的使用演示 ：创建层并插入图像，制???嵌套层，改变层的属性。 实验四、 使用 CSS 样式表 1、 [目的要求] 1）理解CSS的概念。 2）掌握使用CSS修饰网页元素的方法。 3）掌握一些常用的CSS元素。 2、[ 时间安排 ] 约3课时。 3、 软件环境 Windows2000/XP Dreamweaver mx2004 4、[实验内容] 1）设置页面属性： 设置外观、页面链接、标题样式属性，对网页文本设置标题样式。 2）创建自定义样式：创建样式表文件，设置、应用样式。 3）重新设置html标签： 重定义标签，设置背景图像不重复。 4）附加与链接样式表：附加样式表文件，应用附加样式表中的样式。 实验五 模板和库的基本操作和应用 1、[目的要求] 1）进一步了解模板和库的概念、特点及作用。 2）掌握模板的创建、编辑及管理方法，能够熟练使用模板进行页面设计和管理。 3）掌握库项目的创建、编辑及管理方法，能够熟练使用库项目进行页面设计。 2、[ 时间安排 ] 约3课时。 3、[ 软件环境 ] Windows2000/XP Dreamweaver mx2004 4, [实验内容] 模板的建立与使用：将网页保存为模板，定义模板可编辑区，创建模板的网页，修改模板。 实验六 行为的基本操作 1、 [目的要求] 1）掌握在Dreamweaver中添加和删除行为的方法。 2）掌握常用Dreamweaver 中自带行为的使用方法。 2、[ 时间安排 ] 约6课时。 3、[ 软件环境 ] Windows2000/XP Dreamweaver mx2004 4, [实验内容] 1）弹出消息：添加弹出信息行为，设置事件， 在添加行为的网页元素上加入一个空链接。 2）设置状态条文本：添加、设置行为，设置事件。 3）下载网页时打开窗口：制作下载时打开网页，添加浏览器窗口行为。 4）点击元素打开窗口：添加打开浏览器窗口行为，设置事件。 5）交换图象 6）拖动层 7）层的显示与隐藏：创建层并插入图像，制作嵌套层，改变层属性，添加行为。 8）改变属性：设置OnMouseOver和OnMouseOut行为。 9）检查插件 10）