网页设计——入门与提高 作者 王维 吴菲 王丽娜 第10章.pptVIP

* * 第10章 Dreamweaver CS5概述 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 10.1 Dreamweaver的工作环境 Dreamweaver CS5的工作区主要由标题栏、菜单栏、【文档】工具栏、文档窗口、状态栏、【属性】面板以及面板组等构成，如图所示。 工作环境 10.1 Dreamweaver的工作环境 1.标题栏 在标题栏区域中包括一个工作区切换器、几个菜单以及其他应用程序控件。 2.菜单栏 菜单栏包括10个菜单，如图10-2所示，单击每个菜单，会弹出下拉菜单。利用菜单基本上能够实现Dreamweaver CS5的所有功能。 3.面板组 面板组可以帮助用户进行监控和修改工作，其中包括【插入】面板、【CSS样式】面板和【文件】面板等。 4.【文档】工具栏 【文档】工具栏中包含3种文档窗口视图(如设计视图和代码视图)按钮、各种查看选项和一些常用的操作(如在浏览器中预览)。选择【查看】|【工具栏】|【文档】命令，可以显示【文档】工具栏。 5.文档窗口 文档窗口显示当前创建和编辑的文档。在该窗口中，可以输入文字、插入图片、绘制表格等，也可以对整个页面进行处理。 6.状态栏 状态栏位于文档窗口的底部，包括3个功能区：标签选择器(显示和控制文档当前插入点位置的HTML源代码标记)、窗口大小弹出菜单(显示页面大小，允许将文档窗口的大小调整到预定义或自定义的尺寸)和下载指示器(估计下载时间，查看传输时间)。 10.1 Dreamweaver的工作环境 7.【属性】面板 属性面板是非常重要的面板，用于显示在文档中所选元素的属性，并且可以对被选中元素的属性进行修改。该面板随着选择元素的不同而显示不同的属性。 8.【插入】面板 【插入】面板中包括8组面板，分别是【常用】插入面板、【布局】插入面板、【表单】插入面板、【数据】插入面板、【Spry】插入面板、【InContextEditing】插入面板、【文本】插入面板和【收藏夹】插入面板。在后续的学习中将会逐渐用到，这里不再赘述。 10.1 Dreamweaver的工作环境 Dreamweaver站点是一种管理网站中所有相关联文档的工具，通过站点可以实现将文件上传到网络服务器、自动跟踪和维护、管理文件以及共享文件等功能。 创建本地站点 步骤① 打开Dreamweaver CS5，点击导航面板中的【站点】|【管理站点】； 10.2 站点的管理 步骤② 选择【新建】，弹出站定定义设置对话框。 10.2 站点的管理 步骤③ 在【站点】选项中输入站点名称MySite，站点名称一般要以英文命名，本地站点文件件选择自己的工作文件夹（将要存储放置WEB文件），设置完【站点】先不要保存，点击左侧的【服务器】配置。 10.2 站点的管理 步骤④ 开始设置【服务器】信息。 10.2 站点的管理 步骤⑤ 点击【保存】便完成了站点配置向导。 10.2 站点的管理 管理站点-编辑站点 10.2 站点的管理 * *