网页设计与制作_02初步认识Dreamweaver8讲述.ppt

认识Dreamweaver8的工作区 关于集成的 Dreamweaver8 工作区 Dreamweaver8提供了一个将所有元素放置于一个窗口中的集成布局。在集成的工作区中，所有窗口和面板都被集成到一个更大的应用程序窗口中。工作区有两种基本模式：一种是为了方便页面设计者的“设计器”工作区布局，另一种则是为了方便代码编写者的“编码器”工作区布局。 认识Dreamweaver8的工作区 认识Dreamweaver8的工作区 认识Dreamweaver8的工作区 选择工作区的布局 第一步：选择菜单“窗口”→“工作区布局”。 第二步：在右侧的弹出式列表中选择需要的工作区样式。 认识Dreamweaver8的窗口和面板 窗口和面板简介 Dreamweaver8提供了许多面板、检查器和窗口，如“历史记录”面板和代码检查器，绝大多数的面板可以组合进面板组中，一小部分的则只能浮动在窗口之上。面板组是一组面板的集合，一组面板包括一个面板标题、设置下拉列表以及内容列表。单击组名称左侧的展开箭头可展开一个面板组，拖动该组标题条左边缘的手柄查取消停靠一个面板组。若要打开面板、检查器和窗口，选择“窗口”菜单项中的相应选项即可。“窗口”菜单中项目旁的复选标记表示指定的项目当前是打开的（虽然它可能隐藏在其他窗口后面）。若要显示一个当前未打开的项目，请从菜单中选择项目名称。 认识Dreamweaver8的窗口和面板 “文档”窗口 工作区的中心就是“文档”窗口，它用来显示当前文档。在网页编辑过程中，它也是我们编辑任务的核心元素。我们所编辑网页的代码和外观设计都是通过“文档”窗口显示出来的，为了方便不同性质的设计人员利用本软件开发网页，软件向我们提供了三种视图模式：“设计”视图、“代码”视图、“代码和设计”视图 。 认识Dreamweaver8的窗口和面板 “文档”工具栏 “文档”工具栏中包含了一组按钮，这组按钮使我们可以在文档的不同视图间快速切换：“代码”视图、“设计”视图、同时显示“代码”和“设计”视图的拆分视图。 “文档”工具栏中还包含一些与查看文档、通过本地站点与远程站点传输文档常用的命令和选项。 认识Dreamweaver8的窗口和面板 “标准”工具栏 “标准”工具栏的按钮在大部分软件中都是出现在菜单项中，所以在默认状态下是不显示的，它包含了“文件”和“编辑”菜单中一些操作，如：“新建”、“打开”、“保存”、“另存为”、“拷贝”、“剪切”、“粘贴”、“撤消”和“重做”等。可以通过选择菜单项中的“查看”→“工具栏”→“标准”来显示“标准”工具栏。该操作必须在有文档被打开的情况下才能被执行。 认识Dreamweaver8的窗口和面板 “状态”工具栏 “文档”窗口底部的状态栏提供与我们正创建的文档有关的其他信息。 “插入”工具栏 “插入”工具栏包含用于创建和插入对象（如表格、层和图像）的按钮。当鼠标经过一个按钮时，会出现一个工具提示，其中含有该按钮的名称。 认识Dreamweaver8的窗口和面板 “编码”工具栏 编码工具栏包含可以让我们执行多种标准编码操作的按钮，例如收起和展开选定的代码、高亮显示无效代码、应用和删除注释以及插入最近使用过的代码。编码工具栏仅在“代码”视图中可见，它以垂直方式显示在“文档”窗口的左侧。 “属性”检查器 “属性”检查器使我们可以检查和编辑当前选定页面元素（如文本和插入的对象）的最常用属性。 使用上下文菜单 Dreamweaver广泛使用了上下文菜单，这样可以很快捷地操作正在处理的对象或窗口，该菜单仅列出适用于当前所选对象或窗口的命令。 规划和设置站点 关于站点规划与设计 1．确定目标 2．选择目标用户 3．创建具有浏览器兼容性的站点 4．组织站点结构 5．创建设计外观 6．设计导航方案 规划站点结构的原则 1.用文件夹来保存文档。 2.使用合理的文件名称、首页名称。 3.将本地和远端站点设为同样的结构。 创建本地站点 在创建站点之前，一般在本地将整个网络完成，然后再将站点上传到Web服务器上。因此，在开始创建网页之前，最好的选择是用Dreamweaver建立一个本地站点。 创建本地站点：创建本地站点，可以更好地利用站点对文件进行管理，尽可能地减少错误，例如链接和路径出错等。创建本地站点，可以使用站点定义向导快速创建。 创建远程站点 设置站点远程信息的目的是使Dreamweaver 能够向远程文件夹所在的网站服务器(远程站点)上传或下载文件。在完成Dreamweaver站点的本地信息设置以后，就可以开始设置站点的远程文件夹(根据开发环境的不同，远程文件夹是存储用于进行测试、协作、生产、部署等文件的位置)。 管理站点 管理站点：创建好站点后，根据需要