主讲：韩维良2024.10.19第第11章章DreamweaverCS5DreamweaverCS5概述概述网站建设第1章DreamweaverCS5概述第一节认识DreamweaverDreamweaver是由Macromedia公司推出的一款网页制作软件，它具有可视化编辑界面具有可视化编辑界面，用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页，不仅适合于专业网页编辑人员的需要，同时也容易被业余网友们所掌握。（安装说明）2024年10月19日教育学院3网站建设第1章DreamweaverCS5概述第二节熟悉DreamweaverCS5主界面当启动DreamweaverCS5，“开始”页会出现在工作环境中。“开始”页使用户可以快速访问Dreamweaver教程、最近的打开过的文件、创建新项目或定义新网站。若要禁用“开始”页，可在“开始”页打开时选中“不再显示”复选框。网站建设第1章DreamweaverCS5概述2024年10月19日教育学院5创建新的文件或者Dreamweaver站点前往ADOBE功能介绍网站官方的重要信息教学网站与资源连接打开最近编辑的文件是否禁用开始项网站建设第1章DreamweaverCS5概述2024年10月19日教育学院6文档工具栏文档窗口状态栏属性面板菜单栏应用程序栏工作区切换器插入面板文件面板网站建设第1章DreamweaverCS5概述菜单栏：包括10个菜单，基本上能够实现Dreamweaver的所有功能。应用程序栏：包含相应的管理按钮。文档窗口：显示当前创建和编辑的网页文档，是用户在Dreamweaver设计网页的主要工作区。在该工作区中可以进行输入文字、插入图片等多媒体资源、设置超链接等工作，也可以对整个页面进行处理。网站建设第1章DreamweaverCS5概述文档工具栏：包含3种文档窗口视图按钮、各种查看选项和一些常用的操作。通过单击这些按钮可在文档的不同视图间进行快速切换。代码视图代码和设计视图设计视图，可视化视图文档标题刷新选项可视化助理检查预览文件管理网站建设第1章DreamweaverCS5概述文档代码、拆分、设计视图模式间的快速切换。设计视图：一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境，类似于在浏览器中查看页面时看到的内容。“所见即所得”代码视图：一个用于编写和编辑HTML、JavaScript、服务器语言（如PHP、ColdFusion标记语言CFML)以及任何其他类型语言的手工编码环境。拆分视图：又称代码和设计视图，可以在窗口中同时看到文档的代码视图和设计视图。网站建设第1章DreamweaverCS5概述状态栏：位于文档窗口底部，包括3个功能区：标签面板（又称为：标签选择器，显示和控制文档当前插入点位置的HTML源代码标签，可查看网页内容的代码标签，也可以单击标签，选中该元素。）手形工具标签选择器窗口大小缩放工具文档大小和估计下载时间选取工具网站建设第1章DreamweaverCS5概述①标签选择器用来显示环绕当前选定内容的标签的层次结构。若单击该层次结构中的任何标签，则选定该标签全部内容。如单击状态栏的标签，则选定文档中整个正文。②选取工具用于启动和禁用手形工具。③手形工具用于在文档窗口中单击并拖动文档。网站建设第1章DreamweaverCS5概述④缩放工具单击状态栏中的【缩放工具】，单击页面上需要放大的位置，可以放大文档页面，且每单击一次，文档页面会放大一次。也可按下鼠标左键在屏幕上需要放大的区域上拖出一个框，松开鼠标即可放大选中区域配合[Alt]键，可以缩小当前页面显示大小。且每单击一次，页面会缩小一次。网站建设第1章DreamweaverCS5概述窗口大小弹出菜单（显示页面大小，允许将文档窗口的大小调整到预定义或自定义的尺寸）下载指示器（估计下载时间，查看传输时间）。注意：“8秒钟原则”：一般来说，大多数用户浏览网页时等待一个页面的时间不会超过8秒。所以要随时注意网页的大小，超过8秒，要及时优化。Web页下载时间和大小的设计应遵从该原则。网站建设第1章DreamweaverCS5概述“属性”面板：属性检查器用于查看和更改所选对象或文本的各种属性。每种对象都具有不同的属性。双击“属性”面板标题栏，可将“属性”面板折叠起来，再次双击，则可展开“属性”面板。面板控制菜单网站建设第1章DreamweaverCS5概述工作区切换器：单击该按钮右侧的下拉箭头，选择相应命令即可更改页面的布局。...
