《网页制作》专题学习网站的设计与实现

摘 要：专题学习网站是基于网络资源的数字化学习平台,为学生提供制作网页所需的丰富资源,搭建展示学生作品成果的平台.

关 键 词：专题学习网站；网页制作；设计；实现

中图分类号：TP393.092-4

准备建设的专题学习网站是基于网络资源的数字化学习平台,利用网络技术,创设主动学习情境,让学生在开放、互动的平台上去寻求《网页制作》专题资源,激发学生学习兴趣,让学生主动思考、主动探索、主动学习,实现高效课堂.让学生在建设网站的过程中,学习掌握提高《网页制作》的技能,体现“学中做,做中学”的教学理念.

《网页制作》是开设一学期的课程,主要内容包括网页的基础知识、网页布局和色彩搭配、HTML语言、JaScript脚本语言、Dreamweer软件使用、CSS层叠样式表、AJAX技术、jQuery技术、网站的创建与管理.还涉及到使用Photoshop软件对网页图像进行处理、使用Flash软件制作网页动画等其他相关课程.

在实际的教学过程中,往往需要使用大量的素材和学习视频教程.这些学习资源怎样能够方便快捷的分发到学生的计算机上,成为需要解决的问题.如果机房的计算机是通过网线连成小型局域网的,就可以先把工作页、资料包等学习资源先存储到一台学生机上,再利用windows自带的文件夹共享功能,将其共享,便于其他学生从这台计算机上下载资源.文件夹共享实现过程如下：

鼠标右击文件夹,在弹出的快捷菜单中,选“共享和安全”,选中在网络上共享这个文件夹.这时,其他用户就可以通过网络访问这个文件夹,下载其中的学习资源.

这样利用文件夹共享的方法实现资源下载,优点是操作简便.缺点是机房的计算机一般都带有C盘还原功能,往往一次共享完成后,下一次重新启动计算机后,还需要再次设置文件夹共享,十分麻烦.专题学习网站就可以实现简单的文件夹共享达不到的效果,可以使素材和教学资源分类存储在怎么写作器上,以清晰明了的操作界面,便于学生在线学习和下载相应的网页制作素材.

1《网页制作》专题学习网站的作用

专题学习网站为中等职业学校计算机专业学生《网页制作》课程的学习提供优质的数字化学习资源,为学生提供制作网页所需的丰富资源,搭建展示学生作品成果的平台.通过专题学习网站创设学生自主学习的情境,引导、激发学生学习《网页制作》课程的积极性,建立高效课堂,让学生更好的掌握网页制作的技能.

（1）研究中职学生特点,动手实践能力相对于理论知识学习能力强.

（2）分析《网页制作》课程,涉及内容广、技术多,实践性和技能性强.

（3）设计开发专题学习网站,探索基于专题学习网站的《网页制作》课程的教学模式.

给《网页制作》课程的教学提供教学资源,辅助学生进行自主学习.在课外时间里,对于学生的学习给予支持,帮助学生学习在课堂上没有完全掌握的知识.提供学生展示作品的平台,学生和老师在这里可以对学生的作品进行一系列的评价.提供一个在课外进行师生交流或生生交流的平台,学生可以在这里提问、交流学习心得等.

2《网页制作》专题学习网站的设计

首先网站需要教学资源模块来进行教学的辅助,教学资源模块既能辅助课堂教学,也可以指导学生进行自主学习.其次作品展示模块,学生需要一个作品展示模块,首先通过展示学生自己的作品能够激发学生自己的兴趣,第二展示作品模块有助于学生进行自评互评.第三,讨论模块,既要有以班级为单位的讨论小组,也要有全校师生都能进行参与的大型讨论平台,使学生在学习中出现问题时,能够自主的进行讨论学习.

在建站之初,为网站以后继续完善（例如：开发手机客户端等）,需要考虑给学生划定一块空间,让学生自己上传自己的网站作品.自己维护自己的网站,将网站交给学生自己运营.让学生发出自己的声音.

为了把建立网站的过程和学生的《网页制作》的学习过程相结合.主要是教学资源的共建共享,在课堂使用该网站的教学资源进行辅助教学,结合工作过程系统化的课程开发,结合工作页的素材的使用.通过上传网站网页给学生一个展示自己作品的机会.

可以让每一个班级在校园网上建立自己的班级网页,将校报办到网上去,网页上建立与中职学生相关的栏目,例如：求职、招聘信息等.组织学生自己定期更新常用工具软件的版本,交流专业课的学习体会.利用所学知识解决实际问题,活学活用,学生在使用专题学习网站中遇到了问题,通过小组讨论去寻找答案.将工作过程系统化课程学习情境实施的六个步骤：资讯、计划、决策、实施、检查、评价,充分运用到教学实践当中.达到学生越学越爱学,越学越想学的自主学习状态,真正实现专业课教学是以学生为主体,教师起到陪伴学生自主学习的作用.

3《网页制作》专题学习网站的实现

网站开发中,数据库技术主要用来支持实现协作学习平台、专题研讨等动态网页部分数据的存取.常用的数据库有ACCESS、SQLServer、MySQL等.图像处理技术主要用来设计、生成网页背景图片,使网页更加美观,有利于创设“真实”的学习情境.常用的图像处理软件有Photoshop、Fireworks.

运用静态网页制作技术、动态网页制作技术、数据库技术、三层结构技术进行网站开发,编码实现网站的建设制作过程.《网页制作》专题学习网站的测试、评价和完善,专题学习网站建成完成后,依照专题学习网站各个功能模块的功能,在应用专题学习网站教学的过程中不断纠正和完善,通过问卷调查专题学习网站的应用效果,更全面的了解基于专题学习网站的教学模式的有效性.

通过校园网试运行《网页制作》专题学习网站,邀请网站设计与制作专家和学生使用专题学习网站,根据反馈意见,对网站进行修改和完善.

4结束语

专题学习网站不仅为学生提供了丰富的专题学习资源,还为学生提供了功能强大的协作平台和专题研讨区,为学习者开展协作学习、交流和探讨相关问题、展示自己的学习成果提供了良好的舞台.利用专题学习网站进行课程教学,培养了学生自主学习、协作学习等综合能力,形成了一种崭新的数字化学习方式.

专题学习网站的资源要丰富,提供必要的演示视频录像,能够给学习者以足够的资源进行探究式的学习.教师博客、微博是教学的辅助平台.用以促进教学的交流.通过博客、微博叙事式的记录可以更好地了解教师的教学思想、研究成果和兴趣爱好.也可以进行教师之间的教学交流.学生可以发表自己的见解和想法.特别是作品创意,供其他同学学习和参考,以达到共同进步的目的.

运用教学设计思想对《网页制作》专题学习网站进行设计,主要包括需求分析与功能定位,中职学生特征分析,专题内容的选择,信息资源的选择与设计,自主学习的设计,学习评价系统的设计,学习情境创设等内容.通过专题学习网站创设学生自主学习的情境,引导、激发学生学习《网页制作》课程的积极性,建立高效课堂,让学生更好的掌握网页制作的技能.

作者简介：朱顺（1975-）,男,教师,主要从事计算机教学、研究.

作者单位：大庆市蒙妮坦职业高级中学,黑龙江大庆163458