论文部分内容阅读
目前，越来越多的学校在教室中配备了多媒体，建立了校园网、网络教学平台。丰富多彩的多媒体电子教案越来越受到广大师生的欢迎。但是，对于信息技术水平不高的教师来说，制作一份HTML电子教案要花费很长时间，投入很多精力。准备教案的内容并不难，难的是怎样制作和修饰一个个网页页面，同时又要实现在各个页面之间方便地跳转。本文将结合一个实例介绍如何使用MindManager简单快捷地生成电子教案网页，生成的页面美观，教师只需对其中的显示内容进行修改，就可以轻松制作出一份专业的电子教案。
一、关于MindManager
MindManager软件是一个可视化的工具，主要用在头脑风暴和组织计划中。它采用更有效的电子化手段进行信息和想法的捕捉、组织和联系。MindManager在全世界范围内有超过200 000个用户，能够与Microsoft的Project项目管理软件和Outlook电子邮件客户端软件全程同步，并且可以通过“一次点击”(one-touch)功能，将文件导出为Microsoft Word、PowerPoint格式和HTML的网页格式。本文所使用的就是MindManager导出为HTML网页格式的功能。
二、电子教案的生成
1.生成概念图
将教案的主体部分制作成一个简单的概念图。例如本文示例中电子教案的主体部分包括：本课主题—第一节 氯气（第一课时），教案的组成部分——小故事、物理性质、化学性质、小结。首先，打开MindManager，在弹出的页面中选择“Start Using MindManager”。界面中心有一个中心主题标题结点“Central Topic”，双击该结点（或选中后按右键，选择“edit text”）可以编辑里面的文字，一般在这里输入本课的题目，这里我们编辑文本为“第一节 氯气（第一课时）”。选中修改好的主题结点，执行菜单栏中的“Insert”→“Sub Topic”（或按下键盘上的“Insert”键），插入一个子标题。双击该子标题，编辑该标题的文字。重复这一步骤直到所有的子标题添加完毕。图1为添加了“小故事”、“物理性质”、“化学性质”、“小结”等子标题后的概念图。
至此，我们已经将电子教案的大纲制作成了一个简单的概念图。
2、将概念图导出为网页
将概念图输出为网页一共包含5步，其中有3步是可选的，因此最简单的输出只需2步（第1步和第5步）即可完成。
（1）点击“File”（文件）→“Save as Web Pages”（保存为网页），出现保存为网页对话框，显示了使用当前风格的通用页面的预览。
（2）在“Save as Web Pages”（保存为网页）中点击“Select Template”（选择模板）选项，打开选择模板对话框。MindManager提供了一套预先定制好的网页模板可供输出专业风格的网页。选择一个模板，将看到页面的预览、该模板的介绍以及该模板适合输出的方式。MindManager一共提供了6种模板。
①Dynamic Outline：动态外观。包括使用动态Javascript外观控件的导航工具条，用来创建网页导航超过2层的输出。
②One-Page Layout：单页版式。单页输出，将所有标题列在一起，并在页面顶端显示目录。
③Presentation：外观展示。仅输出图像用以在浏览器中显示图的层次，适用于内部局域网、本地磁盘或者需要图形文件的本地高速连接。
④Static Outline：静态外观。使用静态HTML外观，适合于只要求1或2层导航的小图。
⑤Clickable Imagemap：可点击的概念图。包含当前的概念图，同时生成在其他网页中使用的图片文件和原始HTML代码。
⑥Simple Outline：简单外观。这种输出将所有标题列在一起，并在页面顶端显示目录。相对于“One-Page Layout”，这种模板的外观极为简单，仅提供白色背景。
本文的示例课件只需一层导航，选择了“Static Outline”（静态外观）。在“Static Outline”里面提供了四种颜色的模板，选择“Light Blue”，点击“OK”（确定）。
（3）“Customize”（定制）选项，定制功能允许用户修改关于模板的设计参数。
默认选择的模板和输出设置并不一定符合用户的要求。MindManager提供的定制功能可以通过修改模板通用设计参数来定制输出，也可以通过编辑文件直接构成模板来进行进一步的定制。这主要取决于用户要改变什么，比较复杂的定制需要HTML、CSS等网页编程知识。
在“Save as Web Pages”（保存为网页）对话框中点击“Customize”（定制）按钮，打开“Customize Web Page Layout and Style”（定制页面层次和样式）对话框。如图2所示。
在这里可以定制导航的深度、分页（页面标题的深度）和用于输出网页的标准内容。模板的布局和内容决定了可以修改哪些设计参数。Mindjet模板提供了影响网页风格的大约30项设置。通过修改这些选项，基本可以得到想要的结果。
在该页面中有三个标签：“Pagination and Navigation”、“Advanced Settings”、“Editing Templates”。
Pagination and Navigation是分页和导航设置，选择用于当前模板的导航的深度和分页。这些选项依赖于所选择的模板的布局，即不同的模板对应可选的导航深度和分页是不同的。“Navigation”导航深度选项，是指导航条的详细程度。“Pagination”分页选项，是指根据标题的级别概念图怎样划分到各个页面当中。可以用一个单一页面显示所有内容，可以指定到某个层次每页显示一个标题，也可以每个概念图标题使用一个页面。
这里，笔者将导航深度选为1—“One level main topic navigation”，分页选择每个主标题一个单独的页面—“Export main topics as separate pages”。
Advanced Settings：高级设置，用来修改模板的参数。可修改的参数根据所选模板的不同而有所不同。当选中一个参数时，关于该参数的介绍将显示在对话框的底端，用来解释这个参数的目的和用途。
这些参数包括“Miscellaneous”、“User information”、“Navigation labels”、“Section labels”、“Show”。“Miscellaneous”（综合参数），包括字符编码、图片大小、页面名称长度限制、根文件名等，一般不需要修改。“User information”（用户信息），主要包括以下几个重要参数：Footnote text（脚注），显示在每页的底端，一般填写作者的地址，比如“××中学”；Contact information（联系信息），显示在每页的顶端，比如电话等信息；Last updated text（最后更新），一般填写最后更新的信息，显示在每页的底端；Contact email（联系邮件），显示在每页的顶端，可以填入自己的邮箱；Hyperlink URL（超链接），填入所需的资源超链接地址显示在每页底端；Hyperlink text（超链接文字），关于每页底端的超链接的文字介绍；“Navigation labels”（导航标签），包括页面顶端、首页、上一页、下一页、图例、框架图、目录等导航项目在页面显示的文字；“Show”（显示），指定要显示的项目，包括页眉、页脚、标题深度、页脚超链接等。
用户可以根据自己的需要进行设置。图3是笔者设置的用户信息界面。
Editing Templates：编辑模板标签。对网页设计很熟悉的用户可以直接编辑模板的原始页面，由于该操作比较复杂，一般情况下并不需要，这里就不做介绍了。
定制完成，点击“OK”（确定）按钮，返回到“Save as Web Pages”（保存为网页）对话框。
（4）“Export Folder”（输出文件夹），保存网页文件的输出文件夹。在“Export Folder”文本框内设置文件导出的目录，如果要清除旧版本文件（如以前的输出），可以点击“Delete Folder”(删除文件夹)。
（5）单击“Save”（保存），将输出网页。在输出后的对话框中单击“Open”（打开）即可通过浏览器显示所输出的网页。
至此，我们需要的电子教案网页框架设计完毕。点击导出对话框上的“打开”按钮，可以在浏览器中看到导出的结果如图4所示。
我们看到，每个网页的页面外观设计、页面之间的导航关系都已经生成。下一步只要使用Dreamwaver、FrontPage或者任意一个网页编辑软件在相应的页面中填入每个页面要显示的内容，一份精美的电子教案就完成了。
三、案例预览
图5是笔者使用MindManager制作的教案网页框架效果图。
使用MindManager快速导出、生成网页框架和导航非常方便，可以节省大量花费在设计网页页面上的时间，而使教师在很短的时间内迅速做出具有专业水平的电子教案。本文所介绍的只是MindManager软件众多功能中的一小部分，它和Word、PowerPoint的兼容性也非常好，有待我们在平时的教学中更加深入地去探索。
参考文献
[1] MindManager帮助文档［DB/OL］．Mindjet公司．
（作者单位：北京师范大学教育技术学院北京市第五中学）
一、关于MindManager
MindManager软件是一个可视化的工具，主要用在头脑风暴和组织计划中。它采用更有效的电子化手段进行信息和想法的捕捉、组织和联系。MindManager在全世界范围内有超过200 000个用户，能够与Microsoft的Project项目管理软件和Outlook电子邮件客户端软件全程同步，并且可以通过“一次点击”(one-touch)功能，将文件导出为Microsoft Word、PowerPoint格式和HTML的网页格式。本文所使用的就是MindManager导出为HTML网页格式的功能。
二、电子教案的生成
1.生成概念图
将教案的主体部分制作成一个简单的概念图。例如本文示例中电子教案的主体部分包括：本课主题—第一节 氯气（第一课时），教案的组成部分——小故事、物理性质、化学性质、小结。首先，打开MindManager，在弹出的页面中选择“Start Using MindManager”。界面中心有一个中心主题标题结点“Central Topic”，双击该结点（或选中后按右键，选择“edit text”）可以编辑里面的文字，一般在这里输入本课的题目，这里我们编辑文本为“第一节 氯气（第一课时）”。选中修改好的主题结点，执行菜单栏中的“Insert”→“Sub Topic”（或按下键盘上的“Insert”键），插入一个子标题。双击该子标题，编辑该标题的文字。重复这一步骤直到所有的子标题添加完毕。图1为添加了“小故事”、“物理性质”、“化学性质”、“小结”等子标题后的概念图。
至此，我们已经将电子教案的大纲制作成了一个简单的概念图。
2、将概念图导出为网页
将概念图输出为网页一共包含5步，其中有3步是可选的，因此最简单的输出只需2步（第1步和第5步）即可完成。
（1）点击“File”（文件）→“Save as Web Pages”（保存为网页），出现保存为网页对话框，显示了使用当前风格的通用页面的预览。
（2）在“Save as Web Pages”（保存为网页）中点击“Select Template”（选择模板）选项，打开选择模板对话框。MindManager提供了一套预先定制好的网页模板可供输出专业风格的网页。选择一个模板，将看到页面的预览、该模板的介绍以及该模板适合输出的方式。MindManager一共提供了6种模板。
①Dynamic Outline：动态外观。包括使用动态Javascript外观控件的导航工具条，用来创建网页导航超过2层的输出。
②One-Page Layout：单页版式。单页输出，将所有标题列在一起，并在页面顶端显示目录。
③Presentation：外观展示。仅输出图像用以在浏览器中显示图的层次，适用于内部局域网、本地磁盘或者需要图形文件的本地高速连接。
④Static Outline：静态外观。使用静态HTML外观，适合于只要求1或2层导航的小图。
⑤Clickable Imagemap：可点击的概念图。包含当前的概念图，同时生成在其他网页中使用的图片文件和原始HTML代码。
⑥Simple Outline：简单外观。这种输出将所有标题列在一起，并在页面顶端显示目录。相对于“One-Page Layout”，这种模板的外观极为简单，仅提供白色背景。
本文的示例课件只需一层导航，选择了“Static Outline”（静态外观）。在“Static Outline”里面提供了四种颜色的模板，选择“Light Blue”，点击“OK”（确定）。
（3）“Customize”（定制）选项，定制功能允许用户修改关于模板的设计参数。
默认选择的模板和输出设置并不一定符合用户的要求。MindManager提供的定制功能可以通过修改模板通用设计参数来定制输出，也可以通过编辑文件直接构成模板来进行进一步的定制。这主要取决于用户要改变什么，比较复杂的定制需要HTML、CSS等网页编程知识。
在“Save as Web Pages”（保存为网页）对话框中点击“Customize”（定制）按钮，打开“Customize Web Page Layout and Style”（定制页面层次和样式）对话框。如图2所示。
在这里可以定制导航的深度、分页（页面标题的深度）和用于输出网页的标准内容。模板的布局和内容决定了可以修改哪些设计参数。Mindjet模板提供了影响网页风格的大约30项设置。通过修改这些选项，基本可以得到想要的结果。
在该页面中有三个标签：“Pagination and Navigation”、“Advanced Settings”、“Editing Templates”。
Pagination and Navigation是分页和导航设置，选择用于当前模板的导航的深度和分页。这些选项依赖于所选择的模板的布局，即不同的模板对应可选的导航深度和分页是不同的。“Navigation”导航深度选项，是指导航条的详细程度。“Pagination”分页选项，是指根据标题的级别概念图怎样划分到各个页面当中。可以用一个单一页面显示所有内容，可以指定到某个层次每页显示一个标题，也可以每个概念图标题使用一个页面。
这里，笔者将导航深度选为1—“One level main topic navigation”，分页选择每个主标题一个单独的页面—“Export main topics as separate pages”。
Advanced Settings：高级设置，用来修改模板的参数。可修改的参数根据所选模板的不同而有所不同。当选中一个参数时，关于该参数的介绍将显示在对话框的底端，用来解释这个参数的目的和用途。
这些参数包括“Miscellaneous”、“User information”、“Navigation labels”、“Section labels”、“Show”。“Miscellaneous”（综合参数），包括字符编码、图片大小、页面名称长度限制、根文件名等，一般不需要修改。“User information”（用户信息），主要包括以下几个重要参数：Footnote text（脚注），显示在每页的底端，一般填写作者的地址，比如“××中学”；Contact information（联系信息），显示在每页的顶端，比如电话等信息；Last updated text（最后更新），一般填写最后更新的信息，显示在每页的底端；Contact email（联系邮件），显示在每页的顶端，可以填入自己的邮箱；Hyperlink URL（超链接），填入所需的资源超链接地址显示在每页底端；Hyperlink text（超链接文字），关于每页底端的超链接的文字介绍；“Navigation labels”（导航标签），包括页面顶端、首页、上一页、下一页、图例、框架图、目录等导航项目在页面显示的文字；“Show”（显示），指定要显示的项目，包括页眉、页脚、标题深度、页脚超链接等。
用户可以根据自己的需要进行设置。图3是笔者设置的用户信息界面。
Editing Templates：编辑模板标签。对网页设计很熟悉的用户可以直接编辑模板的原始页面，由于该操作比较复杂，一般情况下并不需要，这里就不做介绍了。
定制完成，点击“OK”（确定）按钮，返回到“Save as Web Pages”（保存为网页）对话框。
（4）“Export Folder”（输出文件夹），保存网页文件的输出文件夹。在“Export Folder”文本框内设置文件导出的目录，如果要清除旧版本文件（如以前的输出），可以点击“Delete Folder”(删除文件夹)。
（5）单击“Save”（保存），将输出网页。在输出后的对话框中单击“Open”（打开）即可通过浏览器显示所输出的网页。
至此，我们需要的电子教案网页框架设计完毕。点击导出对话框上的“打开”按钮，可以在浏览器中看到导出的结果如图4所示。
我们看到，每个网页的页面外观设计、页面之间的导航关系都已经生成。下一步只要使用Dreamwaver、FrontPage或者任意一个网页编辑软件在相应的页面中填入每个页面要显示的内容，一份精美的电子教案就完成了。
三、案例预览
图5是笔者使用MindManager制作的教案网页框架效果图。
使用MindManager快速导出、生成网页框架和导航非常方便，可以节省大量花费在设计网页页面上的时间，而使教师在很短的时间内迅速做出具有专业水平的电子教案。本文所介绍的只是MindManager软件众多功能中的一小部分，它和Word、PowerPoint的兼容性也非常好，有待我们在平时的教学中更加深入地去探索。
参考文献
[1] MindManager帮助文档［DB/OL］．Mindjet公司．
（作者单位：北京师范大学教育技术学院北京市第五中学）