“漢語拼音”專題網(wǎng)站的設(shè)計(jì)與開發(fā)

左思琪 趙夫群

摘? 要：該“漢語拼音”專題網(wǎng)站以Dreamweaver 8為開發(fā)平臺(tái)，結(jié)合JSP技術(shù)，實(shí)現(xiàn)的主要功能包括網(wǎng)站主頁、家長導(dǎo)讀、聲母、韻母、整體認(rèn)讀音節(jié)、活學(xué)活用、游戲天地以及留言簿等。其中，聲母、韻母、整體認(rèn)讀音節(jié)和活學(xué)活用頁面為該網(wǎng)站的主要學(xué)習(xí)內(nèi)容;游戲天地可以幫助兒童更好地了解和學(xué)習(xí)漢語;家長導(dǎo)讀幫助家長了解本網(wǎng)站知識(shí)結(jié)構(gòu)和瀏覽注意事項(xiàng);留言簿為家長和孩子提供了一個(gè)交流平臺(tái)。該網(wǎng)站布局合理，交互靈活，頁面形象生動(dòng)，給學(xué)生一種身臨其境的美好體驗(yàn)。

關(guān)鍵詞：漢語拼音;專題網(wǎng)站;聲母;韻母;整體認(rèn)讀音節(jié)

中圖分類號(hào)：TP393.0;G434? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：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? 引? 言

隨著我國國際地位的提高，越來越多的人對(duì)漢語的學(xué)習(xí)極為熱衷。其中，最主要的受眾人群主要是接受小學(xué)教育的小學(xué)生，通過班級(jí)授課制的方式學(xué)習(xí)漢語拼音，不僅能使學(xué)生對(duì)漢語拼音實(shí)現(xiàn)系統(tǒng)理解，而且能提升他們對(duì)漢字的認(rèn)知，進(jìn)而提高與人交流的能力，盡快適應(yīng)學(xué)校生活，對(duì)兒童的身心健康也是大有裨益的。但就目前而言，國內(nèi)外對(duì)于漢語拼音的學(xué)習(xí)大都集中在學(xué)校，學(xué)習(xí)方式單一枯燥，不夠形象、直觀和全面[1]。

目前，國內(nèi)外已經(jīng)出現(xiàn)了一些“漢語拼音”的專題網(wǎng)站，比如“漢語拼音網(wǎng)”“普通話學(xué)習(xí)網(wǎng)”，但是網(wǎng)站仍舊存在不夠系統(tǒng)和全面、交互不夠靈活等問題，有的甚至分屬在其他網(wǎng)站的分支當(dāng)中，沒有針對(duì)性，即使是專門的“漢語拼音”專題網(wǎng)站也不夠新穎，不能吸引兒童的興趣，網(wǎng)站版面設(shè)計(jì)太過生硬，交互不夠靈活。鑒于這一現(xiàn)狀，本網(wǎng)站以生動(dòng)形象的設(shè)計(jì)，遵循兒童的認(rèn)知發(fā)展特點(diǎn)，對(duì)兒童的心理以及學(xué)習(xí)提供最大的幫助。本網(wǎng)站主要從兒童的學(xué)習(xí)興趣出發(fā)，介紹了漢語拼音的使用方法及63個(gè)漢語拼音音節(jié)的準(zhǔn)確讀音。整個(gè)網(wǎng)站為學(xué)生提供了動(dòng)聽的音頻、有趣的視頻動(dòng)畫，以淺綠色為主色調(diào)的網(wǎng)頁，較強(qiáng)的交互性為學(xué)生營造了一個(gè)輕松愉悅的學(xué)習(xí)氛圍。

1? 網(wǎng)站需求分析

網(wǎng)站需求分析主要包括市場需求和功能需求兩個(gè)方面，具體介紹如下。

1.1? 市場分析

市場分析是指市場對(duì)于開發(fā)本網(wǎng)站的需求分析，簡單地說，就是設(shè)計(jì)開發(fā)這樣一個(gè)網(wǎng)站是否是當(dāng)前市場所需要的，對(duì)于市場來說，是否具有較高的實(shí)用性和推廣價(jià)值。眾所周知，中華文化博大進(jìn)深，受到了全世界各國人民的推崇和學(xué)習(xí)，無論你想學(xué)習(xí)哪方面的知識(shí)，首先得認(rèn)識(shí)漢字，這是學(xué)習(xí)中華文化的第一步，也是非常重要的一點(diǎn)。隨著我國國際地位的提高，越來越多的人開始學(xué)習(xí)漢語，比如在國外，有些國家已經(jīng)增設(shè)了孔子學(xué)院等專門的漢語課程，所以說，漢語拼音專題網(wǎng)站具有較高的市場需求量[2]。

