《网络教育应用》实验教案(完整版).docVIP

《网络教育应用》 实 验 教 案 系别：教育科学与技术系 年级：教育技术学2005级 教师：黄克斌 2006年9月 《网络教育应用》实验教案 目 录 实验项目： 实验一 HTML标记的基本语法和Dreamweaver的基本操作 实验二 表格的使用 实验三 表单及JavaScript/VBScript 的使用 实验四 ASP编辑环境及ASP基本语法 实验五 ASP对象内置对象 实验六 使用ADO对象访问数据库 实验七 使用ASP内置组件 实验八 CSS样式表 实验九 层和时间线动画 实验十 框架 实验十一 行为 实验十二 综合应用开发 实验注意事项： 实验之前应认真阅读实验讲义及教材有关章节。 实验室内禁止抽烟、禁止大声喧哗。 严格按照规定操作所有仪器设备，如有损坏或丢失，应及时报告，并根据情况进行赔偿。 实验中注意原始数据的记载和保存。 注意保持场地清洁，实验完毕，主动协助指导教师清扫整理实验室。 实验之后，认真填写实验报告。 实验一、HTML标记的基本语法和Dreamweaver的基本操作 一、实验目的： 1、熟悉HTML文件的编辑环境（记事本或Dreamweaver），了解HTML文件的基本结构，并使用Internet Explorer测试HTML文件的操作。 2、了解网站的制作流程，掌握用Dreamweaver建构网站和制作网页的主要步骤。 3、掌握HTML中与文字、图片、页面有关的基本标记。 4、掌握用Dreamweaver中文字、图片、页面的处理方法。 5、了解HTML中与超级链接有关的HTML标记。 6、掌握在Dreamweaver中制作一般链接、邮件链接、锚点链接、文件下载的方法。 7、学会用Dreamweaver制作图像映射、导航条、跳转菜单。 二、实验内容： 1、用Dreamweaver MX 2004建立一个本地站点，站点名为Mysite。 2、在Mysite站点中建立一个首页：index.htm（样式参照实验资料附录：index.jpg），设置好首页的大小、样式、背景，并在首页中插入文字、图片、链接、邮件链接、锚点链接等内容。 三、实验原理 建立一个网站，首先要在本地机器上做好网站，再传到网上的虚拟空间上。本地站点的建立定义好之后，就要开始新建网页文件和文件夹打开Dreamweaver，在菜单栏上，点击站点菜单，选择新建站点 接下来需要给站点起一个名字，可以起任意一个名字。按下一步按钮，选择是否使用服务器技术。因为实例建立的是一个静态站点，就选择“否，我不想使用服务器技术”。 按下一步按钮，因为要传到网上的虚拟主页空间，就要选择“编辑我的计算机上的本地副本，完成后再传到服务器上”。 按下一步，选择要定义的本地根文件夹，这里选择Mysite文件夹。 点“选择”按钮，因为没有使用远程服务器，就选择“无”。 按下一步，在出现站点相关信息对话框下选择“完成”按钮，一个站点就定义好了。 2、站点定义好之后，就要开始新建网页文件和文件夹了，在站点中点击右键，选择新建文件给新建的文件输入名称。双击站点中的index.htm，打开一个空白的页面。我们将从这个空白页面开始制作，了解页面属性的设置和作用。在工作区点鼠标右键，选择页面属性打开页面属性对话框 在其中，我们可以设置页面的边距、背景、链接等属性。设置左边界，顶部边界，边界宽度，边界高度都为0，可以使页面中的表格与背景没有空隙用得比较多的还有背景图像，选择一个已经做好的图像，就可以设置成页面的背景图像。点击插入表格图标打开“插入表格”对话框，设置行数为1，列数为1，宽度选百分比，值为100，边框为0 一个可以在各种显示器上全屏幕显示的网页就搭建好了。以后要做的是在表格里填充内容。下面介绍象素大小的表格设置，选择像素为单位，值为768。可以在15英寸显示器上全屏幕显示，在17英寸显示器上也有好的显示效果。相对使用百分比制作网页，采用像素比较简单。 做一个在800×600分辨率下满屏幕显示的页面，可以大致选择一个近似的值：“宽768高430”，“宽776高430”等。用像素为单位的表格，大多是把表格设置为居中对齐。选中表格，在属性面板选择对齐方式为居中对齐。完全下载一个表格的内容，才能在IE中显示出来。如果页面文件小，可以只有一个表格放内容。如果页面文件很大，可以在页面中，从上到下放几个宽度相同的表格，分别放不同的内容，这样就会一个一个显示表格里面的内容，不用等整个网页的内容下载完。 以上是一个主页的简单结构，由三个表格组成。第一个表格，二行一列，第一行放LOGO和Banner,第二行放导航菜单。 中间一个表格，一行二列，里面再分别插入两个表格，左边表格放导航或者图片，右边表格放网页内容。典型的二分栏结构。 下面一个表格，一行一列，放版