9网页制作_开放型课件的设计与实现.pdfVIP

2010年03月 内蒙古民族大学学报 Mar.2010 第16卷 第2期 JournalofInnerMongoliaUniversityforNationalities Vol.16 No.2 《网页制作》开放型课件的设计与实现 张景龙，王爱松 （内蒙古民族大学，内蒙古通辽 028043） 〔摘 要〕为了使网页教学更加直观，我们制作了一个开放型课件模板。通过这个模板，可以使网页源代码和 运行结果同时显示。而且其他用户可以非常方便地将自己的网页示例加入其中，从而可以直观进行网页制作 教学。 〔关键词〕网页制作；开放型课件；源代码；文本文件 〔中图分类号〕TP399 〔文献标识码〕A 〔文章编号〕1008-5149（2010）02-0185-02 随着网络的日益普及，学习制作网页的人越来越多。制作网页的语言很多，如HTML、JavaScript、JSP、ASP、ASP.NET、 VBScript等。在传统的教学中，是教师先写网页代码，然后运行显示结果。许多电子教程中也是采用代码与运行结果分开的 方式。这种教学方式存在着一定的弊端，就是教师在讲解代码时，学生没有一个感性的认识。等到教师运行代码显示结果 时，可能学生已经忘记了具体代码中的细节。为了更好地进行教学，使教师在讲解代码的同时学生就可以观察到对应的结 果，我们制作了一个开放型的课件模板，通过这个模板可以使代码与结果同时在屏幕上显示，而且在以后的教学中，其他教 师也可以非常方便地向课件中添加自己的教学示例。 1 《网页制作》开放型课件的总体设计 首先，制作一个总菜单，用以显示教程中的教学目录。 其次，要编制一个控制模块，以调用与菜单目录项相对应的脚本文 件。 第三，编辑具体教学示例，教学示例编辑完毕并确保运行结果正确 后保存，本文件的作用是被调用后运行显示结果。 第四，将教学示例另存为扩展名为.TXT的文件，本文件的目的是用 于显示脚本的源代码。 具体流程如图1所示： 2 《网页制作》开放型课件的具体实现 2.1 总菜单主要代码 HTML …… DIVALIGN=CENTER TABLEcellSpacing=0width=700border=0 TR TDwidth=140AHREF=示例1.html01.基本结构/A/TD TDwidth=140AHREF=示例2.html02.标题栏/A/TD TDwidth=140AHREF=示例3.html03.标题1/A/TD TDwidth=140AHREF=示例4.html04.标题1-6/A/TD 图1 《网页制作》教学模板流程图 〔收稿日期〕2009-12-09 〔作者简介〕张景龙（1974-），男，内蒙古赤峰人，实验师。 185 TDwidth=140AHREF=示例5.html05.段落1/A H2这是二号标题/H2 /TD H3这是三号标题/H3 /TR H4这是四号标题/H4 TR H5这是五号标题/H5 TDAHREF=示例6.html06.段落2/A/TD H6这是六号标题/H6 TDAHREF=示例7.html07.段落3/A/TD /body TDAHREF=示例8.html08.控制断行/A/TD /HTML TDAHREF=示例9.html09.分隔符1/A/TD 2.4 脚本源代码（即标题1-6.txt文件） TDAHREF=示例10.html10.分隔符2/A/TD HTML /TR