1.2? 網(wǎng)站功能分析

設(shè)計(jì)開發(fā)一個(gè)網(wǎng)站，就是要做一個(gè)用戶喜歡、令用戶印象深刻的網(wǎng)站，網(wǎng)站要與用戶形成一定的粘性，滿足用戶的需求。但是就目前而言，國內(nèi)的一些網(wǎng)站并不能滿足這一要求。目前，網(wǎng)絡(luò)上的以漢語拼音為主的網(wǎng)站，還停留在一些簡單的知識(shí)層面，由于瀏覽網(wǎng)頁的不一定全都是中國人，所以整個(gè)網(wǎng)站的內(nèi)容應(yīng)該更加翔實(shí)豐富、生動(dòng)有趣，比如本網(wǎng)站中專門添加了聆聽經(jīng)典版塊，主要包括兒童益智故事、傳統(tǒng)神話故事和名人童年故事，以音頻的形式來展示，可以增加學(xué)習(xí)者的語感，并且該網(wǎng)站頁面吸引學(xué)習(xí)者眼球，整個(gè)網(wǎng)站交互靈活、功能強(qiáng)大[3]。該網(wǎng)站實(shí)現(xiàn)的主要功能如圖1所示。

2? 網(wǎng)站設(shè)計(jì)與開發(fā)

2.1? 網(wǎng)站首頁

整個(gè)網(wǎng)站的核心部分就是網(wǎng)站的首頁，主要向用戶展示網(wǎng)站結(jié)構(gòu)、功能以及主題，讓用戶快速了解網(wǎng)站內(nèi)容以及該網(wǎng)站提供的服務(wù)。該專題網(wǎng)站的首頁主要包含五個(gè)功能區(qū)：標(biāo)題欄、導(dǎo)航條（包括首頁、家長導(dǎo)讀、聲母、韻母、整體認(rèn)讀、活學(xué)活用、游戲天地、留言簿共八個(gè)版塊）以及內(nèi)容區(qū)（向?qū)W生展示63個(gè)漢語拼音，并進(jìn)行詳細(xì)劃分，滑動(dòng)鼠標(biāo)可聽到正確讀音）、版權(quán)區(qū)，首頁如圖2所示。

2.2? 家長導(dǎo)讀頁面

為了使孩子和家長更高效地學(xué)習(xí)本網(wǎng)站的內(nèi)容，特別添加了家長導(dǎo)讀這一模塊，幫助家長了解本網(wǎng)站知識(shí)結(jié)構(gòu)和瀏覽注意事項(xiàng)，使該網(wǎng)站不單調(diào)，也給網(wǎng)站增添了新的元素。通過點(diǎn)擊導(dǎo)航條的文字超鏈接“家長導(dǎo)讀”，可以進(jìn)入到“家長導(dǎo)讀”這一頁面。

2.3? 聲母頁面

該頁面以表格布局的方式向用戶展現(xiàn)23個(gè)聲母的學(xué)習(xí)內(nèi)容，頁面整齊美觀，通過點(diǎn)擊SWF格式的超鏈接進(jìn)入相應(yīng)的聲母學(xué)習(xí)，通過聽、說、讀、寫等方面進(jìn)行具體學(xué)習(xí)。

2.4? 韻母頁面

該頁面主要由24個(gè)韻母組成，其內(nèi)容全部呈現(xiàn)在韻母頁面上，學(xué)生點(diǎn)擊相應(yīng)的韻母，即可進(jìn)行具體的韻母學(xué)習(xí)。

2.5? 整體認(rèn)讀音節(jié)頁面

該頁面以表格布局的方式向用戶展現(xiàn)16個(gè)整體認(rèn)讀音節(jié)的內(nèi)容，該頁面整齊美觀，用戶點(diǎn)擊相應(yīng)的整體認(rèn)讀音節(jié)，即可通過聽、說、讀、寫的形式進(jìn)行相應(yīng)整體認(rèn)讀音節(jié)的學(xué)習(xí)。

2.6? 活學(xué)活用頁面

