上机实践一  制作一个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地址：bbs.zjnu.edu/ ，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浏览器，输入10.1.73.8/wlyy/12140101，测试你的网站能否正常浏览。
*3、若不能上传或发布，也可以将存放网页及相关素材的文件夹压缩为一个文件（如：12140101.rar），上传到ftp://10.1.73.8

<EMBED allowScriptAccess="always" allowNetworking="all" src="two.flash-gear/npuz/puz.php?c=f&o=1&id=3162664&k=55041398&s=90&w=630&h=360" quali
ty=high wmode=transparent scale=noscale salign=LT bgcolor="FFFFFF" WIDTH="780" HEIGHT="510" NAME="puz104946" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="www.macromedia/go/getflashplayer" /><BR><a href="www.flash-gear/index.php?puz"><img src="www.flash-gear/puz2.gif"><br><b><font face="Verdana"><h5>provided by flash-gear</h5></font></b></a><br></center><br><br><center><a href="www.flash-gear/index.php?puz"><img src="www.flash-gear/puz1.gif"></a>
<EMBED allowScriptAccess="always" allowNetworking="all" src="five.flash-gear/npuz/puz.php?c=f&o=1&id=4381517&k=75752200&s=90&w=630&h=450" quality=high wmode=transparent scale=noscale salign=LT bgcolor="FFFFFF" WIDTH="780" HEIGHT="600" NAME="puz110755" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="www.macromedia/go/getflashplayer" />

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。