“唐代詩人白居易”專題網(wǎng)站的設(shè)計(jì)與開發(fā)*

☆李曉霞（咸陽師范學(xué)院教育科學(xué)學(xué)院，陜西咸陽　712000）

?

“唐代詩人白居易”專題網(wǎng)站的設(shè)計(jì)與開發(fā)*

☆李曉霞
（咸陽師范學(xué)院教育科學(xué)學(xué)院，陜西咸陽712000）

摘要：“唐代詩人白居易”專題網(wǎng)站的設(shè)計(jì)與開發(fā)是以Dreamweaver軟件為開發(fā)平臺，根據(jù)教學(xué)內(nèi)容設(shè)計(jì)了五大導(dǎo)航，包括首頁、詩人簡介、詩詞精講、名句賞析以及后世評價(jià)。學(xué)習(xí)者可以隨時(shí)更換頁面學(xué)習(xí)想要掌握的知識，真正地實(shí)現(xiàn)以學(xué)生為主的學(xué)習(xí)模式，使學(xué)習(xí)者成為學(xué)習(xí)的主體，極大地激發(fā)了學(xué)習(xí)者的興趣，寓教于樂。

關(guān)鍵詞：白居易；Dreamweaver；專題學(xué)習(xí)網(wǎng)站

隨著時(shí)代的不斷進(jìn)步，越來越多的人逐漸認(rèn)識到傳統(tǒng)教學(xué)不再能夠滿足學(xué)習(xí)者的求知需求，而專題學(xué)習(xí)網(wǎng)站卻不同，它融合了視頻、聲音、動畫、文字、圖片等多種元素，傳統(tǒng)教學(xué)的缺點(diǎn)可以得到有效改進(jìn)，學(xué)習(xí)者可以隨時(shí)隨地學(xué)習(xí)，并可以有針對性地進(jìn)行學(xué)習(xí)，對于無法一次性全部吸收掌握的部分進(jìn)行多次學(xué)習(xí)直至掌握為止。通過專題學(xué)習(xí)網(wǎng)站不僅可以節(jié)約課堂教學(xué)時(shí)間，更可以使學(xué)生明確學(xué)習(xí)目標(biāo)，結(jié)合動畫視頻培養(yǎng)發(fā)散思維。因此，本課題選擇白居易的詩詞作為課件開發(fā)的主要內(nèi)容。

一、專題網(wǎng)站整體框架的設(shè)計(jì)

“唐代詩人白居易”專題網(wǎng)站設(shè)計(jì)與開發(fā)主要包括五大模塊：首頁、詩人簡介、詩詞精講、名句賞析、后人評價(jià)。在詩人簡介部分又可分為視頻、家世生平、個(gè)人成就、詩歌理論、秩事典故；詩詞精講部分講解六首詩詞，包括：《長恨歌》、《琵琶行》、《觀刈麥》、《憶江南》、《錢塘湖春行》、《賣炭翁》。每首詩會呈現(xiàn)出整篇文章的學(xué)習(xí)框架，繼而是課文內(nèi)容，課前準(zhǔn)備（學(xué)習(xí)目標(biāo)、學(xué)習(xí)重難點(diǎn)、文章背景等），學(xué)習(xí)視頻部分會對整首詩進(jìn)行分析品讀，課文解釋部分首先對字詞進(jìn)行解釋，然后是整體文章的白話文翻譯，文章賞析部分對整首詩進(jìn)行一個(gè)藝術(shù)性的評價(jià)，最后是課后練習(xí)，旨在使學(xué)習(xí)者進(jìn)行自我檢測，對不足部分可以進(jìn)行反復(fù)學(xué)習(xí)，所有的練習(xí)題目是在學(xué)習(xí)網(wǎng)站中下載的標(biāo)準(zhǔn)的題目，附帶答案與分析。在名句賞析部分選擇了各位名家具有代表性的句子進(jìn)行藝術(shù)鑒賞，包括雨、梅花、離別、柳樹四大模塊，每個(gè)模塊選擇了十句名句，為方便學(xué)習(xí)者找到更多的關(guān)于此類的句子在這一部分做了站外鏈接，站外鏈接需要在聯(lián)網(wǎng)情況下打開。框架設(shè)計(jì)如圖1所示。

