“汉语拼音”专题网站的设计与开发

左思琪 赵夫群

摘  要：该“汉语拼音”专题网站以Dreamweaver 8为开发平台，结合JSP技术，实现的主要功能包括网站主页、家长导读、声母、韵母、整体认读音节、活学活用、游戏天地以及留言簿等。其中，声母、韵母、整体认读音节和活学活用页面为该网站的主要学习内容;游戏天地可以帮助儿童更好地了解和学习汉语;家长导读帮助家长了解本网站知识结构和浏览注意事项;留言簿为家长和孩子提供了一个交流平台。该网站布局合理，交互灵活，页面形象生动，给学生一种身临其境的美好体验。

关键词：汉语拼音;专题网站;声母;韵母;整体认读音节

中图分类号：TP393.0;G434      文献标识码：A 文章编号：2096-4706（2020）01-0071-03

Abstract：Based on Dreamweaver 8 and JSP technology，the main functions of the website include homepage，parentsguide，initials，vowels，overall syllable recognition，flexible learning，game world and guestbook. Among them，initials，vowels，whole syllables and flexible pages are the main learning contents of the website;the game world can help children better understand and learn Chinese;parentsguide reading helps parents understand the knowledge structure and browsing precautions of the website;the guestbook provides a communication platform for parents and children. The website has reasonable layout，flexible interaction，vivid page image，and gives students a kind of experience.

Keywords：Chinese Pinyin;special website;initial;vowel;overall syllable recognition

0  引  言

隨着我国国际地位的提高，越来越多的人对汉语的学习极为热衷。其中，最主要的受众人群主要是接受小学教育的小学生，通过班级授课制的方式学习汉语拼音，不仅能使学生对汉语拼音实现系统理解，而且能提升他们对汉字的认知，进而提高与人交流的能力，尽快适应学校生活，对儿童的身心健康也是大有裨益的。但就目前而言，国内外对于汉语拼音的学习大都集中在学校，学习方式单一枯燥，不够形象、直观和全面[1]。

目前，国内外已经出现了一些“汉语拼音”的专题网站，比如“汉语拼音网”“普通话学习网”，但是网站仍旧存在不够系统和全面、交互不够灵活等问题，有的甚至分属在其他网站的分支当中，没有针对性，即使是专门的“汉语拼音”专题网站也不够新颖，不能吸引儿童的兴趣，网站版面设计太过生硬，交互不够灵活。鉴于这一现状，本网站以生动形象的设计，遵循儿童的认知发展特点，对儿童的心理以及学习提供最大的帮助。本网站主要从儿童的学习兴趣出发，介绍了汉语拼音的使用方法及63个汉语拼音音节的准确读音。整个网站为学生提供了动听的音频、有趣的视频动画，以浅绿色为主色调的网页，较强的交互性为学生营造了一个轻松愉悦的学习氛围。

1  网站需求分析

网站需求分析主要包括市场需求和功能需求两个方面，具体介绍如下。

1.1  市场分析

市场分析是指市场对于开发本网站的需求分析，简单地说，就是设计开发这样一个网站是否是当前市场所需要的，对于市场来说，是否具有较高的实用性和推广价值。众所周知，中华文化博大进深，受到了全世界各国人民的推崇和学习，无论你想学习哪方面的知识，首先得认识汉字，这是学习中华文化的第一步，也是非常重要的一点。随着我国国际地位的提高，越来越多的人开始学习汉语，比如在国外，有些国家已经增设了孔子学院等专门的汉语课程，所以说，汉语拼音专题网站具有较高的市场需求量[2]。

1.2  网站功能分析

设计开发一个网站，就是要做一个用户喜欢、令用户印象深刻的网站，网站要与用户形成一定的粘性，满足用户的需求。但是就目前而言，国内的一些网站并不能满足这一要求。目前，网络上的以汉语拼音为主的网站，还停留在一些简单的知识层面，由于浏览网页的不一定全都是中国人，所以整个网站的内容应该更加翔实丰富、生动有趣，比如本网站中专门添加了聆听经典版块，主要包括儿童益智故事、传统神话故事和名人童年故事，以音频的形式来展示，可以增加学习者的语感，并且该网站页面吸引学习者眼球，整个网站交互灵活、功能强大[3]。该网站实现的主要功能如图1所示。

2  网站设计与开发

2.1  网站首页

整个网站的核心部分就是网站的首页，主要向用户展示网站结构、功能以及主题，让用户快速了解网站内容以及该网站提供的服务。该专题网站的首页主要包含五个功能区：标题栏、导航条（包括首页、家长导读、声母、韵母、整体认读、活学活用、游戏天地、留言簿共八个版块）以及内容区（向学生展示63个汉语拼音，并进行详细划分，滑动鼠标可听到正确读音）、版权区，首页如图2所示。

2.2  家长导读页面

为了使孩子和家长更高效地学习本网站的内容，特别添加了家长导读这一模块，帮助家长了解本网站知识结构和浏览注意事项，使该网站不单调，也给网站增添了新的元素。通过点击导航条的文字超链接“家长导读”，可以进入到“家长导读”这一页面。

2.3  声母页面

该页面以表格布局的方式向用户展现23个声母的学习内容，页面整齐美观，通过点击SWF格式的超链接进入相应的声母学习，通过听、说、读、写等方面进行具体学习。

2.4  韵母页面

该页面主要由24个韵母组成，其内容全部呈现在韵母页面上，学生点击相应的韵母，即可进行具体的韵母学习。

2.5  整体认读音节页面

