Web程序设计集成开发环境.ppt

Web程序设计集成开发环境 内容简介： 本章主要介绍安装和运行Dreamweaver MX 、Dreamweaver工作区窗口和面板、菜单及“插入栏”概述、使用属性检查器、管理面板和面板组、使用文档工具栏、状态栏、调整“文档”窗口的大小、使用快速启动条、“标准”工具栏、上下文菜单、Dreamweaver MX创建Web站点与设计网页、设置本地站点、使用“站点”面板、页面属性设置、添加超链接、添加图片、添加表格。 2.1 Dreamweaver MX基础 2.2 使用Dreamweaver MX创建Web站点与设计网页 2.1 Dreamweaver MX基础 Macromedia Dreamweaver MX 是一款专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。 利用Dreamweaver中的可视化编辑功能，可以快速地创建页面而无需编写任何代码。可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。可以在Macromedia Fireworks中创建和编辑图像，然后将它们直接导入Dreamweaver，或者直接在Dreamweaver中添加Macromedia Flash对象，从而优化开发工作流程。 Dreamweaver还包括许多与编码相关的工具和功能，其中包括代码视图中的代码编辑工具（如代码加色和标签完成）；有关HTML、CSS、JavaScript、CFML、ASP和JSP的参考资料以及一个JavaScript调试器。并且，还可以借助Dreamweaver，使用服务器语言（例如ASP、ASP.NET、ColdFusion标记语言(CFML)、JSP和PHP）生成支持动态数据库的Web应用程序。 Dreamweaver现在包含并扩展了Macromedia UltraDev中的所有功能，以帮助您使用ASP、ASP.NET、ColdFusion标记语言(CFML)、JSP和PHP等服务器语言来生成由动态数据库支持的Web应用程序。 1．安装和运行 Dreamweaver MX 硬件和软件: Microsoft Windows的系统要求：Intel Pentium II处理器或等效处理器，300 MHz或更快； Windows 98、 2000、 NT（具有Service Pack 3或更高版本）、Windows ME或 XP； Netscape Navigator 4.0版或更高版本或Microsoft Internet Explorer； 96 MB的可用内存(RAM)（建议采用128 MB内存）； 275 MB的可用磁盘空间； 分辨率可达800x600像素的256色显示器； CD-ROM驱动器； 安装Dreamweaver： 将Dreamweaver CD插入计算机的CD-ROM驱动器。 在Windows中，选择“开始”“运行”。单击“浏览”并从Dreamweaver CD上选择Dreamweaver MX Installer.exe文件。在出现“运行”对话框后，单击“确定”开始安装。按照屏幕上的指导执行。 2．Dreamweaver工作区 在Windows中，Dreamweaver MX提供了两种可供选择的工作区布局：一种将全部元素置于一个窗口中的集成布局和一种非常类似于Dreamweaver 4的浮动布局。 3．窗口和面板概述 “欢迎使用”窗口提供有关针对各种目的设置工作区的提示，并为使用过Dreamweaver早期版本的用户提供有关新功能的信息。 “插入”栏包含用于将各种类型的对象（如图像、表格和层）插入到文档中的按钮。 “文档”工具栏包含按钮和弹出式菜单，它们提供各种“文档”窗口视图（如“设计”视图和“代码”视图）、各种查看选项和一些普通操作（如在浏览器中预览）。 “文档”窗口显示您当前创建和编辑的文档。 属性检查器用于查看和更改所选对象或文本的各种属性。 面板组是一组停靠在某个标题下面的相关面板的集合。 “站点”面板使您可以管理组成站点的文件和文件夹。它还提供了本地磁盘上全部文件的视图，非常类似于Windows资源管理器。 Dreamweaver还提供了 “历史记录”面板和代码检查器。若要打开Dreamweaver面板、检查器和窗口，请使用“窗口”菜单。 4．菜单概述 “文件”菜单和“编辑”菜单包含用于“文件”菜单和“编辑”菜单的标准菜单项 。 “文本”菜单使您可以轻松地设置文本的格式。 “命令”菜单提供对各种命令的访问。 “站点”菜单提供一些菜单项，这些菜单项可用于创建、打开和编辑站点，以及用于管理当前站点中的文件。 “窗口”菜单提供对Dreamweaver中的所有面板