第2章 Dreamweaver CS6站点创建与管理

图2.12 “编辑”|“ 重命名”命令
16
第2章 Dreamweaver CS6站点创建与管理
2.4 管理网站 2.4.2 站点文件管理 7. 删除文件或文件夹 在文件面板中选择“本地视图”， 在要删除的文件或文件夹上右击鼠 标，在弹出的快捷菜单中，选择 “编辑”|“删除”，如图2.13所示， 即可完成删除文件或文件夹的操作。
图2.11 “编辑”|“剪切”命令
15
第2章 Dreamweaver CS6站点创建与管理
2.4 管理网站 2.4.2 站点文件管理 • 6.重命名文件或文件夹 (1)在文件面板中选择“本地视图”， 在要重命名的文件或文件夹上右击 鼠标，在弹出的快捷菜单中，选择 “编辑”|“ 重命名”，如图2.12 所示； (2)选中的文件名称变为可编辑状态， 输入新的文件名称，按回车键，完 成重命名操作；
5
第2章 Dreamweaver CS6站点创建与管理
2.2 站点规划 网站的建设一般要考虑如下几个方面： 3.确定网站的目录结构和链接结构 制作拓扑图，对该网站的目录结构进行规划，包括：网站主要有哪几部 分组成，每个部分中要划分为哪几个小项目。可以画出网站的大致结构， 即确定由哪种形状布局，并将网页中相关内容大致排列在草图中。 4.确定网站的整体风格 网站的整体风格是抽象的，是指站点的整体形象给浏览者的综合感受。 包括站点的版面布局、浏览方式、交互性、文字、语气、内容价值、存 在意义、站点荣誉等诸多因素。风格是有人性的，通过站点的外表、内 容、文字、交流可以概括出一个站点的个性和情绪。风格形成不是一次 定位的，它可以在实践中不断强化、调整和修饰。
19
第2章 Dreamweaver CS6站点创建与管理
2.6 本章小结 在网页制作过程中使用可视化网页编辑工具是主要趋势。本章介绍了 Macromedia公司的可视化网页编辑工具Dreamweaver CS6的安装、启动 和工作环境，并通过对网站的规划、创建、管理的详细介绍，帮助读者 对网站的建设过程有一个系统全面的了解，从实例“本地站点的创建与 管理”的学习及实践中掌握站点的创建以及编辑方法。
图2.5 “管理站点”对话框
10
第2章 Dreamweaver CS6站点创建与管理
2.4 管理网站 2.4.2 站点文件管理 1.在站点中新建文件夹 刚刚建立的站点是空的，用户可以添 加文件夹。站点内的文件夹可以起到 分类管理子栏目和各种文件的作用， 新建文件夹的方法如下： 在文件面板中选择“本地视图”，在 站点的根目录上右击鼠标，在弹出的 快捷菜单中，选择“新建文件夹”， 如图2.6所示； 系统自动在根目录下创建一个文件夹， 此时文件夹名称处于可编辑状态，修 改文件夹名称后，按回车键，即完成 新建文件夹的操作；
图2.6 新建文件夹
11
第2章 Dreamweaver CS6站点创建与管理
2.4 管理网站 2.4.2 站点文件管理 2.在站点中新建网页文件 用户可以在站点中添加文件，方法 如下： (1)在文件面板中选择“本地视图”， 在站点中要创建文件的文件夹上右 击鼠标，在弹出的快捷菜单中，选 择“新建文件”，如图2.7所示； (2)统自动在此文件夹下创建一个网 页文件，此时文件名处于可编辑状 态，修改文件名称后，按回车键， 即完成新建网页文件的操作；
18
第2章 Dreamweaver CS6站点创建与管理
2.5 课堂实例：本地站点的创建与管理 【例2.1】EBook站点的建立和默认图像文件夹的设臵 【步骤】 步骤3：在“站点设臵对象”对话框左侧选择“站点”，在右侧的“站点名 称”处输入“EBook”，在本地站点文件夹处选择D:\EBook\ 。 步骤4：在文件面板中选择“本地视图”，在站点的根目录EBook上右击鼠 标，在弹出的快捷菜单中，选择“新建文件夹”，文件夹的名称为 “images”，用同样的方法在根目录EBook中创建文件夹“music”和 “movie”。 步骤5：在“站点设臵对象”对话框左侧选择“高级设臵”|“本地信息”， 在右侧的“默认图像文件夹”处选择D:\EBook\images\ 步骤6：在文件面板中选择“本地视图”，在站点的根目录EBook上右击鼠 标，在弹出的快捷菜单中，选择“新建文件”，文件的名称为 “index.html”。 步骤7：设臵完毕，完成本地站点的建立。
21世纪普通高校计算机公共课程规划教材 《Dreamweaver CS6 网页设计与制作》 祁瑞华 主编 李富宇 副主编
第2章 Dreamweaver CS6站点 创建与管理
清华大学出版社
第2章 Dreamweaver CS6站点创建与管理
2.1 Dreamweaver CS6概述 Dreamweaver CS6支持多种类型的网页代码和编程语言，包括HTML、CSS、 XHTML、XML、JavaScript、VBScript、ColdFusion、Java、Visual Basic、 C#、PHP、、ASP以及JSP等语言的支持，可以辅助生成访问网络数 据库的Web应用程序。 2.1.1 Dreamweaver CS6的安装和启动 以Dreamweaver CS6为例，安装Dreamweaver的方法如下： – 在Macromedia官方网站下载安装程序； – 双击Dreamweaver安装程序图标，在显示的解压缩界面中，选择保存 解压缩安装文件的路径； – 准备文件进度完成后显示欢迎界面，选择安装选项。 – 在弹出的“Adobe软件许可协议”界面，选择“接受”。 – 在弹出的“序列号”界面，输入合法的序列号，单击“下一步”。 – 在弹出的“选项”界面，选择安装路径，单击“安装”，安装完成后 显示“安装完成”界面。
图2.7 新建网页文件
12
第2章 Dreamweaver CS6站点创建与管理
2.4 管理网站 2.4.2 站点文件管理 3.使用“新建文档”对话框新建文 件 在Dreamweaver CS6中，还可以通 过“新建文档”对话框新建文件， 方法如下： (1)单击“文件”菜单，在弹出的下 拉菜单中，选择“新建”命令，如 图2.8所示； (2)在弹出的“新建文档”对话框左 侧选择“空白页”选项卡，在“页 面类型”中选择文件类型，例如 HTML，如图2.9所示；单击“创建” 按钮，完成新建文件的操作。
图2.2 Dreamweaver CS6工作界面
4
第2章 Dreamweaver CS6站点创建与管理
2.2 站点规划 网站的建设一般要考虑如下几个方面： 1.确定建立网站的目的和主题 首先要明确制作该网站的目的，希望网站达到什么效果，然后根据目的 和已有的网站内容确定设计主题。该主题能让浏览者知道本网站是做什 么的，可以获取什么信息。 在确定网站内容的同时还需要确定要制作的网站的主色调，可以根据网 站所属的行业或内容确定网站的基色，同时也应了解客户的喜好。 2.网站可行性分析 可行性分析就是分析是否有能力、有财力建设和维护这个网站；分析网 站建立以后是否有一定的经济效益或社会效益；分析网站建设需要花费 多少时间、精力、人力，性价比是否合适。
图2.13 “编辑”|“删除”命令
17
第2章 Dreamweaver CS6站点创建与管理
2.5 课堂实例：本地站点的创建与管理 【例2.1】EBook站点的建立和默认图像文件夹的设臵 【目标】通过本例的学习，掌握和熟悉Dreamweaver CS6中本地站点的 创建和管理。 【思路】 要创建一个本地站点，首先要定义站点，在本地磁盘上建立一个文件 夹，用来存储网站中的文件，然后使用“站点高级”选项卡进行设臵， 并在站点文件夹中建立子文件分类管理媒体文件。 【步骤】 步骤1：在D盘上创建一个名为“EBook”的文件夹。 步骤2：启动Dreamweaver CS6，单击“站点”菜单，选择“新建站点” 命令,打开“站点设臵对象”对话框。
6
第2章 Dreamweaver CS6站点创建与管理
2.3 创建本地站点 所谓本地站点，就是指本地硬盘 中存放待发布到网络中的远程站 点的所有文档的地方。 2.3.1 创建本地站点 创建本地站点的具体操作如下： 单击“站点”菜单，选择“新建 站点”命令,打开如图2.3所示的 “站点设臵对象”对话框。选择 硬盘上的一个位臵作为本地站点 的根目录所在位臵。在选定的位 臵创建一个文件夹，作为本地站 点的根目录。假设我们要建立一 个名为“EBook”的站点，可以 在D盘上创建同名文件夹。
图2.1 Dreamweaver CS6的启动界面
3
第2章 Dreamweaver CS6站点创建与管理
2.1 Dreamweaver CS6概述 2.1.2 Dreamweaver CS6的界面环境 Dreamweaver8的基本工作界面如图1.9所示，由菜单栏、插入工具栏、 文档窗口、标签选择器、属性面板和面板组等部分构成。
图2.10 “编辑”|“拷贝”命令
14
第2章 Dreamweaver CS6站点创建与管理
2.4 管理网站 2.4.2 站点文件管理 5.移动文件或文件夹 (1)在文件面板中选择“本地视图”， 在要移动的文件或文件夹上右击鼠标， 在弹出的快捷菜单中，选择“编 辑”|“剪切”，如图2.11所示； (2)在要准备移动到的目标文件夹上右 击鼠标，在弹出的快捷菜单中，选择 “编辑”| “粘贴”； (3)也可以使用快捷键，单击选中准备 移动的文件或文件夹，按Ctrl+X剪切； 然后选择移动到的目标文件夹，按 Ctrl+V粘贴，完成移动文件或文件夹 的操作。 Nhomakorabea9
第2章 Dreamweaver CS6站点创建与管理
2.4 管理网站 2.4.1 站点的编辑 • 导出站点 通过站点的导出和导入，可以在不 同计算机和产品版本之间移动站点， 与其他用户共享。 单击“站点”菜单，选择“管理站 点”命令,弹出如图2.5所示的“管 理站点”对话框，在站点名称列表 中选择要编辑的站点，相关编辑可 以在列表下方选择“删除”按钮、 “编辑”按钮、“复制”按钮或 “导出”按钮来完成。