该页面以表格布局的方式向用户展现16个整体认读音节的内容，该页面整齐美观，用户点击相应的整体认读音节，即可通过听、说、读、写的形式进行相应整体认读音节的学习。

2.6  活学活用页面

声母、韵母、整体认读音节三个版块共涉及63个拼音音节，其内容丰富有趣。该模块在网站中有着至关重要的作用，主要是对声母页面、韵母页面、整体认读音节页面这三个模块的综合运用，这个页面的内容主要是根据中小学课程大纲标准，针对一年级学生，选择一年级的经典课文，从低到高，从易到难，主要目的是让孩子对这三个模块的知识有整体的认知，理解这三者之间的联系。课文讲解以Flash课件的形式来进行，主要包括课前导入、课文欣赏、我会读、我会写、小测验、小游戏、知识拓展，使学生对汉语拼音进行灵活运用，进而提高学生的口语交际能力。

2.7  游戏天地页面

该模块本着生动形象、快乐学习的宗旨，设计开发一些小游戏，再次对前几个模块的知识进行巩固，该模块共设计开发三十五个小游戏：云中寻宝、照顾蚕宝宝、财神送元宝、鸡蛋里挑骨头、玩皮球、我的鞋、小海马、麻雀搭房子、天上一群小白羊等，为学生营造寓教于乐的学习氛围，通过游戏的方式使学生爱上汉语拼音，爱上语文这门学科。

2.8  留言簿页面

留言簿模块主要是为儿童和家长提供一个关于汉语拼音学习的交流平台，学习者可以通过发表留言的形式提出问题，同时管理员可以针对与汉语拼音无关的留言或者不健康的留言进行删除。但用户在留言之前，必须要进行注册和登录，否则不能留言。该专题网站的交流互动功能得以实现的核心模块是留言簿，用戶通过对网站的浏览，对在汉语拼音的学习过程中遇到的问题进行互动交流，并针对网站的不足和问题进行留言，方便管理员进行更新和完善，与时俱进，提高学习者的学习效率。用户可在文本框中输入留言内容，点击“留言”，即可留言成功，页面上会立即显示留言内容和留言时间、聊天记录和目前在线人数。

3  网站测试

网站（即汉语拼音专题网站）制作完成以后，就需要对整个网站的文字、图片、音频、视频以及整体布局进行测试，检查它们是否正确无误[4]。具体方法是运用浏览器（整个网站在IE浏览器中进行浏览）进行测试，如果存在错误，就需要在Dreamweaver 8软件中修改，直至不出现错误。本次进行网站测试的时候，首先对网站的各个页面（即网站首页、家长导读页面、声母页面、韵母页面、整体认读音节页面、活学活用页面、游戏天地页面以及留言簿页面共八个子页面）进行具体测试，在测试的过程中，出现了文字位置发生变动、图片显示不出来、有的音频和视频播放不出来等问题，具体解决方法是在Dreamweaver 8软件上进行修改和调整，因为错位问题需要调整图片尺寸或者位置，就需要制作者具有很大的耐心，视音频播放问题需要利用代码来进行控制。当网站中各个子页面测试无误之后，就可以对整个网站进行测试了，主要检查整个网站的交互性，是否存在不够灵活、链接不全等问题，在最大程度上方便使用者，实现学习效率高效化。

目前，网络上提供的浏览器种类繁多，用户有许多选择，这就得保证本网站必须适用于使用频率较高的浏览器，因此，需进行网站的兼容性测试，在测试的过程中，可以详细记录测试情况，不断进行调试，提高网站的兼容性，最大化网站的使用价值。在出现问题时，需静下心来分析问题出现的原因，寻求解决问题的方法，如果依旧存在困惑之处，就需要寻求老师或者同学的帮助，总之，一定要保证整个网站的开发是成功的，运行起来是正确无误的（不存在空链接以及链接错误等问题）。测试的过程是一个进一步精确、高速修改的过程。在这之中，需要对出现的问题进行不断调试，使网站在安全的环境中稳定运行，也为广大用户提供一个安全稳定的学习平台。

4  结  论

“汉语拼音”专题网站是一个面向大众的，以一年级小学生为主的多功能的专题学习网站，本网站主要是希望学生通过汉语拼音的学习，提高他们与人沟通的能力，激发对语文学习的兴趣，也为热爱汉语的外国友人提供一个图文并茂的学习网站，为他们营造轻松愉悦的学习氛围。该网站以我国目前汉语拼音的发展现状为依据，查阅制作网站的相关资料（包括网上查找下载的有关资料以及学校图书馆的一些资料），以Dreamweaver 8软件为主要开发平台，在Flash CC、PhotoShop CC等辅助软件的帮助下，结合HTML编程语言、ASP技术和Access数据库技术共同设计开发了“汉语拼音”专题网站。网站内容丰富、页面生动活泼、链接简单明了、互动及时有效、为人们提供了一个能高效、轻松学习汉语拼音的平台。

参考文献：

[1] 张素卿，许红霞.如何将拼音教学趣味化 [N].发展导报，2018-11-09（第17版）.

[2] 李正强，靳雨静，赵夫群.雾霾专题网站的开发与设计 [J].产业与科技论坛，2018，17（21）：42-43.

[3] 陈奎.新课标下汉语拼音教学策略探研 [J].成才之路，2018（22）：76.

[4] 黄玫，刘娇，赵蕾.“安徒生童话故事”专题网站建设 [J].产业与科技论坛，2019，18（1）：52-53.

作者简介：左思琪（1999-），女，汉族，河南三门峡人，本

科，研究方向：软件工程;赵夫群（1982-），女，汉族，山东临沂人，副教授，博士，研究方向：图形图像处理。