聲母、韻母、整體認(rèn)讀音節(jié)三個(gè)版塊共涉及63個(gè)拼音音節(jié)，其內(nèi)容豐富有趣。該模塊在網(wǎng)站中有著至關(guān)重要的作用，主要是對(duì)聲母頁面、韻母頁面、整體認(rèn)讀音節(jié)頁面這三個(gè)模塊的綜合運(yùn)用，這個(gè)頁面的內(nèi)容主要是根據(jù)中小學(xué)課程大綱標(biāo)準(zhǔn)，針對(duì)一年級(jí)學(xué)生，選擇一年級(jí)的經(jīng)典課文，從低到高，從易到難，主要目的是讓孩子對(duì)這三個(gè)模塊的知識(shí)有整體的認(rèn)知，理解這三者之間的聯(lián)系。課文講解以Flash課件的形式來進(jìn)行，主要包括課前導(dǎo)入、課文欣賞、我會(huì)讀、我會(huì)寫、小測驗(yàn)、小游戲、知識(shí)拓展，使學(xué)生對(duì)漢語拼音進(jìn)行靈活運(yùn)用，進(jìn)而提高學(xué)生的口語交際能力。

2.7? 游戲天地頁面

該模塊本著生動(dòng)形象、快樂學(xué)習(xí)的宗旨，設(shè)計(jì)開發(fā)一些小游戲，再次對(duì)前幾個(gè)模塊的知識(shí)進(jìn)行鞏固，該模塊共設(shè)計(jì)開發(fā)三十五個(gè)小游戲：云中尋寶、照顧蠶寶寶、財(cái)神送元寶、雞蛋里挑骨頭、玩皮球、我的鞋、小海馬、麻雀搭房子、天上一群小白羊等，為學(xué)生營造寓教于樂的學(xué)習(xí)氛圍，通過游戲的方式使學(xué)生愛上漢語拼音，愛上語文這門學(xué)科。

2.8? 留言簿頁面

留言簿模塊主要是為兒童和家長提供一個(gè)關(guān)于漢語拼音學(xué)習(xí)的交流平臺(tái)，學(xué)習(xí)者可以通過發(fā)表留言的形式提出問題，同時(shí)管理員可以針對(duì)與漢語拼音無關(guān)的留言或者不健康的留言進(jìn)行刪除。但用戶在留言之前，必須要進(jìn)行注冊(cè)和登錄，否則不能留言。該專題網(wǎng)站的交流互動(dòng)功能得以實(shí)現(xiàn)的核心模塊是留言簿，用戶通過對(duì)網(wǎng)站的瀏覽，對(duì)在漢語拼音的學(xué)習(xí)過程中遇到的問題進(jìn)行互動(dòng)交流，并針對(duì)網(wǎng)站的不足和問題進(jìn)行留言，方便管理員進(jìn)行更新和完善，與時(shí)俱進(jìn)，提高學(xué)習(xí)者的學(xué)習(xí)效率。用戶可在文本框中輸入留言內(nèi)容，點(diǎn)擊“留言”，即可留言成功，頁面上會(huì)立即顯示留言內(nèi)容和留言時(shí)間、聊天記錄和目前在線人數(shù)。

3? 網(wǎng)站測試

網(wǎng)站（即漢語拼音專題網(wǎng)站）制作完成以后，就需要對(duì)整個(gè)網(wǎng)站的文字、圖片、音頻、視頻以及整體布局進(jìn)行測試，檢查它們是否正確無誤[4]。具體方法是運(yùn)用瀏覽器（整個(gè)網(wǎng)站在IE瀏覽器中進(jìn)行瀏覽）進(jìn)行測試，如果存在錯(cuò)誤，就需要在Dreamweaver 8軟件中修改，直至不出現(xiàn)錯(cuò)誤。本次進(jìn)行網(wǎng)站測試的時(shí)候，首先對(duì)網(wǎng)站的各個(gè)頁面（即網(wǎng)站首頁、家長導(dǎo)讀頁面、聲母頁面、韻母頁面、整體認(rèn)讀音節(jié)頁面、活學(xué)活用頁面、游戲天地頁面以及留言簿頁面共八個(gè)子頁面）進(jìn)行具體測試，在測試的過程中，出現(xiàn)了文字位置發(fā)生變動(dòng)、圖片顯示不出來、有的音頻和視頻播放不出來等問題，具體解決方法是在Dreamweaver 8軟件上進(jìn)行修改和調(diào)整，因?yàn)殄e(cuò)位問題需要調(diào)整圖片尺寸或者位置，就需要制作者具有很大的耐心，視音頻播放問題需要利用代碼來進(jìn)行控制。當(dāng)網(wǎng)站中各個(gè)子頁面測試無誤之后，就可以對(duì)整個(gè)網(wǎng)站進(jìn)行測試了，主要檢查整個(gè)網(wǎng)站的交互性，是否存在不夠靈活、鏈接不全等問題，在最大程度上方便使用者，實(shí)現(xiàn)學(xué)習(xí)效率高效化。

