Dreamweaver.ppt

《Dreamweaver.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、JSP实用教程课件制作者：吴剑云（耿祥义、张跃平编著）（清华大学出版社）附加B：Dreamweaver基础知识Dreamweaver简介Dreamweaver工作区站点管理文档编辑图象操作链接操作表格操作框架操作层操作表单操作是一款专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。利用可视化编辑功能，可快速地创建页面而无需写任何代码。可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。还提供了功能全面的编码环境，其中包括代码编辑工具:有关HTML、CSS、JS、CFML、ASP和JSP的参考资料。它的可自由导入导出

2、HTML技术可导入手工编码的HTML文档而不会重新设置代码的格式，可以随后用首选的格式设置样式来重新设置代码的格式。还可以使用服务器技术（例如CFML、ASP.NET、ASP、JSP和PHP）生成由动态数据库支持的Web应用程序。Dreamweaver简介使用工作区可以查看文档和对象属性。工作区还将许多常用操作放置于工具栏中，使用它可以快速更改文档。Dreamweaver工作区工作区布局在Windows中，Dreamweaver提供了一个将全部元素置于一个窗口中的集成布局。在集成的工作区中，全部窗口和面板被集成到一个更大的应用程序窗口中。Dreamweaver工作

3、区元素“插入”栏包含用于将各种类型的“对象”（如图像、表格和层）插入到文档中的按钮。每个对象都是一段HTML代码，允许在插入它时设置不同的属性。“文档”工具栏包含各种按钮，它们提供各种“文档”窗口视图（如“设计”视图和“代码”视图）的选项、各种查看选项和一些常用操作（如在浏览器中预览）。“标准”工具栏（在默认工作区布局中不显示）包含来自“文件”和“编辑”菜单中的一般操作的按钮。“文档”窗口显示当前创建和编辑的文档。属性检查器用于查看和更改所选对象或文本的各种属性。每种对象都具有不同的属性。标签选择器位于“文档”窗口底部的状态栏中，它显示环绕当前选定内容的标签的层次

4、结构。单击该层次结构中的任何标签可以选择该标签及其全部内容。面板组是组合在一个标题下面的相关面板的集合。若要展开一个面板组，应单击组名称左侧的展开箭头；若要取消停靠一个面板组，应拖动该组标题栏左边缘的手柄。“文件”面板可以管理文件和文件夹，无论它们属于Dreamweaver站点的一部分还是位于远程服务器上。Web站点是一组具有共享属性（如相关主题、类的设计或共同目的）的链接文档和资源。设置Dreamweaver站点创建Web站点的第一步是规划。为了达到最佳效果，在创建任何Web站点页面之前，应对站点的结构进行设计和规划。下一步是设置Dreamweaver以使开发人

5、员可以在站点的基本结构上工作。如果在Web服务器上已经具有一个站点，则可以使用Dreamweaver来编辑该站点。关于Dreamweaver站点Dreamweaver站点由三部分（或文件夹）组成，具体取决于开发环境和所开发的Web站点类型：本地文件夹是开发人员工作目录。Dreamweaver将该文件夹作为“本地站点”，它可以放在本地计算机上，也可以放在网络服务器上。这就是为Dreamweaver站点所处理的文件的存储位置。远程文件夹是存储文件的位置，这些文件用于测试、生产、协作等。在“文件”面板中将该文件夹称为“远程站点”。一般，远程文件夹位于运行Web服务器的计

6、算机上。测试服务器文件夹是Dreamweaver处理动态页的文件夹。本地文件夹和远程文件夹使开发人员能够在本地磁盘和Web服务器之间传输文件；这使开发人员可以轻松管理站点中的文件。设置Dreamweaver站点1选择“站点”>“管理站点”。出现“管理站点”对话框。注意：如果没有定义任何Dreamweaver站点，则会出现“站点定义”对话框，此时可以跳过下一步。2单击“新建”按钮。出现“站点定义”对话框。3执行下列操作之一：■单击“基本”选项卡以使用“站点定义向导”，它将引导用户逐步完成设置过程。注意：鼓励不熟悉Dreamweaver的用户使用“站点定义向导”；有经

7、验的Dreamweaver用户可能更喜欢使用“高级”设置。■单击“高级”选项卡以使用“高级”设置，它可以根据需要分别设置本地、远程和测试文件夹。4完成Dreamweaver站点设置过程：■在“站点定义向导”中，回答每一屏上出现的问题，然后单击“下一步”继续进行设置，或者单击“上一步”返回到前一屏。■对于“高级”设置，根据需要完成“本地信息”类别、“远程信息”类别和“测试服务器”类别Dreamweaver为创建新文档提供了若干选项。可以创建以下任意文档：新的空白文档或模板基于Dreamweaver附带的某预定义页面布局的文档基于某现有模板的文档另外还支持其它一些文档

8、。例如，如