導(dǎo)語：“漢語拼音”網(wǎng)站設(shè)計與開發(fā)一文來源于網(wǎng)友上傳，不代表本站觀點，若需要原創(chuàng)文章可咨詢客服老師，歡迎參考。

摘要：該“漢語拼音”專題網(wǎng)站以Dreamweaver8為開發(fā)平臺，結(jié)合JSP技術(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)站知識結(jié)構(gòu)和瀏覽注意事項；留言簿為家長和孩子提供了一個交流平臺。該網(wǎng)站布局合理，交互靈活，頁面形象生動，給學(xué)生一種身臨其境的美好體驗。

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

隨著我國國際地位的提高，越來越多的人對漢語的學(xué)習(xí)極為熱衷。其中，最主要的受眾人群主要是接受小學(xué)教育的小學(xué)生，通過班級授課制的方式學(xué)習(xí)漢語拼音，不僅能使學(xué)生對漢語拼音實現(xiàn)系統(tǒng)理解，而且能提升他們對漢字的認(rèn)知，進(jìn)而提高與人交流的能力，盡快適應(yīng)學(xué)校生活，對兒童的身心健康也是大有裨益的。但就目前而言，國內(nèi)外對于漢語拼音的學(xué)都集中在學(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)中，沒有針對性，即使是專門的“漢語拼音”專題網(wǎng)站也不夠新穎，不能吸引兒童的興趣，網(wǎng)站版面設(shè)計太過生硬，交互不夠靈活。鑒于這一現(xiàn)狀，本網(wǎng)站以生動形象的設(shè)計，遵循兒童的認(rèn)知發(fā)展特點，對兒童的心理以及學(xué)習(xí)提供最大的幫助。本網(wǎng)站主要從兒童的學(xué)習(xí)興趣出發(fā)，介紹了漢語拼音的使用方法及63個漢語拼音音節(jié)的準(zhǔn)確讀音。整個網(wǎng)站為學(xué)生提供了動聽的音頻、有趣的視頻動畫，以淺綠色為主色調(diào)的網(wǎng)頁，較強的交互性為學(xué)生營造了一個輕松愉悅的學(xué)習(xí)氛圍。

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

網(wǎng)站需求分析主要包括市場需求和功能需求兩個方面，具體介紹如下。1.1市場分析。市場分析是指市場對于開發(fā)本網(wǎng)站的需求分析，簡單地說，就是設(shè)計開發(fā)這樣一個網(wǎng)站是否是當(dāng)前市場所需要的，對于市場來說，是否具有較高的實用性和推廣價值。眾所周知，中華文化博大進(jìn)深，受到了全世界各國人民的推崇和學(xué)習(xí)，無論你想學(xué)習(xí)哪方面的知識，首先得認(rèn)識漢字，這是學(xué)習(xí)中華文化的第一步，也是非常重要的一點。隨著我國國際地位的提高，越來越多的人開始學(xué)習(xí)漢語，比如在國外，有些國家已經(jīng)增設(shè)了孔子學(xué)院等專門的漢語課程，所以說，漢語拼音專題網(wǎng)站具有較高的市場需求量[2]。1.2網(wǎng)站功能分析。設(shè)計開發(fā)一個網(wǎng)站，就是要做一個用戶喜歡、令用戶印象深刻的網(wǎng)站，網(wǎng)站要與用戶形成一定的粘性，滿足用戶的需求。但是就目前而言，國內(nèi)的一些網(wǎng)站并不能滿足這一要求。目前，網(wǎng)絡(luò)上的以漢語拼音為主的網(wǎng)站，還停留在一些簡單的知識層面，由于瀏覽網(wǎng)頁的不一定全都是中國人，所以整個網(wǎng)站的內(nèi)容應(yīng)該更加翔實豐富、生動有趣，比如本網(wǎng)站中專門添加了聆聽經(jīng)典版塊，主要包括兒童益智故事、傳統(tǒng)神話故事和名人童年故事，以音頻的形式來展示，可以增加學(xué)習(xí)者的語感，并且該網(wǎng)站頁面吸引學(xué)習(xí)者眼球，整個網(wǎng)站交互靈活、功能強大[3]。該網(wǎng)站實現(xiàn)的主要功能如圖1所示。

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