目前，網(wǎng)絡(luò)上提供的瀏覽器種類繁多，用戶有許多選擇，這就得保證本網(wǎng)站必須適用于使用頻率較高的瀏覽器，因此，需進(jìn)行網(wǎng)站的兼容性測試，在測試的過程中，可以詳細(xì)記錄測試情況，不斷進(jìn)行調(diào)試，提高網(wǎng)站的兼容性，最大化網(wǎng)站的使用價(jià)值。在出現(xiàn)問題時(shí)，需靜下心來分析問題出現(xiàn)的原因，尋求解決問題的方法，如果依舊存在困惑之處，就需要尋求老師或者同學(xué)的幫助，總之，一定要保證整個(gè)網(wǎng)站的開發(fā)是成功的，運(yùn)行起來是正確無誤的（不存在空鏈接以及鏈接錯(cuò)誤等問題）。測試的過程是一個(gè)進(jìn)一步精確、高速修改的過程。在這之中，需要對(duì)出現(xiàn)的問題進(jìn)行不斷調(diào)試，使網(wǎng)站在安全的環(huán)境中穩(wěn)定運(yùn)行，也為廣大用戶提供一個(gè)安全穩(wěn)定的學(xué)習(xí)平臺(tái)。

4? 結(jié)? 論

“漢語拼音”專題網(wǎng)站是一個(gè)面向大眾的，以一年級(jí)小學(xué)生為主的多功能的專題學(xué)習(xí)網(wǎng)站，本網(wǎng)站主要是希望學(xué)生通過漢語拼音的學(xué)習(xí)，提高他們與人溝通的能力，激發(fā)對(duì)語文學(xué)習(xí)的興趣，也為熱愛漢語的外國友人提供一個(gè)圖文并茂的學(xué)習(xí)網(wǎng)站，為他們營造輕松愉悅的學(xué)習(xí)氛圍。該網(wǎng)站以我國目前漢語拼音的發(fā)展現(xiàn)狀為依據(jù)，查閱制作網(wǎng)站的相關(guān)資料（包括網(wǎng)上查找下載的有關(guān)資料以及學(xué)校圖書館的一些資料），以Dreamweaver 8軟件為主要開發(fā)平臺(tái)，在Flash CC、PhotoShop CC等輔助軟件的幫助下，結(jié)合HTML編程語言、ASP技術(shù)和Access數(shù)據(jù)庫技術(shù)共同設(shè)計(jì)開發(fā)了“漢語拼音”專題網(wǎng)站。網(wǎng)站內(nèi)容豐富、頁面生動(dòng)活潑、鏈接簡單明了、互動(dòng)及時(shí)有效、為人們提供了一個(gè)能高效、輕松學(xué)習(xí)漢語拼音的平臺(tái)。

參考文獻(xiàn)：

[1] 張素卿，許紅霞.如何將拼音教學(xué)趣味化 [N].發(fā)展導(dǎo)報(bào)，2018-11-09（第17版）.

[2] 李正強(qiáng)，靳雨靜，趙夫群.霧霾專題網(wǎng)站的開發(fā)與設(shè)計(jì) [J].產(chǎn)業(yè)與科技論壇，2018，17（21）：42-43.

[3] 陳奎.新課標(biāo)下漢語拼音教學(xué)策略探研 [J].成才之路，2018（22）：76.

[4] 黃玫，劉嬌，趙蕾.“安徒生童話故事”專題網(wǎng)站建設(shè) [J].產(chǎn)業(yè)與科技論壇，2019，18（1）：52-53.

作者簡介：左思琪（1999-），女，漢族，河南三門峽人，本

科，研究方向：軟件工程;趙夫群（1982-），女，漢族，山東臨沂人，副教授，博士，研究方向：圖形圖像處理。