圖1　“唐代詩人白居易”專題網(wǎng)站設(shè)計(jì)框架圖

二、專題網(wǎng)站素材的準(zhǔn)備

本網(wǎng)站是針對中小學(xué)生自學(xué)及復(fù)習(xí)白居易的詩作而制作的，而當(dāng)前中小學(xué)生課本中共有八首白居易的詩作，分別是《賦得古草原送別》、《池上》、《憶江南》、《觀刈麥》、《錢塘湖春行》、《琵琶行》、《長恨歌》、《賣炭翁》。

詩詞精講模塊選擇了具有代表性的幾首詩作，《長恨歌》是描寫唐玄宗與楊貴妃的愛情故事，《賣炭翁》是諷刺社會現(xiàn)實(shí)的代表作，《琵琶行》是白居易被貶之后心情郁憤偶遇琵琶女作下的一首詩，《觀刈麥》則是白居易描寫農(nóng)民疾苦的，《錢塘湖春行》是白居易被任命為杭州刺史時(shí)游覽西湖時(shí)所作，《憶江南》全詩共有三首，詩人在青年時(shí)期曾游歷江南，留下了深刻的印象，因此作下了《憶江南》詩三首。

在選擇好內(nèi)容之后，借助優(yōu)酷網(wǎng)下載了大量的教學(xué)視頻及詩詞解讀視頻，在格式工廠中進(jìn)行轉(zhuǎn)化；并在Chinaz.com中下載了與主題相符合的Flash動畫，在Flash 8軟件中進(jìn)行修改；課件中的所有圖片、導(dǎo)航條、按鈕均是在好搜中搜索下載的，由于課件是古詩文的，所以，選擇了青花瓷這一比較古典的主題，并將其在Photoshop中進(jìn)行處理添加文字，使之適用于課件。

三、專題網(wǎng)站的開發(fā)

本網(wǎng)站主要是以計(jì)算機(jī)作為硬件平臺開發(fā)的，素材搜集環(huán)節(jié)需要連接網(wǎng)絡(luò)，處理器CORE I3,網(wǎng)絡(luò)設(shè)備等。開發(fā)軟件主要以Dreamweaver 8、Flash CS4、Photoshop軟件為主。

（一）歡迎界面模塊

（1）雙擊打開Dreamweaver頁面，在創(chuàng)建新項(xiàng)目下打開HTML。

（2）打開之后創(chuàng)建站點(diǎn)，點(diǎn)擊“站點(diǎn)-創(chuàng)建站點(diǎn)”會出現(xiàn)圖2所示界面，命名本網(wǎng)站的站點(diǎn)為bs，并將其保存在電腦f盤的“畢業(yè)”文件夾中，之后的所有圖片、按鈕也都要保存在此，否則會出現(xiàn)無法打開的現(xiàn)象。創(chuàng)建完成后系統(tǒng)會給出提示（如圖3）。

圖2　

圖3　

（3）用Anvsoft Photo Flash Maker對白居易古詩詞的相關(guān)圖片做成一個(gè)相冊視頻，并加入了《春江花月夜》的古箏版的音樂，制成一個(gè)歡迎界面，起到一個(gè)引導(dǎo)作用，視頻播放時(shí)可以隨時(shí)點(diǎn)擊按鈕進(jìn)入到主頁面中，無需等到視頻全部播放完（如圖4）。

圖4　歡迎界面展示

（二）首頁模塊

首頁是網(wǎng)站的靈魂，其好壞決定著網(wǎng)站是否開發(fā)成功，一個(gè)網(wǎng)站的首頁會對學(xué)習(xí)起到引導(dǎo)作用，讓學(xué)習(xí)者迅速了解到網(wǎng)站的主要內(nèi)容使之進(jìn)入學(xué)習(xí)者的角色中。

1.首頁模板的制作

為了保證網(wǎng)頁頁面風(fēng)格統(tǒng)一，這個(gè)模板主要應(yīng)用于首頁以及名句賞析部分。