2.1網(wǎng)站首頁。整個網(wǎng)站的核心部分就是網(wǎng)站的首頁，主要向用戶展示網(wǎng)站結(jié)構(gòu)、功能以及主題，讓用戶快速了解網(wǎng)站內(nèi)容以及該網(wǎng)站提供的服務(wù)。該專題網(wǎng)站的首頁主要包含五個功能區(qū)：標(biāo)題欄、導(dǎo)航條（包括首頁、家長導(dǎo)讀、聲母、韻母、整體認(rèn)讀、活學(xué)活用、游戲天地、留言簿共八個版塊）以及內(nèi)容區(qū)（向?qū)W生展示63個漢語拼音，并進(jìn)行詳細(xì)劃分，滑動鼠標(biāo)可聽到正確讀音）、版權(quán)區(qū)，首頁如圖2所示。2.2家長導(dǎo)讀頁面。為了使孩子和家長更高效地學(xué)習(xí)本網(wǎng)站的內(nèi)容，特別添加了家長導(dǎo)讀這一模塊，幫助家長了解本網(wǎng)站知識結(jié)構(gòu)和瀏覽注意事項，使該網(wǎng)站不單調(diào)，也給網(wǎng)站增添了新的元素。通過點擊導(dǎo)航條的文字超鏈接“家長導(dǎo)讀”，可以進(jìn)入到“家長導(dǎo)讀”這一頁面。2.3聲母頁面。該頁面以表格布局的方式向用戶展現(xiàn)23個聲母的學(xué)習(xí)內(nèi)容，頁面整齊美觀，通過點擊SWF格式的超鏈接進(jìn)入相應(yīng)的聲母學(xué)習(xí)，通過聽、說、讀、寫等方面進(jìn)行具體學(xué)習(xí)。2.4韻母頁面。該頁面主要由24個韻母組成，其內(nèi)容全部呈現(xiàn)在韻母頁面上，學(xué)生點擊相應(yīng)的韻母，即可進(jìn)行具體的韻母學(xué)習(xí)。2.5整體認(rèn)讀音節(jié)頁面。該頁面以表格布局的方式向用戶展現(xiàn)16個整體認(rèn)讀音節(jié)的內(nèi)容，該頁面整齊美觀，用戶點擊相應(yīng)的整體認(rèn)讀音節(jié)，即可通過聽、說、讀、寫的形式進(jìn)行相應(yīng)整體認(rèn)讀音節(jié)的學(xué)習(xí)。2.6活學(xué)活用頁面。聲母、韻母、整體認(rèn)讀音節(jié)三個版塊共涉及63個拼音音節(jié)，其內(nèi)容豐富有趣。該模塊在網(wǎng)站中有著至關(guān)重要的作用，主要是對聲母頁面、韻母頁面、整體認(rèn)讀音節(jié)頁面這三個模塊的綜合運用，這個頁面的內(nèi)容主要是根據(jù)中小學(xué)課程大綱標(biāo)準(zhǔn)，針對一年級學(xué)生，選擇一年級的經(jīng)典課文，從低到高，從易到難，主要目的是讓孩子對這三個模塊的知識有整體的認(rèn)知，理解這三者之間的聯(lián)系。課文講解以Flash課件的形式來進(jìn)行，主要包括課前導(dǎo)入、課文欣賞、我會讀、我會寫、小測驗、小游戲、知識拓展，使學(xué)生對漢語拼音進(jìn)行靈活運用，進(jìn)而提高學(xué)生的口語交際能力。2.7游戲天地頁面。該模塊本著生動形象、快樂學(xué)習(xí)的宗旨，設(shè)計開發(fā)一些小游戲，再次對前幾個模塊的知識進(jìn)行鞏固，該模塊共設(shè)計開發(fā)三十五個小游戲：云中尋寶、照顧蠶寶寶、財神送元寶、雞蛋里挑骨頭、玩皮球、我的鞋、小海馬、麻雀搭房子、天上一群小白羊等，為學(xué)生營造寓教于樂的學(xué)習(xí)氛圍，通過游戲的方式使學(xué)生愛上漢語拼音，愛上語文這門學(xué)科。2.8留言簿頁面留言簿模塊主要是為兒童和家長提供一個關(guān)于漢語拼音學(xué)習(xí)的交流平臺，學(xué)習(xí)者可以通過發(fā)表留言的形式提出問題，同時管理員可以針對與漢語拼音無關(guān)的留言或者不健康的留言進(jìn)行刪除。但用戶在留言之前，必須要進(jìn)行注冊和登錄，否則不能留言。該專題網(wǎng)站的交流互動功能得以實現(xiàn)的核心模塊是留言簿，用戶通過對網(wǎng)站的瀏覽，對在漢語拼音的學(xué)習(xí)過程中遇到的問題進(jìn)行互動交流，并針對網(wǎng)站的不足和問題進(jìn)行留言，方便管理員進(jìn)行更新和完善，與時俱進(jìn)，提高學(xué)習(xí)者的學(xué)習(xí)效率。用戶可在文本框中輸入留言內(nèi)容，點擊“留言”，即可留言成功，頁面上會立即顯示留言內(nèi)容和留言時間、聊天記錄和目前在線人數(shù)。

