集成开发环境

《集成开发环境》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、教学目的：掌握集成开发环境的安装和使用教学内容：集成开发环境InterDev操作、控制标记的使用教学重点：集成开发环境InterDev的安装使用教学方法与手段：讲述法，采用多媒体教学。教学时数：2学时教学过程：第5章集成开发环境InterDev的使用返回主目录5.1引言5.2集成开发环境InterDev操作5.3加入控制标记第5章集成开发环境InterDev的使用返回主目录第5章集成开发环境InterDev的使用5.1引言在第3章和第4章中，我们介绍了HTML与VBScript基础，它们都是用编辑软件（如Word、写字板、WPS等）一句一句编写的，用编辑软件编写HTML与VBS

2、cript代码时，需要记忆大量的HTML与VBScript命令以及其语法。如果用FrontPage2000自动生成HTML与VBScript代码，则可省去记忆大量的命令和语法，但耗费的内存太大，而集成开发环境InterDev的使用则既可以自动生成很多HTML与VBScript代码，且所耗费的内存却比FrontPage2000小得多。因此，本章我们将介绍集成开发环境InterDev的使用的使用。集成开发环境InterDev的使用是VisualStudio6.0的套件，当我们安装完集成开发环境InterDev的使用之后，将出现在如图5-1所示的界面。图5-1安装后的集成开发环境In

3、terDev5.2集成开发环境InterDev的操作集成开发环境InterDev的操作步骤如下：（1）在图5-1中选择DEVENV.EXE图标,双击该图标，出现如图5-2所示的界面。（2）选取菜单中的“文件”→“新建文件”，如图5-3所示。（3）当按下“新建文件”的菜单后，系统将出现一个如图5-4所示的对话框。（4）选取“HTML页”图标，按下“打开（O）”的按钮之后，接着出现如图5-5所示的画面。图5-2第一次打开InterDev的界面图5-3选择新建文件图5-4选取“新HTML”页面的图标图5-5打开HTML后的新画面从图5-5中可见，新HTML页面中有“设计”、“源代码”

4、、“快速视图”三个窗口，其中“设计”表示可以用鼠标的拖曳功能在工作窗口中自行加上各种HTML的标记；“源代码”表示读者可以在此自行加入相关的控制标记或者脚本语言（VBScript）；“快速视图”表示可以在工作窗口直接看到相关的设计结果。5.3加入控制标记5.3.1加入文字打开一个“新的HTML页面”之后，在“设计”的工作窗口中加入一段“电子商务系统”文字，并可对该段文字的字号、字体及对齐方式作适当修改，这时便可在“设计”工作窗口看到变更后的结果，如图5-6所示。注意，当“设计”工作窗口中相关对象的属性改变之后，图5-6中“属性”窗口的相关信息也会相应地变更。图5-6加入一段文字

5、并且变更相关的属性5.3.2加入窗体控制标记下面的这几项操作必须使用鼠标的拖曳功能才能完成。1.加入文本框用户可加入一个文本框，并在其中输入一个文字段（例如输入姓名）。其步骤如下：（1）用鼠标选取“工具栏”中的“Textbox”，如图5-7所示。（2）使用鼠标的拖曳功能，按下鼠标的左键不放，并将鼠标移动到设计的工作窗口，然后放开鼠标的左键，即可见到如图5-8所示的画面。图5-7选取“文本框（Textbox）”图5-8选取后的Textbox(3)接着，在Textbox前加入“请输入姓名：”，并且变更Textbox的字段名称为“UserName”，结果如图5-9所示。2.加入一个“

6、确定”按钮设计“确定”按钮（即“送出数据按钮”）的方式与增加文本框的方式相同，即：首先，将鼠标移到窗口左方的“工具栏”中选取“SubmitButton”，接着按下鼠标左键不放，将鼠标移到“设计”工作窗口，然后放开鼠标左键，即可在工作窗口中看到如图5-10所示的结果。如果需要修改文字，有以下两种方式可选用：①用鼠标点取该按钮即可输入文字。②直接修改属性窗口中的Value。图5-9加入文字以及变更字段名称的结果图5-10加入“SubmitButton”的结果3.加入“ResetButton”按钮加入“ResetButton”按钮的方式与加入加入“确定”按钮的方式相同。将“Reset

7、Button”按钮的值（value）变更为“取消”后如图5-11所示。“ResetButton”按钮可将所有字段的内容恢复到内定值。如果字段的值（Value）未经设置，其默认值为“空白”。因此，在按下“ResetButton”时，不论使用者输入任何文字，其结果一律变成默认值（即空白）。此时，如果按下“快速视图”，将会看到真实执行时的仿真画面。并且，这时的工具栏内所有的控制标记全部取消作用，如图5-12所示。图5-11修改完成的结果图5-12快速查看的结果5.3.3加入VBScript脚本语言