高校《网页制作》课程的教学

高校《网页制作》课程的教学

文志连

(湖南涉外经济学院计算机系，湖南长沙410205)

摘要:本文分析了《网页制作》课程的教学目标、教学内容以及学生学习的目标、教学的方法以及教学的效果。

关键词:网页制作自主学习团队协作

随着网络的日益普及，网络上的网页技术也迅猛发展，为适应时代需要，当今大学生尤其是计算机专业的学生，掌握好

《网页制作》这门技术势在必行。在我校，已经把这门技术列为

计算机专业的必修课，非计算机专业的选修课。这是一门综合

性课程，它集合了包括文字、图片、声音、动画等多项技术，也是一门锻炼学生自主学习能力和实践能力的好课题。本文是

作者在几年的教学实践中，对于《网页制作》这门课程的教学

总结，愿与同行商榷。

一、明确教学目标，把握教学内容《网页制作》的教学目标是让学生学习网页制作知识和技术、培养网页设计动手能力，以使学生将来能更好地适应企业

“网页设计师”岗位的用人需求。为了达到这个教学目标，所以

教师要重视教学内容的选取。教学内容应以就业为导向，将学

生日后就业可能遇到的问题纳入到教学内容中，突出“学以致用”。由于计算机技术发展迅猛，所教内容更要考虑到技术的

先进性、前瞻性和延续性。若只注重理论或使用过时版本软件，很容易使学生产生厌学情绪，不利于具有创新思维和创新能力人才培养，从而违背高校教学目标。本人认为教学内容的选定从以下几个方面来进行。1.选择优秀的网页制作工具进行教学

俗话说“工欲善其事，必先利其器”，选取好的教学工具软

件是教学成功的首要条件。现在出了很多“所见即所得”的网

页制作工具软件，设计人员再也不用一行一行编写源代码的方式来编制网页，有必要时对代码进行修改就可以了。当今最

常用的工具软件分别是Macromedia公司的DreamWeaverMx和

Microsoft公司的FrontPage2000。在教学中我们选用

DreamWeaverMx，同时选择FlashMx软件来制作网页中的动画素材，选择FireworkMx软件来制作网页中的图片素材。之所以

选择DreamWeaverMx，而没有选择FrontPage2000，一是因为

DreamWeaverMx是属于专业的网页制作软件，二是因为

DreamWeaverMx的功能和扩展性都比FrontPage2000好，是IT行业中网页制作专业人员手中的最常用的工具。图形工具没有

选择常用的Photoshop，而选用Firework软件，一方面是Firework-Mx软件和DreamWeaverMx,FlashMx都是Macromedia公司开发

的，具有良好的嵌人性，并称为“网页三剑客”。另一方面是从

学生就业角度考虑，Photoshop的应用更加广泛，学生会用Pho-toshop软件不仅能从事网页制作工作，也能兼职用Photoshop软

件进行平面设计，因此计算机专业专门开设一门图像处理的

3.4其他网络安全防范措施一是安装防火墙和防病毒软件，并经常升级;二是注意经

常给系统打补丁，堵塞软件漏洞;三是禁止浏览器运行JavaScript和ActiveX代码;四是不要上一些不太了解的网站，

不要执行从网上下载后未经杀毒处理的软件，不要打开msn或

者QQ上传送过来的不明文件等;五是提高自我保护意识，注

意妥善保管自己的私人信息，如本人证件号码、账号、密码等，不向他人透露;六是使用网络银行时，选择使用网络凭证及约

定账户方式进行转账交易，不要在网吧、公用计算机上和不明

的地下网站做在线交易或转账。

4商业机构的防范策略作为设有网上交易服务的商业机构，为防止其合法客户

受到“网络钓鱼”的欺诈，也应该采取以下一些防范措施:

(1)为避免被“网络钓鱼”冒名，最重要的是加大制作网站

的难度。具体办法包括:“不使用弹出式广告”、“不隐藏地址

栏”、“不使用框架”等。这种防范是必不可少的，因为一旦网站名称被“网络钓鱼”者利用的话，企业也会被卷进去，所以应该

