導語：“漢語拼音”網站設計與開發一文來源于網友上傳，不代表本站觀點，若需要原創文章可咨詢客服老師，歡迎參考。

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

關鍵詞：漢語拼音；專題網站；聲母；韻母；整體認讀音節

隨著我國國際地位的提高，越來越多的人對漢語的學習極為熱衷。其中，最主要的受眾人群主要是接受小學教育的小學生，通過班級授課制的方式學習漢語拼音，不僅能使學生對漢語拼音實現系統理解，而且能提升他們對漢字的認知，進而提高與人交流的能力，盡快適應學校生活，對兒童的身心健康也是大有裨益的。但就目前而言，國內外對于漢語拼音的學都集中在學校，學習方式單一枯燥，不夠形象、直觀和全面[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瀏覽器中進行瀏覽）進行測試，如果存在錯誤，就需要在Dreamweaver8軟件中修改，直至不出現錯誤。本次進行網站測試的時候，首先對網站的各個頁面（即網站首頁、家長導讀頁面、聲母頁面、韻母頁面、整體認讀音節頁面、活學活用頁面、游戲天地頁面以及留言簿頁面共八個子頁面）進行具體測試，在測試的過程中，出現了文字位置發生變動、圖片顯示不出來、有的音頻和視頻播放不出來等問題，具體解決方法是在Dreamweaver8軟件上進行修改和調整，因為錯位問題需要調整圖片尺寸或者位置，就需要制作者具有很大的耐心，視音頻播放問題需要利用代碼來進行控制。當網站中各個子頁面測試無誤之后，就可以對整個網站進行測試了，主要檢查整個網站的交互性，是否存在不夠靈活、鏈接不全等問題，在最大程度上方便使用者，實現學習效率高效化。目前，網絡上提供的瀏覽器種類繁多，用戶有許多選擇，這就得保證本網站必須適用于使用頻率較高的瀏覽器，因此，需進行網站的兼容性測試，在測試的過程中，可以詳細記錄測試情況，不斷進行調試，提高網站的兼容性，最大化網站的使用價值。在出現問題時，需靜下心來分析問題出現的原因，尋求解決問題的方法，如果依舊存在困惑之處，就需要尋求老師或者同學的幫助，總之，一定要保證整個網站的開發是成功的，運行起來是正確無誤的（不存在空鏈接以及鏈接錯誤等問題）。測試的過程是一個進一步精確、高速修改的過程。在這之中，需要對出現的問題進行不斷調試，使網站在安全的環境中穩定運行，也為廣大用戶提供一個安全穩定的學習平臺。

4結論

“漢語拼音”專題網站是一個面向大眾的，以一年級小學生為主的多功能的專題學習網站，本網站主要是希望學生通過漢語拼音的學習，提高他們與人溝通的能力，激發對語文學習的興趣，也為熱愛漢語的外國友人提供一個圖文并茂的學習網站，為他們營造輕松愉悅的學習氛圍。該網站以我國目前漢語拼音的發展現狀為依據，查閱制作網站的相關資料（包括網上查找下載的有關資料以及學校圖書館的一些資料），以Dreamweaver8軟件為主要開發平臺，在FlashCC、PhotoShopCC等輔助軟件的幫助下，結合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.

作者:左思琪 趙夫群 單位:西安財經大學