巧用ＭｉｎｄＭａｎａｇｅｒ輕松生成ＨＴＭＬ電子教案網(wǎng)頁

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