在泛滥前做好准备。

(2)加强用户验证手段，提高用户安全意识。(3)及时处理用户反馈，加强网站建设安全，避免网页木马。客户中心对类似“为什么每次登陆都得输人两次账号和密

码?”之类的投诉，就要想到是否有“网络钓鱼”的可能，因为

“网络钓鱼”者通常“劫持”第一次数据，而用户再一次登陆才

进人了真正的页面。

(4)公司网站服务器应安装正版的杀毒软件和防火墙，并及时升级、打补丁，加强员工安全意识、与安全厂商保持密切

联系等。(5)如果一旦发现被仿冒的公司网站，企业应该在最短时

间内把该“钓鱼网站”的网页取下来，并设法找出幕后黑客，向

公安机关报案或向有关司法机关申诉。

5结论尽管“网络钓鱼”欺诈行为的危害性很大，但是用户也

不必谈“鱼”色变。对于用户来说，实现安全20%依靠产品、

技术，80%依靠安全意识和观念。也就是说，用户的安全状态是与其安全意识的提高息息相关的，提高安全防范意识

才是根本。“网络钓鱼”作为一种新网络攻击手段，内容上侧重窃取

个人的账户等信息为目的，技术上没有很大的区别。针对木

马、间谍软件、邮件欺诈等安全威胁，用户应该安装个人防病

毒软件、个人防火墙软件;经常检查个人电脑的安全状态，是

否有异常行为;提高个人安全防范意识，对电子邮件发来的确认账号的要求不予理睬。对于“网络钓鱼”等邮件欺诈行为，用

户并不主要通过技术手段来防范，主要还是依靠用户提高安全意识。设有网上交易服务的商业机构也同样应该采取一系

列的防御措施，技术上的和意识上都同等重要。

参考文献:[1]郭鑫.防黑档案〔M].电子工业出版社，2004.

[2〕吴东升等.信息时代的个人安全策略仁M].科学出版

社，2004.[3]杨绍兰.信息安全防范的现状分析【J7.四川图书馆学

报，2005.

[4]http://it.rising.com.cn/newSite/Channels/info/security/TopieExplorerPagePackage/phishing.htm.

159

Photoshop软件课程，而在网页制作课程中选择了Firework。当

然对于计算机基础较差的初学者来说，学习FrontPage2000会

更容易掌握。

2.选择学以致月的教学内容《网页制作》教学内容具体包括:网页的基础知识、HTML

语言、DreamWeaverMx软件、F1ashMx软件、FireworkMx软件、

CSS层叠样式表、Script脚本。内容是相当多的，要想面面俱到，在短时间内是不可能完成的。我们采用理论内容选择以“必需

够用”为原则，强调够用就行，从实际需要出发，从项目、案例

出发，需要哪些内容就讲解、讲透哪些功能，突出“学以致用”。

二、确立学生学习目标目标是一人奋斗的归宿，只有目标明确才会争取目标的

实现。只有实际确立目标，才会激励学生拼搏进取，自觉地朝

着预定的目标不懈地努力追求。上课伊始，我就为学生确立了他们学习这门课程的目标，即以团队协作的方式制作一个网

站。以2005年春季为例，学生的网站制作要求如下:

(1)网页制作的内容选题(4选1)*班级、个人或宿舍主页*计算机知识网站

*科普网站

*收藏网站

(2)网页制作的完成要求*鼓励以团队形式完成该作业，团队规模-<3人

*基本工作量(独立完成的网站)5页，团队完成的网