首先要確認(rèn)的是網(wǎng)站的幾大模塊，在這一部分首先要做的就是課件的布局，在布局的標(biāo)準(zhǔn)模式下點(diǎn)擊表格，把頁面頂部分為兩個(gè)大的部分，一部分放網(wǎng)站的題目，另一部分放網(wǎng)站導(dǎo)航條，這兩部分的背景圖像是一致的，背景圖像的設(shè)置方法為：頁面屬性-背景圖像-瀏覽，選擇合適的圖像插入，就設(shè)置好了背景。接下來是導(dǎo)航條的插入，在開始設(shè)置的右半部分插入一行五列的一個(gè)表格，將表格邊框設(shè)置為0，然后插入導(dǎo)航條，調(diào)整導(dǎo)航條的大小為166*64。導(dǎo)航條設(shè)置好之后，將其鏈接到對應(yīng)的頁面中，如：詩人簡介鏈接到文件夾shirenji?anjie.html中，設(shè)置頁面留白部分的背景方法步驟與網(wǎng)站頂部的背景一樣，繼而將頁面中的留白部分設(shè)置為可編輯區(qū)域，方法為：插入-模板對象-可編輯區(qū)域，一般情況下，盡量將可編輯區(qū)域放在空白部分的左上角，即水平左對齊，垂直頂端對齊。設(shè)置完成之后，便可直接生成模板，方法為：插入-模板對象-創(chuàng)建模板。在模板下方創(chuàng)建站外鏈接，包括詩詞網(wǎng)站的鏈接和站長信箱，站長信箱需要學(xué)習(xí)者登錄自己的郵箱再提出問題發(fā)到站長信箱，每一個(gè)鏈接都需要在連接網(wǎng)絡(luò)狀態(tài)下打開，最下方是版權(quán)信息。模板示意圖如圖5、圖6所示。

圖5　模板頂部示意圖

圖6　模板底部示意圖

2.首頁的制作

首先，將制作好的模板套用到頁面，修改-模板-套用模板到頁。首頁主要分為五個(gè)部分，首先是選取了部分重要的詩人簡介使學(xué)習(xí)者對詩人有一個(gè)整體的印象，下面是一個(gè)兩行兩列的表格，包括唐詩文學(xué)常識、唐詩欣賞、詩人簡介和小測試。小測試在首頁只展示了四道題，完整版共有八道題，只需點(diǎn)擊更多就可以查看全部題目。在小測試的制作中包括一個(gè)Flash動畫，對學(xué)習(xí)者進(jìn)行提問，“你對白居易的了解有多少”，用Flash動畫呈現(xiàn)出來，可以吸引學(xué)習(xí)者的注意使其深入思考，應(yīng)用的Flash是從網(wǎng)上下載的，在Flash 8中進(jìn)行修改并添加文字。Flash中插入了一段背景音樂，音樂可以隨學(xué)習(xí)者的需要在Flash的右上角進(jìn)行打開或關(guān)閉，F(xiàn)lash的插入使得網(wǎng)站的整體頁面動起來。緊接著有一組完整版的關(guān)于白居易的問題，如：唐代詩人有稱“詩圣”的杜甫和“詩仙”的李白，你可知道被人頌稱為“詩魔”的是誰？在做測試這部分時(shí)筆者是在表單模式下做的，題目有單選題也有填空題，單選題先將題目錄入頁面中，再在標(biāo)簽文字中將選項(xiàng)依次輸入（如圖7）。選擇題部分，學(xué)習(xí)者可以直接點(diǎn)擊進(jìn)行選擇，填空題需要學(xué)習(xí)者自行在空白處填入答案。在學(xué)習(xí)者做完所有的題目之后會看到網(wǎng)頁下面的提交按鈕，直接點(diǎn)擊鏈接到的頁面是題目答案。

圖7　單選選項(xiàng)輸入

填空題也是先將題目輸入，再添加文本字段，方法與圖7一樣。

3.首頁效果（如圖88所示）

圖8　網(wǎng)站首頁

空白部分是插入的Flash，在網(wǎng)頁保存中無法顯示。

如圖8所示是該網(wǎng)站首頁，第一，展示了本網(wǎng)站的五大模塊；第二，該界面明確清晰地給出了本網(wǎng)站的學(xué)習(xí)任務(wù)，點(diǎn)擊相應(yīng)的模塊導(dǎo)航條就可以進(jìn)行相應(yīng)的學(xué)習(xí)；第三，習(xí)題的存在可以讓學(xué)生了解自己之前的學(xué)習(xí)情況。

