击 按钮后,即可看到图 2-8 所示的画面。此时只要选择“从本机运行全部
程序” ,安装程序即可为您安装 MSE,安装过程及完成画面如图 2-9、图 2-10 所示。
图 2-7 MSE 的安装选项
图 2-8
选择“从本机运行全部程序”
第2章
编辑器的选用
23
图 2-9
复制 MSE 文件的过程
图 2-10
MSE 已经安装完成
当读者都已经顺利安装完成 MSE 之后,接下来笔者将带领各位进入 MSE 的设计环境。
图 2-11
安装完成后的 MSE
2-2
MSE 的操作
在上一节中,通过内存使用量的比较,使用“记事本”算是最节省内存的 工具,是由于记事本只是纯文字的编辑软件,但读者必须要记忆大多数的 HTML,
VBScript 命令以及语法。使用 FrontPage 虽然方便却又太耗内存。因 此,选择使用 MSE 来建立 ASP 的程序。
2-2-1
MSE 的各部分
如图 2-12 所示,可以发现 MSE 至少有四个部分,它们分别是: ? 菜单栏:显示 MSE 所提供的各项功能。 ? 工具箱:提供用户快速选用的工具。 ? 编辑及预览窗口:在这个区域中,读者可以看到程序的源代码或执行 结果。
24
ASP 与 SQL 网站数据库程序设计
图 2-12
MSE 的激活画面
? 管理器以及属性窗口:在这个区域中,读者可以从资源管理器中看到 目前的工作目录下,仍有多少可以接受的程序文件,以及在属性窗口 中,可以对该 HTML 标记做进一步的设置。
2-2-2
建立基本的设计窗体
打开 MSE 之后,接下来必
须要做的事情是“建立新的 HTML 文件” 。以 下是建立新文件的步骤。 (1)如图 2-13 所示,打开 MSE。
图 2-13
第一次打开 MSE 的画面
第2章
编辑器的选用
25
(2)打开“文件”菜单,准备新建一个 HTML 文件,如图 2-14 所示。
图 2-14
如何新建 HTML 文件
(3)当读者选择“新建文件”命令之后,接着将会自动出现一个对话框 供读者选用,如图 2-15 所示。
图 2-15
选择“
HTML”的图标
(4)在选择“HTML 页”图标之后,紧接着单击“打开”按钮,即可看 到如图 2-16 所示的画面。 在完成上述步骤之后, 虽然可以顺利打开新的 HTML 页面供我们编辑, 但 是在建立的过程中仍有两个地方是读者必须了解的。它们是: (1)选择“新建文件”对话框中的“现存”以及“最近”选项卡,如图 2-17 所示。
26
ASP 与 SQL 网站数据库程序设计
图 2-16
打开完成的新页面
图 2-17
“现存”以及“最近”选项卡
(2)新 HTML 页面中的“设计”“源代码”以及“快速视图” 、 ,如图 2-18 所示。
图 2-18
“设计”“
源代码”以及“快速视图” 、
第2章
编辑器的选用
27
接下来,笔者对这两个部分分别进行详细的说明。 ? “现存” 在这个部分,读者可以由图 2-17 中清楚看到相关内容。因此,如果使用这 个功能时,它就如同“文件”菜单中的“打开”命令,与之具有相同的功能以 及效果。 ? “最近” 至于“最近”部分,由于 MSE 会协助我们记录文件曾经被打开过的相关 信息,并且这些信息将会显示在“工程资源管理器”的窗口中,以便
设计人员 可以快速地打开这些程序或是文件等。下图是打开的文件并且显示在“工程资 源管理器”中的结果。
图 2-19
“工程资源管理器”的记录内容
而这些保存在“工程资源管理器”中的记录信息将会一直保留着。如果读 者将整个 MSE 关闭再重新打开之后, 将会发现 MSE 会自动将这些文件一并打 开。 在编辑及预览窗口中的“设计”“源代码”以及“快速视图”三项功能分 、 别代表着: ? ? ? 设计:表示读者可以在工作窗口中用鼠标的拖动功能自行加上各种 HTML 的标记。 源代码:表示读者可以在此自行加入相关的控制标记或是 ASP 的控制 命令、手稿语言等。 快速视图:代表可以直接在工作窗口中看到相关的设计结果。 在经过简单的介绍之后,接下来笔者将实际地建立一个基本的 HTML 文
28
ASP 与 SQL 网站数据库程序设计
件,以及示范如何加入相关的 HTML 标记以及 ASP 程序代码。
2-3 加入控制标记
在上一节中,介绍了如何使