站〕10页)*提交完整的网页文件(包括所有素材文件)及网页制作的报告(word文档，其文件名为“网页制作报告.doc")

*利用压缩软件winRAR将所有文件打包压缩成.rar文件(打包时要注意网页文件及其素材文件之间的位置存放关系)

(3)网页制作的报告要求*报告包括:内容简介、主要模块划分、网页布局的实现

方法(比如表格、框架)、网页间超级链接的跳转关系图、网站的实现方法(比如HTML语言编程、CSS样式应用)、高级应用(如表单使用、嵌人JavaScript语言)、参考资料(如书籍、网

站)、团队成员的角色分工(需具体说明每一个成员的分工)和网站制作体会(如收获、建议、意见)

*排版要求:报告的版面设计应简洁明了，符合技术文

档的特点。三、精心探索教学方法

每一位教师都应该认识到，现代教育不应该仅仅是训练

和灌输的工具，它应该是发展认知的手段。素质教育的实施，衡量一个教师的标准，不单是上好一节课，而是怎样充分应用

好的教学方法把比知识更重要的东西即获得知识的方法交给学生，发展学生的聪明才智，开拓学生思维来获得新的知识，

教师成为了教学的组织者、指导者、合作者和促进者。对于《网

页制作》的教学方法，本人认为，可以从以下几个方面进行积

极探索:

1.采用实例教学，扩大学生的视野，开阔学生的思维

在网页设计的教学中，我们注重“学以致用”的原则。采用

实例性教学方式，让学生真正地接触网络上一些优秀网页，分

析这些网页的制作技巧、使用元素、文档结构等，开拓学生的视野，增强学生的研究意识与创新能力，让学生模仿制作一些

优秀的网页，使他们在边学习边动手的过程中，发现问题和解

决问题，学习他/、的网站设计思路和设计风格，从而培养学生对网页设计的兴趣，提高网页制作和网站设计的技巧和方法。

2.打造多种学习资源，支持各取所需的自主学习由于网页制作中的很多技术是没有体现在教学中，所以

学生在课后操作中自然而然的会碰到课堂上没有讲到的内

容，或者新出现的技术。如:如何在网页中插人视频?如何在网页中插人一些三维素材?对于这种情况，有必要为学生打造多

种学习资源，如介绍一些优秀书籍和一些优秀的教学网站给

学生，如学习flash软件，可以进w翌丛丛丝泣丝网站，以此引导

学生进行自主学习，学生在学习过程中碰到问题，就可以通过自己的努力从而得到解决，这样会激发他们的自信心、学习积

极性，在解决问题的过程中又培养了自主学习能力。同时，教师还可以通过网络给学生辅导和答疑等，从而可以更有针对

性地指导学生进行学习。

3.增加协作教学环节，以小组形式进行网页制作

以小组形式进行网页制作的实践活动，有助于学生在

团队协作中克服困难，积极工作，完成制作任务。小组形式

多种多样，可以自由组合，也可以按爱好兴趣分组，也可以将计算机爱好者与计算机能力弱的同学混合编组，网页制

作的主题可以由小组自行决策，教师提供技术指导。由于网页制作涉及到整体规划、内容整理、图形处理、页面制作等

多个环节，采用小组方式可以让每个人负责自己虽擅长的

那部分，这样一方面展现了学生个人能力，满足了学生的成就感;一方面也分担了网页制作的工作量，提高了学生的学

习兴趣。另外，学生将来到企业中从事网页制作工作的时

候，往往也是以团队的形式完成工作，所以通过小组形式培养团队协作能力，有助于学生在未来工作中提高团队意识，更好地适应团队工作。

4.开展优秀网页评析活动，提高学生设计能力

重制作轻设计是《网页制作》课程中的一个难点问题，在

有限的课程中教师会尽可能地讲解网页制作的技术知识，而不太重视对网页设计中的美学知识进行引导。随着电子商务

的应用越来越广泛，网页不仅起到了网络广告作用，而且已

经成为企业在网络中的门脸，所以软件公司对网页制作人员

的设计能力要求越来越高，甚至有些公司更喜欢招聘学艺术

的学生，经过简单的技术培训就开始从事网页制作工作。所以，加强学生网页设计能力的培养，就显得非常重要。设计是

一种潜移默化的能力，并不能靠简单的知识传授就可以解决

问题。所以，教学中可以开展优秀网页评析活动，提高学生的

审美能力。

5.发布自己的网站，让学生有展现自已的舞台