（三）“詩人簡介”模塊

詩人簡介部分是為學(xué)習(xí)者進(jìn)行詩詞學(xué)習(xí)的準(zhǔn)備階段，只有了解詩人的生平才更能體會到詩人在作詩過程中的心境，了解了詩歌背景之后，有助于學(xué)習(xí)者整體把握詩詞情感基調(diào)。

這一部分又包括五個(gè)小導(dǎo)航，分別是：視頻、家世生平、個(gè)人成就、詩歌理論以及秩事典故，為了方便學(xué)習(xí)者在學(xué)習(xí)過程中在任何頁面都可以隨意跳轉(zhuǎn)，將五個(gè)導(dǎo)航條全部鏈接完成后，制作新的模板（如圖9）。

圖9　詩人簡介部分模板示意圖

在制作每部分的時(shí)候可以直接套用模板，然后將所需的圖片、文字內(nèi)容等粘貼進(jìn)來，在家世生平和秩事典故的制作過程中，首先將重要事件放在頁面開始，如在家世生平中是人的一生大抵可以分為六個(gè)部分，分別是：出生亂世、仕官生活、貶謫江州、任職蘇杭、晚年生活、洛陽安逝，學(xué)習(xí)者在接觸到詩詞的時(shí)候可以大致了解這是白居易哪個(gè)時(shí)期的作品，然后直接點(diǎn)擊鏈接就可以直接跳轉(zhuǎn)到這一時(shí)期作者的生活狀態(tài)介紹，從而掌握詩詞創(chuàng)作的背景，在這一部分制作中文字性內(nèi)容比較多，學(xué)習(xí)者學(xué)習(xí)完之后要先返回頂部再進(jìn)行頁面的跳轉(zhuǎn)，無論是返回頂部，還是從六個(gè)時(shí)期的大標(biāo)題直接到內(nèi)容都是同一頁面內(nèi)容的跳轉(zhuǎn)，在此做鏈接時(shí)首先要命名錨點(diǎn)，點(diǎn)擊“插入-命名錨點(diǎn)-錨記名稱”。然后選中要鏈接的文字創(chuàng)建鏈接，創(chuàng)建鏈接時(shí)方法為：#+錨記名稱。

由于網(wǎng)站素材大多都已經(jīng)是搜集好的，所以文字性東西只要直接復(fù)制粘貼就可以了，文字在復(fù)制過來的時(shí)候比較亂，需要稍微調(diào)整先選擇左對齊再進(jìn)行文本縮進(jìn)，段落就自動形成。在此網(wǎng)頁還插入了圖片，與背景圖片插入的不同之處在于圖片插入方式是：插入-圖像。

（四）詩詞精講模塊

與詩人簡介部分相同的是要建立一個(gè)專屬于這一部分的模板，創(chuàng)建好每一部分的鏈接。

在詩詞精講總頁面首先介紹學(xué)習(xí)的總框架圖，在這一頁面會有一個(gè)簡短的視頻介紹詩詞的學(xué)習(xí)方法。這里的框架是在Word里面制作而成的，方法是：插入-圖片-組織結(jié)構(gòu)圖，做好之后直接復(fù)制粘貼到Dreamweaver中，同時(shí)就會在文件夾中生成GIF格式的圖片。以下以《長恨歌》為例進(jìn)行分析。

在長恨歌網(wǎng)頁第一頁制作時(shí)首先選擇了比較符合古詩內(nèi)容的書卷的一個(gè)Flash進(jìn)行修改與文字的添加，這個(gè)Flash中的梅花只會在剛進(jìn)入頁面的時(shí)候出現(xiàn)一個(gè)綻放的動畫，之后一直呈現(xiàn)開放狀態(tài)。之后的每一首詩也是用了這幅動畫只是將文字性內(nèi)容進(jìn)行修改。

這一部分的框架圖直接可以鏈接到之后關(guān)于這一首詩的每一個(gè)頁面，由于框架導(dǎo)入之后是一個(gè)整體的圖片，因此只能選擇熱區(qū)。用矩形工具分別選擇學(xué)習(xí)視頻、課文解析、文章賞析、課后練習(xí)所在的區(qū)域，即成為熱區(qū)，然后創(chuàng)建鏈接，分別鏈接到chg1、2、3、4等。