3網(wǎng)站測試

網(wǎng)站（即漢語拼音專題網(wǎng)站）制作完成以后，就需要對整個網(wǎng)站的文字、圖片、音頻、視頻以及整體布局進(jìn)行測試，檢查它們是否正確無誤[4]。具體方法是運用瀏覽器（整個網(wǎng)站在IE瀏覽器中進(jìn)行瀏覽）進(jìn)行測試，如果存在錯誤，就需要在Dreamweaver8軟件中修改，直至不出現(xiàn)錯誤。本次進(jìn)行網(wǎng)站測試的時候，首先對網(wǎng)站的各個頁面（即網(wǎng)站首頁、家長導(dǎo)讀頁面、聲母頁面、韻母頁面、整體認(rèn)讀音節(jié)頁面、活學(xué)活用頁面、游戲天地頁面以及留言簿頁面共八個子頁面）進(jìn)行具體測試，在測試的過程中，出現(xiàn)了文字位置發(fā)生變動、圖片顯示不出來、有的音頻和視頻播放不出來等問題，具體解決方法是在Dreamweaver8軟件上進(jìn)行修改和調(diào)整，因為錯位問題需要調(diào)整圖片尺寸或者位置，就需要制作者具有很大的耐心，視音頻播放問題需要利用代碼來進(jìn)行控制。當(dāng)網(wǎng)站中各個子頁面測試無誤之后，就可以對整個網(wǎng)站進(jìn)行測試了，主要檢查整個網(wǎng)站的交互性，是否存在不夠靈活、鏈接不全等問題，在最大程度上方便使用者，實現(xiàn)學(xué)習(xí)效率高效化。目前，網(wǎng)絡(luò)上提供的瀏覽器種類繁多，用戶有許多選擇，這就得保證本網(wǎng)站必須適用于使用頻率較高的瀏覽器，因此，需進(jìn)行網(wǎng)站的兼容性測試，在測試的過程中，可以詳細(xì)記錄測試情況，不斷進(jìn)行調(diào)試，提高網(wǎng)站的兼容性，最大化網(wǎng)站的使用價值。在出現(xiàn)問題時，需靜下心來分析問題出現(xiàn)的原因，尋求解決問題的方法，如果依舊存在困惑之處，就需要尋求老師或者同學(xué)的幫助，總之，一定要保證整個網(wǎng)站的開發(fā)是成功的，運行起來是正確無誤的（不存在空鏈接以及鏈接錯誤等問題）。測試的過程是一個進(jìn)一步精確、高速修改的過程。在這之中，需要對出現(xiàn)的問題進(jìn)行不斷調(diào)試，使網(wǎng)站在安全的環(huán)境中穩(wěn)定運行，也為廣大用戶提供一個安全穩(wěn)定的學(xué)習(xí)平臺。

4結(jié)論

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

參考文獻(xiàn)：

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

[2]李正強，靳雨靜，趙夫群.霧霾專題網(wǎng)站的開發(fā)與設(shè)計[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.

作者:左思琪 趙夫群 單位:西安財經(jīng)大學(xué)