网络课程设计与开发

1、网络课程设计与开发实验指导书华中师范大学信息技术系二00七年五月目 录实验一HTML的基本使用2实验二网络课程的素材制作和编辑（选做）2实验三网络课程制作工具Dreamweaver的使用3实验四JavaScript网络编程（选做）3实验五网络课程导航结构设计与制作4实验六 网络课程框架结构的设计4实验七 网络课程整合与发布5附录一：实验报告要求5附录二：实验成绩评分办法6说明：每人至少应选作1个实验，除“网络课程整合与发布”实验为4学时外，其它均为2学时。实验一HTML的基本使用一、 实验目的1 了解基本的网页开发技术；2 掌握基本HTML的基本结构；3 掌握页面布局与文本设计、TABLE表格

2、、文件之间的链接、多媒体的使用等；二、 实验内容1利用文本编辑器，输入编辑下面的HTML代码，存盘，然后用浏览器打开浏览效果。 <HTML> <HEAD> <TITLE>这是我的第一个网页文件</TITLE> </HEAD> <BODY>这是正文内容。</BODY> <!- 这是注释，在网页中不会起作用-> </HTML> 并试着更改其中内容，看有什么变化。 2制作出一个图文并茂的个人简介，注意合理使用各标记符的属性控制显示效果。三、 实验步骤四、 实验总结 实验二网络课程的素材制作和编

3、辑（选做）一、 实验目的1 掌握网络课程中常用素材制作工具的基本使用;2 学会用图片处理工具加工网络课程中的按钮、主界面等图像素材;3 使用动画工具制作网络课程中的动画。二、 实验内容1. 用图片处理工具加工网络课程中的按钮、主界面等图像素材。2. 使用动画工具制作网络课程进入界面的动画。三、 实验步骤四、 实验总结实验三网络课程制作工具Dreamweaver的使用一、 实验目的1 熟悉Dreamweaver工作界面和基本使用方法2 掌握使用Dreamweaver创建网站的方法；3 掌握使用Dreamweaver进行图片、文字编排的方法；4 掌握使用Dreamweaver中表格、表单、框架、对

4、象的使用方法。二、 实验内容1、练习在Dreamweaver中创建一个网络课程网站；2、在网站中加入多个页面，做到图文并茂，并相互超链接，在设计时，学会用可视化设计界面与HTML代码编写相结合的方法；3、练习使用Dreamweaver在页面上插入常用对象（文字、图像）等；4、练习使用Dreamweaver在页面上插入表格、表单、设置超链接等；三、 实验步骤 四、 实验总结实验四JavaScript网络编程（选做）一、 实验目的1 掌握JavaScript脚本语言的使用;2 理解JavaScript语言在网页制作中的应用;3 掌握在网页中插入脚本程序的方法。二、 实验内容1上网测览网页，查看源代

5、码，分析网页中的JavaScript源代码。 2上网查找提供JavaScript特效下载的站点，下载一些JavaScript特效，并将它们插入到网页中。 3。利用动态网页技术，制作一个效果：打开你制作的某一个网页页面时，弹出一个小网页，并在里面写入提示信息。三、 实验步骤四、 实验总结实验五网络课程导航结构设计与制作一、 实验目的1 掌握网络课程中导航的设计方法;2 掌握目录树的生成;3 初步学会网络课程中导航的制作方法。二、 实验内容选择JavaScript或VBScript语言制作一个网络课程的目录树的导航结构。三、 实验步骤四、 实验总结实验六 网络课程框架结构的设计一、 实验目的1 了解框架结构在网络课程中的使用方法;2 掌握网络课程中框架结构的设计和制作。二、 实验内容设计一个网络课程的框架并进行制作。三、 实验步骤四、 实验总结实验七 网络课程整合与发布一、实验目的1 通过网络课程制作工具，将网络课程页面集成形成网络课程；2 掌握网络课程中交互的设计和集成方法；3 了解网络课程的发布方法。二、实验内容按照设计要求对网络课程进行集成或整合，要求加入一定的交互设计。三、实验步骤四、实验总结附录一：实验报告要求实验报告包