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

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

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

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

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

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

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

3網(wǎng)站測試

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

4結(jié)論

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

參考文獻：

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

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

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

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

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