詩詞內(nèi)容的學(xué)習(xí)是整個(gè)課件的核心部分，整個(gè)課件的學(xué)習(xí)內(nèi)容包含五部分的內(nèi)容，通讀全篇內(nèi)容，對整首詩有一個(gè)整體的把握。之后是一系列的課前準(zhǔn)備，包括教學(xué)目的、教學(xué)重難點(diǎn)、背景介紹，學(xué)習(xí)目標(biāo)是這個(gè)課程的學(xué)習(xí)任務(wù)，通過學(xué)習(xí)目標(biāo)可以使學(xué)習(xí)者清楚地認(rèn)識到這個(gè)課程的主要內(nèi)容，學(xué)習(xí)要達(dá)到什么樣的效果等。重難點(diǎn)的分析可以使學(xué)習(xí)者在學(xué)習(xí)中著重學(xué)習(xí)重難點(diǎn)部分。背景介紹是學(xué)習(xí)中重要的輔助工具，可以使學(xué)生了解到作者的創(chuàng)作緣起。

這一部分內(nèi)容是比較多的，一個(gè)頁面中雖然可以放下所有的內(nèi)容，但會使網(wǎng)站顯得擁堵不堪，整個(gè)篇幅的文字性內(nèi)容也會使學(xué)習(xí)者無法耐心看完，因此，與之前網(wǎng)頁不同的一點(diǎn)是在網(wǎng)頁中插入上下頁的翻轉(zhuǎn)，而且每一個(gè)下一頁都能很好地與上一頁面銜接，循序漸進(jìn)地進(jìn)行學(xué)習(xí)，在課文解析中先給出字詞的翻譯，學(xué)習(xí)者可以跳轉(zhuǎn)回詩詞部分試著進(jìn)行翻譯，再學(xué)習(xí)提高的全文翻譯，兩者進(jìn)行比較找出差距會對自己的古文學(xué)習(xí)能力有很大的提升。

之后是文章整體的一個(gè)賞析，通過這一部分學(xué)習(xí)者可以對比自己學(xué)習(xí)過程中對于感情基調(diào)的把握，在賞析部分首先是分析文章的藝術(shù)特點(diǎn)，其次是對文章每一句的推敲，以及全文中心思想的把握。

最后是課后練習(xí)部分，課后練習(xí)部分是對學(xué)習(xí)效果的一個(gè)檢測，一方面可以考查學(xué)習(xí)者在本網(wǎng)站中的學(xué)習(xí)成果；另一方面還可以鞏固重要的知識點(diǎn)，使學(xué)習(xí)者對其加深印象。這一部分的題目考查是比較豐富的，考查學(xué)生對于文中修辭、文章意思、主人公形象特點(diǎn)、文章中心思想的掌握情況，最后針對每一個(gè)題目進(jìn)行詳細(xì)講解查漏補(bǔ)缺。課后練習(xí)截圖如圖10所示。

圖10　課后練習(xí)部分習(xí)題

（五）名句賞析模塊

名句賞析部分是古詩詞知識點(diǎn)的延伸，旨在拓寬學(xué)生的視野、學(xué)習(xí)的層面及藝術(shù)修養(yǎng)，在這一部分主要選擇了比較常見的四個(gè)類型的句子進(jìn)行賞析，分別是雨、梅花、柳樹、離別。首先在這一部分會展示出所有的句子，并全部鏈接，學(xué)習(xí)者可以根據(jù)自身需要選擇句子直接進(jìn)行賞析，賞析頁面左邊導(dǎo)航條可以直接跳轉(zhuǎn)到名句賞析的主頁面，賞析句子時(shí)會先對句子的出處做以簡介，再進(jìn)行具體的賞析。

（六）后世評價(jià)模塊

