《项目三网站开发和运行环境的搭建.ppt》由会员分享，可在线阅读，更多相关《项目三网站开发和运行环境的搭建.ppt（154页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、项目三项目三 电子商务电子商务网站网站开发和开发和运行环境的搭建运行环境的搭建【项目综述项目综述】该项目可以让学生学习电子商务类网站运行环境的安装、该项目可以让学生学习电子商务类网站运行环境的安装、配置和测试方法，以及网站开发所使用的开发工具的安配置和测试方法，以及网站开发所使用的开发工具的安装配置方法。让学生通过实际操作来独立完成基于装配置方法。让学生通过实际操作来独立完成基于WindowsWindows平台的平台的IISIIS（InternetInternet信息服务），信息服务），Dreamweaver CS3Dreamweaver CS3和和SQL Server 2000SQL Ser
2、ver 2000的系统环境搭建。的系统环境搭建。任务一任务一 搭建网站运行环境搭建网站运行环境【任务介绍任务介绍】通过此任务的学习，学生可以完成通过此任务的学习，学生可以完成WindowsWindows平台上平台上IISIIS（InternetInternet信息服务）的安装和配置方法，并学习测信息服务）的安装和配置方法，并学习测试试IISIIS正常运行的方法。正常运行的方法。【任务分析任务分析】网站系统的运行需要操作系统中安装有对应的运行环境。网站系统的运行需要操作系统中安装有对应的运行环境。IISIIS（InternetInternet信息服务）是运行信息服务）是运行ASPASP（Acti
3、ve Server Active Server PagePage）程序的运行环境，在）程序的运行环境，在WindowsWindows平台中安装运行，平台中安装运行，WindowsWindows默认不安装，所以我们需要手工进行安装。默认不安装，所以我们需要手工进行安装。【任务实施任务实施】子任务子任务1 1：在：在Windows XPWindows XP系统下的系统下的IISIIS安装步骤安装步骤步骤一：步骤一：【开始开始】【设置设置】【控制面板控制面板】【添加添加删除程序删除程序】。步骤二：步骤二：点击左侧点击左侧【添加添加/删除删除WindowsWindows组件组件】，打开打开【Windo
4、wsWindows组件向导组件向导】步骤三：选步骤三：选中中“InternetInternet信息服务信息服务(IIS)(IIS)”，点，点击击【下一步下一步】开始安装，开始安装，此处需要插入Windows XP系统安装光盘。安装成功后如图安装成功后如图安装后可以安装后可以在在【控制面控制面板板】【管管理工具理工具】中中看到看到“Internet Internet 信息服务信息服务”图标图标 。子任务子任务2 2：在：在Windows 7Windows 7系统下的系统下的IISIIS安装步骤安装步骤步骤一：步骤一：【开始开始】【控制面板控制面板】【程序和功能程序和功能】。步骤二：点击左侧步骤二
5、：点击左侧【打开或关闭打开或关闭WindowsWindows功能功能】，打开，打开【WindowsWindows功能功能】，步骤三：选中步骤三：选中“InternetInternet信息服务信息服务”，点击，点击【确定确定】开开始安装。始安装。此处需要插入Windows 7系统安装光盘。安装后可以在安装后可以在【控制面板控制面板】【管理工具管理工具】中看到中看到“Internet Internet 信息服务信息服务(IIS)(IIS)管理器管理器”图标，图标，子任务子任务3 3：测试：测试IISIIS安装安装IISIIS运行环境后，需要测试其是否可以正常运行，可运行环境后，需要测试其是否可以正
6、常运行，可以采用下面的方式进行测试：以采用下面的方式进行测试：步骤一：打开步骤一：打开Internet ExplorerInternet Explorer浏览器，在地址栏中输浏览器，在地址栏中输入入“http:/127.0.0.1http:/127.0.0.1”，弹出登陆对话框界面，弹出登陆对话框界面，步骤二：在登陆对话框中输入登陆系统步骤二：在登陆对话框中输入登陆系统“用户名用户名”和和“密码密码”，显示欢迎界面表示系统成功运行，显示欢迎界面表示系统成功运行，子任务子任务4 4：发布一个网站：发布一个网站步骤一：在步骤一：在D D盘下新建一个目录盘下新建一个目录“mysitemysite”。
7、步骤二：打开步骤二：打开【InternetInternet信息服务信息服务】，在侧展开，在侧展开【本地本地计算机计算机【网站网站】【默认网站默认网站】，步骤三：右键点步骤三：右键点【默认网站默认网站】，选，选【新建新建】【虚拟目录虚拟目录】，步骤四：点击步骤四：点击【下一步下一步】，在，在“别名别名”处填写发布网站处填写发布网站的名称，的名称，步骤五：点击步骤五：点击【下一步下一步】，点击，点击【浏览浏览】定位到网站发定位到网站发布目录，布目录，步骤六：点击步骤六：点击【下一步下一步】，保持默认值。再点击，保持默认值。再点击【下一下一步步】到到“完成完成”界面，界面，步骤七：添加网站后步骤七：
8、添加网站后“InternetInternet信息服务信息服务”界界 步骤八：将步骤八：将“光盘光盘chap1 chap1 helloworld.asphelloworld.asp”拷贝到拷贝到D:D:mysitemysite目录下，在浏览器中输入目录下，在浏览器中输入“http:/127.0.0.1/test/helloword.asphttp:/127.0.0.1/test/helloword.asp”可成功显示可成功显示页面内容，页面内容，【知识扩展知识扩展】一、一、windows windows xpxp各版本的区别各版本的区别lWindows XP Home EditionWindow
9、s XP Home Edition：面向家庭用户的版本：面向家庭用户的版本lWindows XP Professional EditionWindows XP Professional Edition：面向企业、开发人：面向企业、开发人员的版本员的版本二、二、IIS IIS 状态解释状态解释1 1、概要、概要2 2、日志文件的位置、日志文件的位置3 3、常见的、常见的 HTTP HTTP 状态代码及其原因状态代码及其原因200-200-成功。成功。此状态代码表示此状态代码表示 IIS IIS 已成功处理请求。已成功处理请求。304-304-未修改。未修改。客户端请求的文档已在其缓存中，文档客户
10、端请求的文档已在其缓存中，文档自缓存以来尚未被修改过。客户端使用文档的缓存副本，自缓存以来尚未被修改过。客户端使用文档的缓存副本，而不从服务器下载文档。而不从服务器下载文档。401.1-401.1-登录失败。登录失败。登录尝试不成功，可能因为用户名或登录尝试不成功，可能因为用户名或密码无效。密码无效。401.3-401.3-由于由于 ACL ACL 对资源的限制而未获得授权。对资源的限制而未获得授权。这表示这表示存在存在 NTFS NTFS 权限问题。即使您对试图访问的文件具备相权限问题。即使您对试图访问的文件具备相应的权限，也可能发生此错误。例如，如果应的权限，也可能发生此错误。例如，如果
11、IUSR IUSR 帐户无帐户无权访问权访问 C:WinntSystem32Inetsrv C:WinntSystem32Inetsrv 目录，您会看到目录，您会看到这个错误。这个错误。403.1-403.1-执行访问被禁止。执行访问被禁止。下面是导致此错误信息的两个常下面是导致此错误信息的两个常见原因：您没有足够的执行许可。例如，如果试图访问的见原因：您没有足够的执行许可。例如，如果试图访问的 ASP ASP 页所在的目录权限设为页所在的目录权限设为“无无”，或者，试图执行的，或者，试图执行的 CGI CGI 脚本所在的目录权限为脚本所在的目录权限为“只允许脚本只允许脚本”，将出现此错，将出
12、现此错误信息。若要修改执行权限，请在误信息。若要修改执行权限，请在 Microsoft Microsoft 管理控制台管理控制台 (MMC)(MMC)中右击目录，然后依次单击属性和目录选项卡，确中右击目录，然后依次单击属性和目录选项卡，确保为试图访问的内容设置适当的执行权限；您没有将试图保为试图访问的内容设置适当的执行权限；您没有将试图执行的文件类型的脚本映射设置为识别所使用的谓词（例执行的文件类型的脚本映射设置为识别所使用的谓词（例如，如，GET GET 或或 POSTPOST）。若要验证这一点，请在）。若要验证这一点，请在 MMC MMC 中右中右击目录，依次单击属性、目录选项卡和配置，然
13、后验证相击目录，依次单击属性、目录选项卡和配置，然后验证相应文件类型的脚本映射是否设置为允许所使用的谓词。应文件类型的脚本映射是否设置为允许所使用的谓词。403.2-403.2-读访问被禁止。验证是否已将读访问被禁止。验证是否已将 IIS IIS 设置为允许对设置为允许对目录进行读访问。另外，如果您正在使用默认文件，请目录进行读访问。另外，如果您正在使用默认文件，请验证该文件是否存在。验证该文件是否存在。403.3-403.3-写访问被禁止。写访问被禁止。验证验证 IIS IIS 权限和权限和 NTFS NTFS 权限是否权限是否已设置以便向该目录授予写访问权。已设置以便向该目录授予写访问权。
14、403.4-403.4-要求要求 SSLSSL。禁用要求安全通道选项，或使用。禁用要求安全通道选项，或使用 HTTPS HTTPS 代替代替 HTTP HTTP 来访问该页面。来访问该页面。403.5-403.5-要求要求 SSL 128SSL 128。禁用要求。禁用要求 128 128 位加密选项，或使位加密选项，或使用支持用支持 128 128 位加密的浏览器以查看该页面。位加密的浏览器以查看该页面。403.6-IP 403.6-IP 地址被拒绝。您已把您的服务器配置为拒绝访地址被拒绝。您已把您的服务器配置为拒绝访问您目前的问您目前的 IP IP 地址。地址。403.7-403.7-要求客
15、户端证书。您已把您的服务器配置为要求要求客户端证书。您已把您的服务器配置为要求客户端身份验证证书，但您未安装有效的客户端证书。客户端身份验证证书，但您未安装有效的客户端证书。403.8-403.8-站点访问被拒绝。您已为您用来访问服务器的域站点访问被拒绝。您已为您用来访问服务器的域设置了域名限制。设置了域名限制。403.9-403.9-用户数过多。与该服务器连接的用户数量超过了用户数过多。与该服务器连接的用户数量超过了您设置的连接限制。您设置的连接限制。注意：注意：Microsoft Windows 2000 Microsoft Windows 2000 PRofessionalPRofess
16、ional 和和 Microsoft Windows XP Microsoft Windows XP PRofessionalPRofessional 自动设置了在自动设置了在 IIS IIS 上最多上最多 10 10 个连接的限制。您无法更改此限制。个连接的限制。您无法更改此限制。403.12-403.12-拒绝访问映射表。拒绝访问映射表。您要访问的页面要求提供客您要访问的页面要求提供客户端证书，但映射到您的客户端证书的用户户端证书，但映射到您的客户端证书的用户 ID ID 已被拒绝已被拒绝访问该文件。访问该文件。404-404-未找到。未找到。发生此错误的原因是您试图访问的文件发生此错误的
17、原因是您试图访问的文件已被移走或删除。如果在安装已被移走或删除。如果在安装 URLScanURLScan 工具之后，试工具之后，试图访问带有有限扩展名的文件，也会发生此错误。这种图访问带有有限扩展名的文件，也会发生此错误。这种情况下，该请求的日志文件项中将出现情况下，该请求的日志文件项中将出现“Rejected by Rejected by URLScanURLScan”的字样。的字样。500-500-内部服务器错误。内部服务器错误。很多服务器端的错误都可能导很多服务器端的错误都可能导致该错误信息。事件查看器日志包含更详细的错误原因。致该错误信息。事件查看器日志包含更详细的错误原因。此外，您可
18、以禁用友好此外，您可以禁用友好 HTTP HTTP 错误信息以便收到详细的错误信息以便收到详细的错误说明。错误说明。500.12-500.12-应用程序正在重新启动。应用程序正在重新启动。这表示您在这表示您在 IIS IIS 重新启重新启动应用程序的过程中试图加载动应用程序的过程中试图加载 ASP ASP 页。刷新页面后，此页。刷新页面后，此信息即会消失。如果刷新页面后，此信息再次出现，可信息即会消失。如果刷新页面后，此信息再次出现，可能是防病毒软件正在扫描能是防病毒软件正在扫描 Global.asaGlobal.asa 文件。文件。500-100.ASP-ASP 500-100.ASP-AS
19、P 错误。错误。如果试图加载的如果试图加载的 ASP ASP 页中含页中含有错误代码，将出现此错误信息。若要获得更确切的错有错误代码，将出现此错误信息。若要获得更确切的错误信息，请禁用友好误信息，请禁用友好 HTTP HTTP 错误信息。默认情况下，只错误信息。默认情况下，只会在默认会在默认 Web Web 站点上启用此错误信息。站点上启用此错误信息。502-502-网关错误。网关错误。如果试图运行的如果试图运行的 CGI CGI 脚本不返回有效脚本不返回有效的的 HTTP HTTP 标头集，将出现此错误信息。标头集，将出现此错误信息。【任务总结任务总结】该任务分别练习了在该任务分别练习了在w
20、indows windows xpxp和和windows 7windows 7上安装和上安装和配置配置IISIIS（InternetInternet信息服务）的方法，并学习了测试信息服务）的方法，并学习了测试IISIIS正常运行的方法。通过正常运行的方法。通过4 4个子任务的学习是学生掌握了发个子任务的学习是学生掌握了发布网页的最简流程，为今后深入学习奠定了基础。布网页的最简流程，为今后深入学习奠定了基础。【任务评价任务评价】一、评价方法一、评价方法本任务以小组为单位安装、配置和测试本任务以小组为单位安装、配置和测试IISIIS（InternetInternet信信息服务）。学生本人根据在本任
21、务中的作用和贡献进行息服务）。学生本人根据在本任务中的作用和贡献进行自我评价，小组根据每位学生的自评和完成任务的情况自我评价，小组根据每位学生的自评和完成任务的情况对本组每位学生进行小组评价，最后由教师根据任务的对本组每位学生进行小组评价，最后由教师根据任务的完成情况和学习目标的掌握情况结合小组评价和学生自完成情况和学习目标的掌握情况结合小组评价和学生自评指出每位同学的改进和努力的方向。评指出每位同学的改进和努力的方向。二、评价指标二、评价指标任务二任务二 安装网站开发工具安装网站开发工具【任务介绍任务介绍】通过此任务的学习，学生可以完成通过此任务的学习，学生可以完成WindowsWindow
22、s平台上平台上Dreamweaver 8Dreamweaver 8的安装和配置方法，并学习的安装和配置方法，并学习Dreamweaver 8Dreamweaver 8正常运行的方法。正常运行的方法。【任务分析任务分析】Dreamweaver 8Dreamweaver 8是一款专业的可视化网页编辑软件，是一款专业的可视化网页编辑软件，用于对用于对WebWeb站点、站点、WebWeb网页和网页和WebWeb应用程序进行设计应用程序进行设计和开发等。它是第一套针对专业网页设计师特别发展的和开发等。它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨视觉化网页开发工具
23、，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。作为越平台限制和跨越浏览器限制的充满动感的网页。作为网站开发工具网站开发工具Dreamweaver 8Dreamweaver 8有着非常巨大的优势，有着非常巨大的优势，主要体现在以下三个方面：主要体现在以下三个方面：1 1、最佳的制作效率、最佳的制作效率2 2、网站管理、网站管理3 3无可比拟的控制能力无可比拟的控制能力【任务实施任务实施】子任务子任务1 1：安装：安装Dreamweaver 8Dreamweaver 8Dreamweaver 8Dreamweaver 8的安装非常简单，只需根据安装向导的安装非常简单，只
24、需根据安装向导的提示操作即可。其具体操作如下：的提示操作即可。其具体操作如下：步骤步骤1 1：将：将Dreamweaver 8Dreamweaver 8的安装光盘放入光盘驱动器的安装光盘放入光盘驱动器中，打开光盘驱动器，双击中，打开光盘驱动器，双击Dreamweaver 8Dreamweaver 8安装程序安装程序的图标的图标 ，安装程序开始解压文件。，安装程序开始解压文件。步骤步骤2 2：文件解压完成后弹出欢迎对话框，单击文件解压完成后弹出欢迎对话框，单击 按钮，弹出按钮，弹出“许可证协议许可证协议”对话框，对话框，选中选中 单选按钮，如图单选按钮，如图3.173.17所示。所示。步骤步骤3
25、 3：单击：单击 按钮，弹出按钮，弹出“目标文件夹和快捷目标文件夹和快捷方式方式”对话框，选中对话框，选中 和和 复选框，如图复选框，如图3.183.18所所示。示。图图3.17 3.17 “许可证协议许可证协议”对话框对话框 选中1单击2 图图3.18 3.18 “目标文件夹和快捷方式目标文件夹和快捷方式”对话框对话框 单击4单击7选中3步骤步骤4 4单击单击 按钮，在弹出的按钮，在弹出的“更改当前更改当前目的地文件夹目的地文件夹”对话框的对话框的“文件夹名称文件夹名称”文本框中输入文本框中输入需要安装的路径，如图需要安装的路径，如图3.193.19所示，单击所示，单击 按钮按钮返回返回“目
26、标文件夹和快捷方式目标文件夹和快捷方式”对话框。对话框。步骤步骤5 5单击单击 按钮，弹出按钮，弹出“默认编辑器默认编辑器”对话框，选中对话框，选中Dreamweaver 8Dreamweaver 8默认编辑的文件类型复默认编辑的文件类型复选框，如图选框，如图3.203.20所示，这里建议保持默认选项不变。所示，这里建议保持默认选项不变。图图3.19 3.19 “更改当前目的地文件夹更改当前目的地文件夹”对话框对话框 输入路径5单击6 图图3.20 3.20 “默认编辑器默认编辑器”对话框对话框 选中复选框8单击9步骤步骤6 6单击单击 按钮，弹出按钮，弹出“已做好安装程已做好安装程序的准备序
27、的准备”对话框，如图对话框，如图3.213.21所示。所示。步骤步骤7 7单击单击 按钮，开始安装软件。安装完按钮，开始安装软件。安装完毕后弹出毕后弹出“InstallShieldInstallShield Wizard Wizard完成完成”对话框，单击对话框，单击 按钮结束安装，如图按钮结束安装，如图3.223.22所示。所示。图图3.21 3.21 “已做好安装程序的准备已做好安装程序的准备”对话对话框框 图图3.22 Dreamweaver 83.22 Dreamweaver 8安装完成安装完成 子任务子任务2 2：启动：启动DreamweaverDreamweaver使用使用Drea
28、mweaver 8Dreamweaver 8之前，应该先启动它，其方法主之前，应该先启动它，其方法主要有以下几种：要有以下几种：选择选择【开始开始】/【所有程序所有程序】/【MacromediaMacromedia】/【Macromedia Dreamweaver 8Macromedia Dreamweaver 8】命令，如图命令，如图3.233.23所示。所示。双击桌面上的双击桌面上的Dreamweaver 8Dreamweaver 8快捷方式图标，如图快捷方式图标，如图3.243.24所示所示图3.25 单击快速启动栏中的图标 图3.24 双击桌面上的图标 单击快速启动栏中的单击快速启动栏
29、中的Dreamweaver 8Dreamweaver 8快捷方式图标，快捷方式图标，如图如图3.253.25所示。首次启动所示。首次启动Dreamweaver 8Dreamweaver 8，会弹出一，会弹出一个个“工作区设置工作区设置”对话框，在该对话框中可选择工作区对话框，在该对话框中可选择工作区布局，由于初学者基本上不会涉及代码编写，所以这里布局，由于初学者基本上不会涉及代码编写，所以这里选中单选按钮，如图选中单选按钮，如图3.263.26所示。所示。图3.25 单击快速启动栏中的图标 图3.26 “工作区设置”对话框 在在“目目标标文文件件夹夹和和快快捷捷方方式式”对对话话框框中中选选中
30、中和和复复选选框框，则则安安装装时时会会在在桌桌面面和和快快速速启启动动栏栏中中各各添添加加一一个个Dreamweaver 8Dreamweaver 8的快捷方式图标。的快捷方式图标。单击单击 按钮弹出按钮弹出“产品激活产品激活”对话框，在该对话对话框，在该对话框中选中框中选中 单选按钮，单选按钮，单击单击 按钮弹出按钮弹出“输入您的序列号输入您的序列号”对话框，对话框，在软件包装盒上找到序列号并输入到上方的文本框中。在软件包装盒上找到序列号并输入到上方的文本框中。单击单击 按钮，弹出注册按钮，弹出注册DreamweaverDreamweaver对话框，若对话框，若此时不想进行网上注册，单击此
31、时不想进行网上注册，单击 按钮，进按钮，进入入Dreamweaver 8Dreamweaver 8的工作界面，并显示的工作界面，并显示Dreamweaver 8Dreamweaver 8开始页，如图开始页，如图3.273.27所示。所示。选择工作区布局和激活软件都是首次启动时才需进行的选择工作区布局和激活软件都是首次启动时才需进行的操作，以后启动时可直接进入操作，以后启动时可直接进入Dreamweaver 8Dreamweaver 8的工作的工作界面。界面。图3.27 激活Dreamweaver 8示意图子任务子任务3 3：退出：退出DreamweaverDreamweaver退出退出Drea
32、mweaver 8Dreamweaver 8的操作很简单，单击窗口右上角的操作很简单，单击窗口右上角的按钮或选择的按钮或选择【文件文件】【退出退出】命令即可。命令即可。试试用用不不同同的的方方法法启启动动Dreamweaver Dreamweaver 8 8，然然后后再再退退出出Dreamweaver 8Dreamweaver 8。子任务子任务4 4：了解：了解Dreamweaver 8Dreamweaver 8的工作界面的工作界面启动启动Dreamweaver 8Dreamweaver 8后将首先显示一个开始页，新建后将首先显示一个开始页，新建或打开一个网页后将打开网页编辑窗口，如图或打开一
33、个网页后将打开网页编辑窗口，如图3.283.28所示。所示。插入栏菜单栏属性面板编辑窗口浮动面板组图3.28 Dreamweaver 8的工作界面（一）开始页（一）开始页在开始页中可以进行新建网页、打开网页以及查看帮助在开始页中可以进行新建网页、打开网页以及查看帮助等操作，其界面如图等操作，其界面如图3.293.29所示。其中各部分的作用如下：所示。其中各部分的作用如下：选中复选框，则以后将不再显示开始页。图3.29 开始页“打开最近项目打开最近项目”栏：在该栏中列出了最近编辑过的文栏：在该栏中列出了最近编辑过的文件，单击即可打开相应文件。单击件，单击即可打开相应文件。单击“打开打开”链接可以
34、弹链接可以弹出出“打开打开”对话框，用于选择要打开的文件。对话框，用于选择要打开的文件。“创建新项目创建新项目”栏：单击该栏中的一个超级链接，即可栏：单击该栏中的一个超级链接，即可创建相应类型的项目文件。创建相应类型的项目文件。“从范例创建从范例创建”栏：单击该栏中的一个超级链接，即可栏：单击该栏中的一个超级链接，即可以范例创建相应类型的项目文件。以范例创建相应类型的项目文件。“扩展扩展”栏：单击栏：单击Dreamweaver ExchangeDreamweaver Exchange超级链接，超级链接，即可启动即可启动Dreamweaver Exchange ManagerDreamweave
35、r Exchange Manager对对DreamweaverDreamweaver的扩展插件进行管理。的扩展插件进行管理。（二）菜单栏二）菜单栏Dreamweaver 8Dreamweaver 8的菜单栏中包含文件、编辑、查看以的菜单栏中包含文件、编辑、查看以及插入等及插入等1010个菜单项。单击每个菜单项都会弹出一个下个菜单项。单击每个菜单项都会弹出一个下拉菜单，其中每个菜单项又包含若干个命令，这些命令拉菜单，其中每个菜单项又包含若干个命令，这些命令有多种形式，如图有多种形式，如图3.303.30所示。其具体含义分别如下：所示。其具体含义分别如下：黑色命令：表示该命令当前是可用的。黑色命令
36、：表示该命令当前是可用的。灰色命令：表示该命令当前是不可用的，需要满足一定灰色命令：表示该命令当前是不可用的，需要满足一定的条件后才能使用。的条件后才能使用。带有复选标记带有复选标记“”“”的命令：表示该命令是一种可选择命的命令：表示该命令是一种可选择命令，若前面出现令，若前面出现“”“”标记，表示该命令正在使用；若没标记，表示该命令正在使用；若没有有“”“”标记时，表示该命令没有被使用。标记时，表示该命令没有被使用。带有三角形带有三角形“”“”的命令：表示在该命令下还有下一级子的命令：表示在该命令下还有下一级子菜单命令。菜单命令。带有省略号带有省略号“”“”的命令：表示选择该命令后会弹出一个
37、的命令：表示选择该命令后会弹出一个相关的对话框。相关的对话框。带有快捷键的命令：表示该命令有一个快捷键，当按下带有快捷键的命令：表示该命令有一个快捷键，当按下该快捷键时，即可执行该命令。该快捷键时，即可执行该命令。图3.30 菜单命令的表现形式（三）插入栏（三）插入栏插入栏主要用于在网页中插入各种类型的网页元素，如插入栏主要用于在网页中插入各种类型的网页元素，如链接、表格和媒体等，如图链接、表格和媒体等，如图3.313.31所示。单击所示。单击 按钮，在弹出的下拉菜单中可以选择要插入的网页元素按钮，在弹出的下拉菜单中可以选择要插入的网页元素的类型，如图的类型，如图3.323.32所示。所示。（
38、三）插入栏（三）插入栏插入栏主要用于在网页中插入各种类型的网页元素，如插入栏主要用于在网页中插入各种类型的网页元素，如链接、表格和媒体等，如图链接、表格和媒体等，如图3.313.31所示。单击按钮，在弹所示。单击按钮，在弹出的下拉菜单中可以选择要插入的网页元素的类型，如出的下拉菜单中可以选择要插入的网页元素的类型，如图图3.323.32所示。所示。单击这里 图3.31 插入栏 图3.32 选择插入类型（四）编辑窗口（四）编辑窗口编辑窗口是编辑网页时的主要窗口，新建或打开一个网编辑窗口是编辑网页时的主要窗口，新建或打开一个网页后，即可显示如图页后，即可显示如图3.333.33所示的窗口。它主要由
39、项目选所示的窗口。它主要由项目选择标签、文档工具栏、水平标尺、垂直标尺、编辑区域、择标签、文档工具栏、水平标尺、垂直标尺、编辑区域、状态栏、垂直扩展按钮和水平扩展按钮构成。状态栏、垂直扩展按钮和水平扩展按钮构成。图3.33 编辑窗口 1 1项目选择标签项目选择标签项目选择标签位于编辑窗口的左上角，当打开多个网页项目选择标签位于编辑窗口的左上角，当打开多个网页文件时，将为每个文件显示一个标签，如图文件时，将为每个文件显示一个标签，如图3.343.34所示。所示。单击其中的一个标签可以在编辑区域中显示该文件的内单击其中的一个标签可以在编辑区域中显示该文件的内容，并进行编辑。容，并进行编辑。图3.3
40、4 项目选择标签在在项项目目选选择择标标签签的的右右侧侧有有 3 3个个按按钮钮，其其中中按按钮钮用用于于最最小小化化当当前前选选择择的的文文件件，按按钮钮用用于于将将编编辑辑窗窗口口还还原原为为窗窗口口模模式式，按按钮用于关闭当前窗口。钮用于关闭当前窗口。2 2文档工具栏文档工具栏文档工具栏如图文档工具栏如图3.353.35所示，主要用于切换编辑区视图模所示，主要用于切换编辑区视图模式、设置网页标题、进行标签验证以及在浏览器中浏览式、设置网页标题、进行标签验证以及在浏览器中浏览网页等，其中各选项的功能和含义如下：网页等，其中各选项的功能和含义如下：图3.35 文档工具栏 按钮：显示代码视图，
41、以便在编辑窗口中直接按钮：显示代码视图，以便在编辑窗口中直接输入输入HTMLHTML代码。代码。按钮：显示代码视图和设计视图，以便在同一按钮：显示代码视图和设计视图，以便在同一窗口中同时进行代码和页面窗口中同时进行代码和页面 设计。设计。按钮：显示设计视图，以便在编辑窗口中进行按钮：显示设计视图，以便在编辑窗口中进行页面设计。页面设计。“标题标题”文本框：用于设置网页标题。文本框：用于设置网页标题。按钮：按钮：用于对网页进行浏览器错误检查。用于对网页进行浏览器错误检查。按钮：用于对网页中的标签进行验证。按钮：用于对网页中的标签进行验证。按钮：按钮：用于对站点中的文件进行管理。用于对站点中的文件
42、进行管理。按钮：在浏览器中预览和调试网页。按钮：在浏览器中预览和调试网页。按钮：刷新设计视图。按钮：刷新设计视图。按钮：用于隐藏或显示文件中的内容、标尺、按钮：用于隐藏或显示文件中的内容、标尺、网格和辅助线等对象。网格和辅助线等对象。按钮：用于隐藏或显示层外框、表格宽度、表按钮：用于隐藏或显示层外框、表格宽度、表格边框和框架边框等可视化助理对象。格边框和框架边框等可视化助理对象。3 3水平标尺和垂直标尺水平标尺和垂直标尺水平标尺和垂直标尺分别位于编辑区域的上方和左侧，水平标尺和垂直标尺分别位于编辑区域的上方和左侧，这是这是Dreamweaver 8Dreamweaver 8新增的功能，使用户在
43、编辑网页新增的功能，使用户在编辑网页时可以很方便地查看网页中项目的坐标位置，并可为编时可以很方便地查看网页中项目的坐标位置，并可为编辑区域添加辅助线，其具体操作如下：辑区域添加辅助线，其具体操作如下：步骤步骤1 1将鼠标指针移动到水平或垂直标尺上，按住将鼠标指针移动到水平或垂直标尺上，按住鼠标左键不放，向下或向右拖动鼠标左键不放，向下或向右拖动鼠标。鼠标。步骤步骤2 2这时将显示一条绿色的辅助线，并随着鼠标这时将显示一条绿色的辅助线，并随着鼠标移动，在鼠标指针右下方会显示辅助线的坐标位置，当移动，在鼠标指针右下方会显示辅助线的坐标位置，当到达需要的位置时释放鼠标左键即可添加一条辅助线，到达需要
44、的位置时释放鼠标左键即可添加一条辅助线，如图如图3.363.36所示。所示。图3.36 添加辅助线4 4编辑区域编辑区域编辑区域是用于编辑网页和编写网页代码的区域，该区编辑区域是用于编辑网页和编写网页代码的区域，该区域有代码、拆分和设计域有代码、拆分和设计3 3种视图模式。种视图模式。设计视图：单击文档工具栏中的设计视图：单击文档工具栏中的 按钮可以将编按钮可以将编辑区域的视图模式切换到设计视图模式，在该模式中可辑区域的视图模式切换到设计视图模式，在该模式中可以直接对网页进行编辑。以直接对网页进行编辑。代码视图：单击文档工具栏中的代码视图：单击文档工具栏中的 按钮可以将编辑按钮可以将编辑区域的
45、视图模式切换到代码视图模式，在该模式中可以区域的视图模式切换到代码视图模式，在该模式中可以编写或修改网页代码，如图编写或修改网页代码，如图3.373.37所示。所示。拆分视图：单击文档工具栏中的拆分视图：单击文档工具栏中的 按钮可以将编辑按钮可以将编辑区域的视图模式切换到拆分视图模式，在该模式下整个区域的视图模式切换到拆分视图模式，在该模式下整个编辑区域被分为上下两个部分，上边为代码视图，下边编辑区域被分为上下两个部分，上边为代码视图，下边为设计视图，如图为设计视图，如图3.383.38所示。这样可以在代码视图和设所示。这样可以在代码视图和设计视图之间进行切换，并可对照编辑。计视图之间进行切换
46、，并可对照编辑。图3.37 代码视图 图3.38 拆分视图 5 5状态栏状态栏状态栏位于编辑区域的下方，其中包括了标签选择器、状态栏位于编辑区域的下方，其中包括了标签选择器、选取工具、手形工具、缩放工具、设置缩放比率下拉列选取工具、手形工具、缩放工具、设置缩放比率下拉列表框、窗口大小栏和文件大小栏等项目，如图表框、窗口大小栏和文件大小栏等项目，如图3.393.39所示。所示。图3.39 状态栏 标签选择器：在标签选择器中显示了一些常用的标签选择器：在标签选择器中显示了一些常用的HTMLHTML标签，灵标签，灵活运用这些标签可以很方便地选择编辑区域中的某些项目，从而活运用这些标签可以很方便地选择
47、编辑区域中的某些项目，从而提高工作效率。例如需要选择表格中的某一行，可以使用鼠标指提高工作效率。例如需要选择表格中的某一行，可以使用鼠标指针定位到该行中的任意一个单元格中，然后再单击标签选择器中针定位到该行中的任意一个单元格中，然后再单击标签选择器中的标签，如图的标签，如图3.403.40所示。所示。图3.40 运用“标签选择器”选择表格中的整行选取工具选取工具 ：单击该工具，鼠标指针将变为：单击该工具，鼠标指针将变为 形形状，可以选择设计视图中的各种对象。状，可以选择设计视图中的各种对象。手形工具手形工具 ：单击该工具，鼠标指针将变为：单击该工具，鼠标指针将变为 形形状，此时按住鼠标左键不放
48、并拖动鼠标，可以移动整个状，此时按住鼠标左键不放并拖动鼠标，可以移动整个设计视图中网页的位置，从而显示隐藏的部分。设计视图中网页的位置，从而显示隐藏的部分。缩放工具缩放工具 ：单击该工具，鼠标指针将变为：单击该工具，鼠标指针将变为 形状，形状，此时在设计视图中单击鼠标左键可以放大显示设计视图此时在设计视图中单击鼠标左键可以放大显示设计视图中的内容；按住中的内容；按住AltAlt键不放，鼠标指针将变为键不放，鼠标指针将变为 形状，此形状，此时在设计视图中单击鼠标左键可以缩小显示设计视图中时在设计视图中单击鼠标左键可以缩小显示设计视图中的内容；按住鼠标左键不放并拖动，在设计视图中拖出的内容；按住鼠
49、标左键不放并拖动，在设计视图中拖出一个矩形框，释放鼠标，此时被矩形框框住的部分将以一个矩形框，释放鼠标，此时被矩形框框住的部分将以最大化的方式进行显示，如图最大化的方式进行显示，如图3.413.41所示。所示。设置缩放比率下拉列表框：用于设置设计视图的缩放比设置缩放比率下拉列表框：用于设置设计视图的缩放比率，在其中可以直接输入需要的缩放比率或单击右侧的率，在其中可以直接输入需要的缩放比率或单击右侧的按钮，在弹出的下拉列表中选择一个缩放比率。按钮，在弹出的下拉列表中选择一个缩放比率。窗口大小栏：用于显示当前设置视图的尺寸大小。窗口大小栏：用于显示当前设置视图的尺寸大小。文件大小栏：用于显示当前网
50、页文件的大小以及下载时文件大小栏：用于显示当前网页文件的大小以及下载时需要的时间。需要的时间。图3.41 最大化显示指定内容6 6垂直扩展按钮和水平扩展按钮垂直扩展按钮和水平扩展按钮垂直扩展按钮位于编辑区域的右侧，用于显示或隐藏编垂直扩展按钮位于编辑区域的右侧，用于显示或隐藏编辑窗口右侧的浮动面板，以扩展编辑窗口的宽度；水平辑窗口右侧的浮动面板，以扩展编辑窗口的宽度；水平扩展按钮位于编辑区域的下方，用于显示或隐藏编辑窗扩展按钮位于编辑区域的下方，用于显示或隐藏编辑窗口下方的属性面板，以扩展编辑窗口的高度。口下方的属性面板，以扩展编辑窗口的高度。“属性属性”面板面板“属性属性”面板面板用于查看和