上机实践一制作一个WebQuest教学网站
一、观察一个WebQuest的网站实例：
语文：学唐诗：李白早发白帝城/miniquest/libai
二、制作一个简单的WebQuest案例――规划网站结构：
1、在D盘根目录下新建一个以自己学号（不需要姓名）命令的文件夹，如：12140101
2、参考“学唐诗”案例，规划网站结构。

新建各网页（空白页－HTML－文档类型：无），包括：index.htm、sy.htm、qj.htm、rw.htm、zy.htm、pj.htm、cg.htm。

*3、搜集、制作网页素材如图片、动画、文字、音乐等，并存放至指定文件夹（如sucai）。

若网络速度很慢，请直接使用下载好的素材。

三、利用Dreamweaver或其他网页编辑软件修改各页面的内容。

1、打开首页页面(sy.htm)，插入图片；
2、打开情境页面(qj.htm)，将文字和GIF动画插入；
3、打开任务页面(rw.htm)，插入文字和GIF动画，为文字添加超级链接；
4、打开资源页面(zy.htm)，插入文字，为文字添加超级链接；
5、打开评价页面(pj.htm)，插入文字和图片；
6、打开成果页面(cg.htm)，插入文字和图片。

为网页添加BBS论坛和E-MAIL地址。

（BBS 地址：/ ，e-mail地址可填写自己的）。

7、打开主页(index.htm)，设计其版面。

插入表格、图片、动画、文字等，添加背景音乐；<EMBED SRC='sucai/music.mid' LOOP=false AUTOSTART=true HIDDEN=true WIDTH=0 HEIGHT=0></EMBED>
*8、制作简单的banner（FLASH动画），并插入主页；
9、插入内嵌框架，实现页面内容的复用。

内嵌框架HTML代码如下：
<IFRAME name="xsq" src="sy.htm" align=default frameBorder=0 height="100%"
width="100%">这里是其他子页面的显示区</font></IFRAME>
*10、添加CSS样式表，规范网页文字格式。

四、使用IE浏览器预览各页面，检查链接是否正常。

五、发布网站并测试
1、将以自己的学号命名的存放网页及相关素材的文件夹（注意不是单个文件）(如：12140101)整体上传到ftp://10.1.73.8，登录ftp的用户名和密码均为wlyy
2、打开IE浏览器，输入http://10.1.73.8/wlyy/12140101，测试你的网站能否正常浏览。

*3、若不能上传或发布，也可以将存放网页及相关素材的文件夹压缩为一个文件（如：12140101.rar），上传到ftp://10.1.73.8
<EMBED allowScriptAccess="always" allowNetworking="all"
src="/npuz/puz.php?c=f&o=1&id=3162664&k=55041398&s=90&w=630&h=36 0" quality=high wmode=transparent scale=noscale salign=LT bgcolor="FFFFFF" WIDTH="780" HEIGHT="510" NAME="puz104946" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="/go/getflashplayer" /><BR><a
href="/index.php?puz"><img
src="/puz2.gif"><br><b><font face="Verdana"><h5>provided by
</h5></font></b></a><br></center><br><br><center><a
href="/index.php?puz"><img src="/puz1.gif"></a> <EMBED allowScriptAccess="always" allowNetworking="all"
src="/npuz/puz.php?c=f&o=1&id=4381517&k=75752200&s=90&w=630&h=45 0" quality=high wmode=transparent scale=noscale salign=LT bgcolor="FFFFFF" WIDTH="780" HEIGHT="600" NAME="puz110755" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="/go/getflashplayer" />。