在后世評價(jià)這一模塊中主要講解了以下幾部分內(nèi)容，包括：歷史上的今天、個(gè)人影響、以及在唐、宋、清、中國近現(xiàn)代以及日本的影響。制作方法與前幾模塊的制作方法相同。歷史上的今天是一個(gè)新聞視頻的展示，講的是白居易的誕辰是在772年2月28日以及好友、唐玄宗對于詩人的評價(jià)；個(gè)人影響則是白居易在整個(gè)歷史長河中的影響，是繼杜甫之后的又一位現(xiàn)代主義詩人，同時(shí)也對詩人在各個(gè)朝代和國家的影響進(jìn)行詳細(xì)分析。在頁面底部有返回頂部的按鈕，如果需要轉(zhuǎn)換至其他頁面則首先需要返回頂部之后再進(jìn)行模塊之間的跳轉(zhuǎn)。

四、專題網(wǎng)站開發(fā)中出現(xiàn)的問題及解決對策

（一）表格中內(nèi)容的不穩(wěn)定

因?yàn)閷邮呛懿环€(wěn)定的，在層上做的內(nèi)容換個(gè)瀏覽器就會偏離當(dāng)時(shí)定位的位置，于是在這次的網(wǎng)頁制作過程中筆者基本都是在布局模式下做的，先進(jìn)行一個(gè)基本的布局，后續(xù)需要的時(shí)候再添加表格，因此，內(nèi)容還是比較穩(wěn)定的，但是在表格中添加的文字在Dreamweaver中瀏覽的時(shí)候與在瀏覽器中瀏覽的時(shí)候位置總是不同，后來重新添加表格再添加內(nèi)容之后才得以解決，在以后的制作過程中發(fā)現(xiàn)，在屬性中直接將光標(biāo)定位單元格中的垂直屬性定位頂端，便不再會出現(xiàn)表格中其他單元格添加內(nèi)容時(shí)，最開始添加內(nèi)容的單元格中文字自動下滑的現(xiàn)象。

（二）在使用Photoosshhoopp處理圖片水印時(shí)圖片會看起來不完整

在網(wǎng)上下載的圖片大多數(shù)是有水印的，無法直接使用，因此，需要在Photoshop中進(jìn)行處理，如果在處理時(shí)使用的是橡皮擦工具，雖然會直接擦除水印中的文字，但是擦除后的部分大多會與圖片整體格格不入，解決辦法是：先用吸管工具在文字旁邊吸取與文字背景顏色相同或相近的顏色，再使用橡皮擦。

（三）網(wǎng)站視頻的插入和FFllaasshh的插入?yún)^(qū)別

視頻的插入方法是：插入-媒體-插件，但是在制作Flash的時(shí)候會發(fā)現(xiàn)導(dǎo)出的Flash也是視頻格式，如果用與視頻一樣的插入方法會導(dǎo)致視頻無法打開，解決辦法是:在插入Flash時(shí)應(yīng)該是“插入-媒體-Flash”，F(xiàn)lash的格式為SWF，視頻可插入格式為MPG、AVI等。

（四）框架圖的建構(gòu)

在制作詩詞精講部分的網(wǎng)頁時(shí)，需要一個(gè)大的學(xué)習(xí)框架圖，使學(xué)生對于學(xué)習(xí)內(nèi)容一目了然，但是在Dreamweaver中無法直接制作，可使用Word制作組織框架圖，利用“插入-圖片-組織結(jié)構(gòu)圖”，做好之后Word中的內(nèi)容是無法保存為圖片的，使其無法導(dǎo)入到網(wǎng)站中，可通過直接復(fù)制粘貼的方式導(dǎo)入，該方式會自動生成GIF格式的圖片。

（五）背景音樂的插入

雖然音樂可以直接插入，但是之前做過的網(wǎng)頁中這種方法存在一定的問題，之后為了保證音樂播放的穩(wěn)定性，在網(wǎng)絡(luò)中搜集出一種代碼方式的音樂插入，只需將光標(biāo)定位在網(wǎng)頁中的任意位置，然后在代碼模式中輸入代碼，“bgsound”再鍵入空格鍵，雙擊“src”出現(xiàn)瀏覽，只要把背景音樂的路徑輸入或者直接打開瀏覽找到背景音樂，再輸入空格鍵雙擊“l(fā)oop”選擇“-1”，音樂就會循環(huán)播放了。

（六）網(wǎng)頁文字內(nèi)容過多

