目前，越來越多的學(xué)校在教室中配備了多媒體，建立了校園網(wǎng)、網(wǎng)絡(luò)教學(xué)平臺(tái)。豐富多彩的多媒體電子教案越來越受到廣大師生的歡迎。但是，對(duì)于信息技術(shù)水平不高的教師來說，制作一份HTML電子教案要花費(fèi)很長時(shí)間，投入很多精力。準(zhǔn)備教案的內(nèi)容并不難，難的是怎樣制作和修飾一個(gè)個(gè)網(wǎng)頁頁面，同時(shí)又要實(shí)現(xiàn)在各個(gè)頁面之間方便地跳轉(zhuǎn)。本文將結(jié)合一個(gè)實(shí)例介紹如何使用MindManager簡單快捷地生成電子教案網(wǎng)頁，生成的頁面美觀，教師只需對(duì)其中的顯示內(nèi)容進(jìn)行修改，就可以輕松制作出一份專業(yè)的電子教案。
　　
　　一、關(guān)于MindManager
　　
　　MindManager軟件是一個(gè)可視化的工具，主要用在頭腦風(fēng)暴和組織計(jì)劃中。它采用更有效的電子化手段進(jìn)行信息和想法的捕捉、組織和聯(lián)系。MindManager在全世界范圍內(nèi)有超過200 000個(gè)用戶，能夠與Microsoft的Project項(xiàng)目管理軟件和Outlook電子郵件客戶端軟件全程同步，并且可以通過“一次點(diǎn)擊”(one-touch)功能，將文件導(dǎo)出為Microsoft Word、PowerPoint格式和HTML的網(wǎng)頁格式。本文所使用的就是MindManager導(dǎo)出為HTML網(wǎng)頁格式的功能。
　　
　　二、電子教案的生成
　　
　　1.生成概念圖
　　將教案的主體部分制作成一個(gè)簡單的概念圖。例如本文示例中電子教案的主體部分包括：本課主題—第一節(jié) 氯氣（第一課時(shí)），教案的組成部分——小故事、物理性質(zhì)、化學(xué)性質(zhì)、小結(jié)。首先，打開MindManager，在彈出的頁面中選擇“Start Using MindManager”。界面中心有一個(gè)中心主題標(biāo)題結(jié)點(diǎn)“Central Topic”，雙擊該結(jié)點(diǎn)（或選中后按右鍵，選擇“edit text”）可以編輯里面的文字，一般在這里輸入本課的題目，這里我們編輯文本為“第一節(jié) 氯氣（第一課時(shí)）”。選中修改好的主題結(jié)點(diǎn)，執(zhí)行菜單欄中的“Insert”→“Sub Topic”（或按下鍵盤上的“Insert”鍵），插入一個(gè)子標(biāo)題。雙擊該子標(biāo)題，編輯該標(biāo)題的文字。重復(fù)這一步驟直到所有的子標(biāo)題添加完畢。圖1為添加了“小故事”、“物理性質(zhì)”、“化學(xué)性質(zhì)”、“小結(jié)”等子標(biāo)題后的概念圖。
　　
　　至此，我們已經(jīng)將電子教案的大綱制作成了一個(gè)簡單的概念圖。
　　
　　2、將概念圖導(dǎo)出為網(wǎng)頁
　　將概念圖輸出為網(wǎng)頁一共包含5步，其中有3步是可選的，因此最簡單的輸出只需2步（第1步和第5步）即可完成。
　　（1）點(diǎn)擊“File”（文件）→“Save as Web Pages”（保存為網(wǎng)頁），出現(xiàn)保存為網(wǎng)頁對(duì)話框，顯示了使用當(dāng)前風(fēng)格的通用頁面的預(yù)覽。
　?。?）在“Save as Web Pages”（保存為網(wǎng)頁）中點(diǎn)擊“Select Template”（選擇模板）選項(xiàng)，打開選擇模板對(duì)話框。MindManager提供了一套預(yù)先定制好的網(wǎng)頁模板可供輸出專業(yè)風(fēng)格的網(wǎng)頁。選擇一個(gè)模板，將看到頁面的預(yù)覽、該模板的介紹以及該模板適合輸出的方式。MindManager一共提供了6種模板。
　?、貲ynamic Outline：動(dòng)態(tài)外觀。包括使用動(dòng)態(tài)Javascript外觀控件的導(dǎo)航工具條，用來創(chuàng)建網(wǎng)頁導(dǎo)航超過2層的輸出。
　?、贠ne-Page Layout：單頁版式。單頁輸出，將所有標(biāo)題列在一起，并在頁面頂端顯示目錄。
　?、跴resentation：外觀展示。僅輸出圖像用以在瀏覽器中顯示圖的層次，適用于內(nèi)部局域網(wǎng)、本地磁盤或者需要圖形文件的本地高速連接。
　　④Static Outline：靜態(tài)外觀。使用靜態(tài)HTML外觀，適合于只要求1或2層導(dǎo)航的小圖。
　?、軨lickable Imagemap：可點(diǎn)擊的概念圖。包含當(dāng)前的概念圖，同時(shí)生成在其他網(wǎng)頁中使用的圖片文件和原始HTML代碼。
　　⑥Simple Outline：簡單外觀。這種輸出將所有標(biāo)題列在一起，并在頁面頂端顯示目錄。相對(duì)于“One-Page Layout”，這種模板的外觀極為簡單，僅提供白色背景。
　　本文的示例課件只需一層導(dǎo)航，選擇了“Static Outline”（靜態(tài)外觀）。在“Static Outline”里面提供了四種顏色的模板，選擇“Light Blue”，點(diǎn)擊“OK”（確定）。
　?。?）“Customize”（定制）選項(xiàng)，定制功能允許用戶修改關(guān)于模板的設(shè)計(jì)參數(shù)。
　　默認(rèn)選擇的模板和輸出設(shè)置并不一定符合用戶的要求。MindManager提供的定制功能可以通過修改模板通用設(shè)計(jì)參數(shù)來定制輸出，也可以通過編輯文件直接構(gòu)成模板來進(jìn)行進(jìn)一步的定制。這主要取決于用戶要改變什么，比較復(fù)雜的定制需要HTML、CSS等網(wǎng)頁編程知識(shí)。
　　在“Save as Web Pages”（保存為網(wǎng)頁）對(duì)話框中點(diǎn)擊“Customize”（定制）按鈕，打開“Customize Web Page Layout and Style”（定制頁面層次和樣式）對(duì)話框。如圖2所示。
　　
　　在這里可以定制導(dǎo)航的深度、分頁（頁面標(biāo)題的深度）和用于輸出網(wǎng)頁的標(biāo)準(zhǔn)內(nèi)容。模板的布局和內(nèi)容決定了可以修改哪些設(shè)計(jì)參數(shù)。Mindjet模板提供了影響網(wǎng)頁風(fēng)格的大約30項(xiàng)設(shè)置。通過修改這些選項(xiàng)，基本可以得到想要的結(jié)果。
　　在該頁面中有三個(gè)標(biāo)簽：“Pagination and Navigation”、“Advanced Settings”、“Editing Templates”。
　　Pagination and Navigation是分頁和導(dǎo)航設(shè)置，選擇用于當(dāng)前模板的導(dǎo)航的深度和分頁。這些選項(xiàng)依賴于所選擇的模板的布局，即不同的模板對(duì)應(yīng)可選的導(dǎo)航深度和分頁是不同的?！癗avigation”導(dǎo)航深度選項(xiàng)，是指導(dǎo)航條的詳細(xì)程度?！癙agination”分頁選項(xiàng)，是指根據(jù)標(biāo)題的級(jí)別概念圖怎樣劃分到各個(gè)頁面當(dāng)中?？梢杂靡粋€(gè)單一頁面顯示所有內(nèi)容，可以指定到某個(gè)層次每頁顯示一個(gè)標(biāo)題，也可以每個(gè)概念圖標(biāo)題使用一個(gè)頁面。
　　這里，筆者將導(dǎo)航深度選為1—“One level main topic navigation”，分頁選擇每個(gè)主標(biāo)題一個(gè)單獨(dú)的頁面—“Export main topics as separate pages”。
　　Advanced Settings：高級(jí)設(shè)置，用來修改模板的參數(shù)?？尚薷牡膮?shù)根據(jù)所選模板的不同而有所不同。當(dāng)選中一個(gè)參數(shù)時(shí)，關(guān)于該參數(shù)的介紹將顯示在對(duì)話框的底端，用來解釋這個(gè)參數(shù)的目的和用途。
　　這些參數(shù)包括“Miscellaneous”、“User information”、“Navigation labels”、“Section labels”、“Show”?！癕iscellaneous”（綜合參數(shù)），包括字符編碼、圖片大小、頁面名稱長度限制、根文件名等，一般不需要修改?！癠ser information”（用戶信息），主要包括以下幾個(gè)重要參數(shù)：Footnote text（腳注），顯示在每頁的底端，一般填寫作者的地址，比如“××中學(xué)”；Contact information（聯(lián)系信息），顯示在每頁的頂端，比如電話等信息；Last updated text（最后更新），一般填寫最后更新的信息，顯示在每頁的底端；Contact email（聯(lián)系郵件），顯示在每頁的頂端，可以填入自己的郵箱；Hyperlink URL（超鏈接），填入所需的資源超鏈接地址顯示在每頁底端；Hyperlink text（超鏈接文字），關(guān)于每頁底端的超鏈接的文字介紹；“Navigation labels”（導(dǎo)航標(biāo)簽），包括頁面頂端、首頁、上一頁、下一頁、圖例、框架圖、目錄等導(dǎo)航項(xiàng)目在頁面顯示的文字；“Show”（顯示），指定要顯示的項(xiàng)目，包括頁眉、頁腳、標(biāo)題深度、頁腳超鏈接等。
　　用戶可以根據(jù)自己的需要進(jìn)行設(shè)置。圖3是筆者設(shè)置的用戶信息界面。
　　
　　Editing Templates：編輯模板標(biāo)簽。對(duì)網(wǎng)頁設(shè)計(jì)很熟悉的用戶可以直接編輯模板的原始頁面，由于該操作比較復(fù)雜，一般情況下并不需要，這里就不做介紹了。
　　定制完成，點(diǎn)擊“OK”（確定）按鈕，返回到“Save as Web Pages”（保存為網(wǎng)頁）對(duì)話框。
　?。?）“Export Folder”（輸出文件夾），保存網(wǎng)頁文件的輸出文件夾。在“Export Folder”文本框內(nèi)設(shè)置文件導(dǎo)出的目錄，如果要清除舊版本文件（如以前的輸出），可以點(diǎn)擊“Delete Folder”(刪除文件夾)。
　?。?）單擊“Save”（保存），將輸出網(wǎng)頁。在輸出后的對(duì)話框中單擊“Open”（打開）即可通過瀏覽器顯示所輸出的網(wǎng)頁。
　　至此，我們需要的電子教案網(wǎng)頁框架設(shè)計(jì)完畢。點(diǎn)擊導(dǎo)出對(duì)話框上的“打開”按鈕，可以在瀏覽器中看到導(dǎo)出的結(jié)果如圖4所示。
　　
　　我們看到，每個(gè)網(wǎng)頁的頁面外觀設(shè)計(jì)、頁面之間的導(dǎo)航關(guān)系都已經(jīng)生成。下一步只要使用Dreamwaver、FrontPage或者任意一個(gè)網(wǎng)頁編輯軟件在相應(yīng)的頁面中填入每個(gè)頁面要顯示的內(nèi)容，一份精美的電子教案就完成了。
　　
　　三、案例預(yù)覽
　　
　　圖5是筆者使用MindManager制作的教案網(wǎng)頁框架效果圖。
　　
　　使用MindManager快速導(dǎo)出、生成網(wǎng)頁框架和導(dǎo)航非常方便，可以節(jié)省大量花費(fèi)在設(shè)計(jì)網(wǎng)頁頁面上的時(shí)間，而使教師在很短的時(shí)間內(nèi)迅速做出具有專業(yè)水平的電子教案。本文所介紹的只是MindManager軟件眾多功能中的一小部分，它和Word、PowerPoint的兼容性也非常好，有待我們?cè)谄綍r(shí)的教學(xué)中更加深入地去探索。
　　
　　參考文獻(xiàn)
　　[1] MindManager幫助文檔［DB/OL］．Mindjet公司．
　?。ㄗ髡邌挝唬罕本煼洞髮W(xué)教育技術(shù)學(xué)院北京市第五中學(xué)）