網(wǎng)站內(nèi)容需要使圖片、文字和視頻相結(jié)合制作，如果網(wǎng)站中文字內(nèi)容過多，會失去網(wǎng)站開發(fā)的意義，學(xué)習(xí)者也會在學(xué)習(xí)過程中失去耐心。在詩詞精講部分就出現(xiàn)了這一問題，一個(gè)頁面內(nèi)足以放下所有的內(nèi)容，直接在框架圖中使用熱區(qū)進(jìn)行鏈接就可以完成，在這里有兩種辦法添加文字性內(nèi)容，一種是使用滾動條，會使頁面顯得簡單干凈，學(xué)習(xí)者根據(jù)需要自行翻動，但是需要用層來做，而Dreamweaver中層是不穩(wěn)定的，因此，這種方法是不可行的；另一種是直接在頁面添加文字，顯然一個(gè)頁面是不足以顯示所有內(nèi)容的。因此最終決定在這一部分運(yùn)用上下頁的按鈕，直接跳轉(zhuǎn)。

五、結(jié)束語

該專題網(wǎng)站以白居易生平及詩詞的學(xué)習(xí)為主，包括白居易的生平、典故、作品以及后世評價(jià)等內(nèi)容，通過使用Photoshop、Flash等相關(guān)軟件加工素材，如圖片、文字、視頻等，集中展示了一個(gè)真實(shí)的白居易，為傳統(tǒng)的教學(xué)課堂增添很多生動性、直觀性，提高了教學(xué)效率和學(xué)習(xí)效果。但是，在設(shè)計(jì)開發(fā)制作過程中，也遇到了一些問題，如嘗試連接數(shù)據(jù)庫以實(shí)現(xiàn)更強(qiáng)大的功能。因此，在以后專題網(wǎng)站的設(shè)計(jì)與開發(fā)中，應(yīng)注重技術(shù)能力提升，加強(qiáng)專題網(wǎng)站與學(xué)習(xí)者的互動，注重激活學(xué)習(xí)者的思維和提高他們的創(chuàng)新能力。

參考文獻(xiàn):

[1]李顯萍.網(wǎng)頁設(shè)計(jì)與制作[M].北京:高等教育出版社,2007.

[2]王秀娟.Flash動畫制作實(shí)例教程[M].北京:機(jī)械工業(yè)出版社, 2012.

[3]麓山文化.Photoshopcs4數(shù)碼照片處理與設(shè)計(jì)經(jīng)典208例[M].北京:機(jī)械工業(yè)出版社,2010.

[4]謝松云.現(xiàn)編網(wǎng)頁制作綜合教程[M].西安:西北工業(yè)大學(xué)出版社, 2006.

[5]陳友琴.白居易資料匯編[M].北京:中華書局,2005.

[6]謝思煒.白居易詩集校注[M].北京:中華書局,2006.

[7]王志軍.多媒體教學(xué)軟件設(shè)計(jì)與開發(fā)[M].北京:高等教育出版社, 2006.

[8]賀曉霞,吳東偉等.Flash 8動畫制作[M].北京:清華大學(xué)出版社, 2006.

[9]謝幼如,李克東.教育技術(shù)學(xué)研究方法基礎(chǔ)[M].北京:高等教育出版社,2006.

[10]武法題.網(wǎng)絡(luò)課程設(shè)計(jì)與開發(fā)[M].北京:高等教育出版社,2007.

[11]李建珍.多媒體CAI網(wǎng)站設(shè)計(jì)與制作[M].北京:中國水利水電出版社,2003.

[12]屠美慶.高中語文文言文審美體悟途徑探究[J].中學(xué)語文,2015, (15):16-17.

[13]張子石.網(wǎng)絡(luò)學(xué)習(xí)空間平臺的規(guī)劃與設(shè)計(jì)—以未來教育空間站為例[J].中國電化教育,2015,(04):53-59.

*陜西省教育廳科學(xué)研究計(jì)劃項(xiàng)目（13JK0368）；咸陽師范學(xué)院專項(xiàng)科研基金項(xiàng)目（13XSYK048）。

[編輯：鄭方林]

中圖分類號：G434

文獻(xiàn)標(biāo)識碼：A

文章編號：1671-7503（2016）07-0073-05