当前位置：文档之家 › 第2章 Dreamweaver CS6站点创建与管理

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

  • 格式：pptx
  • 大小：642.92 KB
  • 文档页数：25

下载文档原格式

  / 25

合集下载

Dreamweaver-CS6网页制作第2章

Dreamweaver-CS6网页制作第2章
前进
后退
定义在新建样式表文件
结束
2.2使用CSS规则美化文本
（2）单击“确定”按钮，弹出如下图所示的对话框
，定义样式文件名称为“mycss”保存在站点目录
“D:\mysite”文件夹中。
目录
前进
后退
保存新样式表文件“mycss”
结束
2.2使用CSS规则美化文本
（3）单击“保存”按钮，弹出“CSS规则定义”对 话框，保持默认值，单击“确定”按钮。在“属性 ”面板中，定义“title2”样式，大小为“16px”、 目录 颜色为“#960”、“粗体”，效果如下图所示：
中选择“D:\mysite\images\flying.gif”图像文件，
单击“确认”按钮，图像插入后通过标签编辑器将
“对齐”属性设置为“右”。
调整大小：宽度 为215像素，高 度为160像素
前进
后退
设置图像大小
结束
2.3添加图像
（4）使用快捷键插入图象：将插入光标移动到“立
志飞翔”部分的第五段文字“但我”前，使用组合 目录
对话框中选择“D:\mysite\images\flying.gif”图像
文件，单击“确认”按钮，图像插入后通过标签编
辑器将“对齐”属性设置为“左”。
前进
调整大小：宽度 为285像素，高 度为213像素
设置图像大小
后退 结束
2.3添加图像
（3）使用“插入”菜单插入图象：将插入光标移动
到“立志飞翔”部分的第三段文字“听着”前，选 择“插入”栏“常用” 类别中的 按钮，在对话框 目录
达到如图所示的效果，还要对“自我介绍”的内容
后退
制作列表，要在文档中添加水平线，编辑网页的外

新媒体网页设计与制作—Dreamweaver CS6基础、案例、技巧实用教程课件第2章

新媒体网页设计与制作—Dreamweaver CS6基础、案例、技巧实用教程课件第2章

2.5 网页文件的基本操作
2.5.2 保存网页
在Dreamweaver CS6中对文档进行编辑后，需要对 文档进行保存以备浏览和修改。选择【文件】/【保存】 命令，弹出【另存为】对话框，在【保存在】下拉列表 框中选择文档的保存位置，并在【文件名】下拉列表框 中输入网页名称，单击【保存】按钮，完成网页的保存。
预览网页
第2章 认识Dreamweaver CS6
本章学习要点： 1．Dreamweaver CS6的工作区 2．Dreamweaver CS6文档视图 3．网页的构成 4．网页设计方法
2.1 Dreamweaver CS6工作界面
2.1.1 界面布局
2.1.2 认识Dreamweaver CS6工作面板
2.2.2 简捷而高效的操作
• 改良的FTP 性能 • Business Catalyst 集成 • CSS3过渡效果 • Adobe BrowserLab集成 • 站点特定的代码提示
2.3 创建本地站点
Dreamweaver CS6对同一网站中的文件是以“站点” 为单位来进行有效组织和管理的，因此在创建网站之 前，首先需要创建一个本地站点，用于存储和管理网 站中的各种网页文档以及相关的资源等数据，使网站 设计者对网站的结构有一个整体的把握。
2.5.3 预览网页
对网页进行编辑后，如果想查看网页在浏览器中的 显示效果，可以通过以下方法实现预览： 1．选择【文件】/【在浏览器中预览】/【IExplore】。 2．单击文档工具栏的按钮。 3．按F12快捷键。
2.5.4 设置页面属性
选择【修改】/【页面属性】命令或单击【属性】面 板上的【页面属性】按钮，弹出【页面属性】对话框， 在窗口左侧的【分类】列表中选择相应类别后，在右侧 窗口对各属性进行详细设置，如下图所示：

网页设计与制作01-项目1 初识Dreamweaver CS6(站点的创建与管理)

网页设计与制作01-项目1 初识Dreamweaver CS6(站点的创建与管理)
• 导航栏：一组超级链接，方便用户浏览站点，一般由多个按钮或多个文本超链接 组成。
• 框架：网页的一种组织形式，用于将相互关联的多个网页组织在一个浏览窗口中 显示。（见项目10）。
• 表单：用于收集反馈信息。 • CSS样式：用于控制文本格式。 • 行为：由Javascript代码组成，可实现动态页面效果。 • 模板和库：用于创建具有固定风格和结构、共同格式的网页
网页的结构
网页组成要素及其作用
什么是网页制作？
网页制作是网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技 术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域 名注册查询和主机托管等服务的总称
网页的组成元素 各组成部分的作用
• 文本：组成网页的基本内容，根据需要可对其进行格式设置或用CSS样式控制其 格式。
站点的管理
操作方法：选择“站点”>“管理站点”，从左侧的列表中选择 一个站点，进行操作。
• 新建：用于创建新站点。 • 编辑：用于编辑现有站点。 • 复制：创建所选站点的副本，副本将出现在站点列表窗口中。 • 删除：删除所选站点；此பைடு நூலகம்作无法撤消。 • 导出：使您可以将站点设置导出为 XML 文件 (*.ste)。 • 导入：使您可以选择要导入的站点设置文件 (*.ste)
• 属性检查器：“属性”检查器可以检查和编辑当前选定页面元素（如文本和插 入的对象）的最常用属性。“属性”检查器中的内容根据选定的元素会有所不 同。
• 文档窗口：“文档”窗口显示当前文档，当打开网页文件时可以出现文档窗口 的视图方式。
Dreamweaver CS6工作窗口
观察并操作Dreamweaver的各项面板 •将面板展开、折叠、关闭、移动、调出 •观察三种视图方式：设计视图、代码视图、设计代码视图

《Dreamweaver CS3网页制作》第2章 站点的创建与管理

《Dreamweaver CS3网页制作》第2章 站点的创建与管理

前进
站点定义文件的扩展名为 .ste。
删除站点
选择“站点→管理站点”命令，打开“管理站点”对话框，选择要后退 删除的站点，单击“删除”按钮。
提示
站点被删除后，只是删除了站点的定义信息，硬盘中相应位 结束 置的文件和文件夹并不会被删除。
2.4 操作站点文件
创建网站目录结构
目录
在“我的电脑”或“资源管理器”中创建。
网站发布和 更新维护
前进
网站的规划流程:
后退
确定网站的 主题
规划网站的栏 目及目录结构
收集素材
确定网站的 风格
结束
2.2 创建站点
目录
站点的分类
概念：站点可以简单地理解为存放网页及各种
素材的文件夹。
前进
本地站点
按地理位置 远程站点
站点的分类
后退
静态站点
按站点的交互性 动态站点
结束
创建本地站点
选择“站点→新建站点”命令
直接用鼠标拖动
后退
右单击，在快捷菜单中选择“编辑→删除”命 删除文件(夹) 令
按Delete键
结束
上机实训
实训1：新建一个以自己姓名命名的个人站点，该站点使用“ASP JavaScript”服务器技术, ，站点保存在“D:\ktsj\site”文件夹中， 使用“文件”面板新建首页文件“index.html”和图像文件夹 “images”，在“我的电脑”中查看相应目录的变化。 实训2：将上题中创建的站点使用“管理站点”功能将其导出，将 导出的站点定义文件通过网络或移动存储设备拷贝到其他计算机中， 使用“管理站点”功能将其导入。 实训3：新建站点 “奥运资料”，站点保存在“D:\ktsj\ aytp”文件 夹中,将该站点中的beijing.html改名为index.html，并浏览该网页。 实训4：删除站点“奥运资料”中的lx.html和wj.html文件，并将 fnll.jpg文件移动到image文件夹中。

01 Dreamweaver+CS6网页制作 初识Dreamweaver CS6界面

01 Dreamweaver+CS6网页制作 初识Dreamweaver CS6界面

● 在浏览器中预览 / 调试 ：允许用户在浏览器中浏览或调试文档。
● 文件管理 ：当有多个人对一个页面进行过操作时，进行获取、取出、打开文件、导出和设
计附注等操作。
第
● W3C 验证 ：由 World Wide Web Consortium（W3C）提供的验证服务可以为用户检查
HTML 文件是否符合 HTML 或 XHTML 标准。
单击右侧的小三角，可以看到其他与图像相关的 按钮。
● 媒体 ：插入媒体文件，单击右侧的小三角，
可以看到其他媒体类型的按钮。
● 构 件 ：使 用 Widget Browser 将 收 藏 的
Widget 添加到 Dreamweaver 中。
完
● 日期 ：插入当前时间和日期。
全
学
● 服务器端包括 ：是对 Web 服务器的指令，
转菜单。
● 图像域 ：在表单中插入图像字段。
● 文件域 ：插入可在文件中进行检索的文
件字段。利用此字段，可以添加文件。
● 按钮 ：插入可传输样式内容的按钮。
● 标签 ：在表单控件上设置标签。
● 字段集 ：在表单控件中设置边框。
● Spry 验证文本域 ：单击此按钮，可以验
证文本域。
● Spry 验证文本区域 ：单击此按钮，可以
图2-6 “常用”插入栏 ● 超级链接 ：创建超级链接。 ● 电子邮件链接 ：创建电子邮件链接，只 要指定要链接邮件的文本和邮件地址，就可以自 动插入邮件地址发送链接。
指定和编辑标签的属性。 ● sound ：安 装 sound 插 件 后 显 示 此 按 钮，
可以插入声音文件。 ● Flash image ：安装 Flash Image 插件后显示

Dreamweaver CS6基本操作

Dreamweaver CS6基本操作

第2章Dreamweaver CS6基本操作本章重点：本章主要介绍创建站点、管理站点、设置网页的文本以及设置网页的超级链接。

学习目的：初步认识Dreamweaver CS6，为深入了解该软件做好基础。

参考时间：90分钟主要知识学习时间2.1 Dreamweaver CS6的工作界面20分钟2.2 创建站点10分钟2.3 管理站点内容10分钟2.4 网页文件的基本操作10分钟2.5 设置网页文本10分钟2.6 为网页添加图像10分钟2.7 设置超级链接10分钟2.8 插入Flash10分钟在该下拉菜单中包括了“新建”、“打开”、“关闭”、“保存”和“导入”等常用命在该下拉菜单中包括了“拷贝”、“粘贴”、“全选”、“查找和替换”等用于基本编辑在该下拉菜单中包括了设置文件的各种视图命令，如“代码”视图和“设计”视图等，还用于将各种网页元素插入到当前文件中，包括“图像”、“媒体”和“表格”等。

Dreamweaver CS6的工作界面菜单栏“插入”下拉菜单“文件”下拉菜单“编辑”下拉菜单“查看”下拉菜单修改：为 AP Div”等。

格式：命令：站点：有面板、检查器和窗口的访问。

的访问。

“窗口”下拉菜单“代码”按钮：单击该按钮，仅在文件窗口中显示和修改HTML源代码。

“拆分”按钮：单击该按钮，可在文件窗口中同时显示HTML源代码和页面的设计效果。

“设计”按钮：单击该按钮，仅在文件窗口中显示网页的设计效果。

“在浏览器中预览/调试”按钮单击该按钮，在弹出的下拉菜单中选择一种浏览器，用于预览和调试网页。

提示：在下拉菜单中选择“编辑浏览器列表”命令，弹出“首选参数”对话框，在该对话框中可以设置主浏览器和次浏览器。

“文件管理”按钮：单击该按钮，在弹出的下拉菜单中包括“消除只读属性”、“获取”、“上传”和“设计备注”等命令。

“检查浏览器兼容性”按钮：钮，在弹出的下拉菜单中包括“检查浏览器兼容“标题”文本框：标题。

状态区位于文件窗口的底部，提供与用户正在创建的文件有关的其他信息。

Dreamweaver CC实用教程 第2章 站点的创建与管理

一般来说，在规划站点时，应遵循以下规则。 1．文档分类保存 2．合理命名文件名称 3．本地站点与远程站点结构统一
2
2.2 认识站点面板
第2章
站点的创建与 管理
站点就是放置网站上所有文件的地方。在Dreamweaver CC中，站点包括远程站点和本地站点。 远程站点指位于Internet服务器上的站点，本地站点指位于本地计算机上的站点。合理地规划站点，不 仅可以使网站的结构清晰、有序，而且有利于网站的开发和后期维护。
一般来说，在规划站点时，应遵循以下规则。 1．文档分类保存 2．合理命名文件名称 3．本地站点与远程站点结构统一
3
即学即用：创建我的第一个站点
学习创建站点的方法。
第2章
站点的创建与 管理
4
2.3 导出和导入站点
使用Dreamweaver可以将站点导出为ste文件，然后将其导入回Dreamweaver。这样就可以在各 计算机和产品版本之间移动站点，或者与其他用户共享。最好定期导出站点，如果该站点出现意外，还 有它的备份副本。一般来说，导入、导出站点的作用在于保存和恢复站点和本地文件的连接关系。
第2章
站点的创建与 管理
11
第2章 站点的创建与管理
学习要点
站点的规划 认识站点面板 创建我的第一个网站 导出和导入站点 管理站点
1
第2章
站点的创建与 管理
2.1 站点的规划
第2章
站点的创建与 管理
站点就是放置网站上所有文件的地方。在Dreamweaver CC中，站点包括远程站点和本地站点。 远程站点指位于Internet服务器上的站点，本地站点指位于本地计算机上的站点。合理地规划站点，不 仅可以使网站的结构清晰、有序，而且有利于网站的开发和后期维护。

第二章创建和管理站点


4、文件命名以最少字母达到最易理解的意义。
(1)使用小写英文字母、数字、下划线的组合 不使用汉字、空格和特殊字符 (2)图像文件：名称分为头部和尾部两部分， 头部表示图片的大类性质，尾部表示图片的具 体含义。 广告（banner）、标志(logo)、菜单(menu)、 按钮(button)、背景(bg)等。
第 二 章
创建和管理站点
2.1 创建和管理本地站点
Dreamweaver 可创建本地站点，内容保存 在本地计算机中，看作网络中的站点服务器。
创建站点前，应规划好站点，确定站点所 要实现的功能。
2.1.1 规划站点
规划站点是使网站的结构更加清晰。
规划方法
1、把站点划分为多个目录 把网站中相关的并且属于同栏目、具有同样 含义的文件放在各自的目录中。 2、不同种类的文件放在不同文件夹中 3、本地站点和远程站点使用相同的目录结构
2.1.2 创建本地站点
创建本地站点可以使用向导创建，也可 以使用高级面板创建。
例2.1创建站点
例2.2设置站点远程服务器
2.1.3 管理本地站点
创建站点后，可进行一些基本的编辑操作。 如重新编辑本地站点保存位置、名称、删除创 建的本地站点等。
站点切换和站点管理
对站点文件操作
2.2 网页文档的基本操作
网页属性包括：外观、链接、标题等。
外观
背景图像和背景颜色决定了文档的外观。
链接
文本颜色和链接颜色帮助站点访问者区别 文本和超称。
2.3 设置视图
2.3.1 切换文档视图
选择查看菜单，在该菜 单中可以选择【设计】 、【代码】视图和【代 码和设计】视图，以适 合不同的需要。
2.3.2 使用可视化助理

第2章Dreamweaver CS6基础入门


2.3 使用DreamWeaver CS6制作简单网 页 2.3.2 HTML基础
（1）通常HTML页面均以DOCTYPE开始，它声明文档的类型，且之前不能有任何 内容（包括换行符和空格），否则将使文档声明无效。如果缺少DOCTYPE会导致 文件在浏览器中显示不正常。 文 档 的 结 构 说 明 （2）接着是<html>标记，以</html>结束。结构中包含三个顶层标签：<html>、 <head>和<body>。文档以<html>开始，以</html>结束，<head>和<body>嵌入其 中。 （3）在<head>和</head>标记的内容是文档头，用于描述页面的头部信息。所 有在<head>和</head>标记之间的内容都是不会显示在页面上的。 （4）<body>和</body>之间的内容是文档体，是HTML的主要部分，它包括了文 件所有的实际内容和绝大多数标记符号。页面上显示的任何东西都包含在这两 个标记之中。 。
文 化 动 态 嘉 州 画 派
嘉州文化长廊网站首页
民 间 艺 术
乌 木 文 化
佛 教 文 化
旅 游 文 化
饮 食 文 化
2.2 Dreamweaver CS6站点建设与管理 2.2.2 网站站点规划与创建
网站结构设计好后，为了让网站管理方便，还需要规划网站的目录结构。网站的目录是指用于存放网站相关 文件的文件夹。
2.3 使用DreamWeaver CS6制作简单网 页 2.3.3 CSS基础
介 绍
CSS（Cascading Style Sheet，层叠样式表）简称样式表， 用于为网页文档中的元素添加各种样式，如字体大小、 背景颜色、边框设置、列表格式等，起到了网页文档的 美化作用。 CSS是将格式规则存放在样式表中，网页通过对样式表的 引用为目标区域的元素添加样式。

《DreamweaverCS6网页设计与制作》第2章Dreamweaver基础知识


2.5.5 电子邮件链接
电子邮件链接是比较常见的一种超级链接。在 浏览网页时，如果单击一个电子邮件的链接时， 会显示在outlook Express中发送电子邮件信息的 窗口。在窗口中已经为用户提供了已经写好的收 件人地址 ，用户只需要添加邮件的主题，输入主 要的内容，单击“发送”按钮。
2.5.6下载链接
在同一个页面中添加锚链接。 在不同的页面上使用锚链接。
2.6在网页中使用图像
2.6.1 插入图片的方法
在设计视图中插入 从资源面板中插入
2.6.2 图片的基本设置 2.6.3 热区的操作 2.6.4 制作光标经过图像
2.6.5 制作导航条 2.6.6 插入图像占位符 2.6.7 添加背景图像 2.6.8 使用Photoshop文件
2.1 Dreamweaver cs3简介
Dreamweaver被称为梦幻工厂，它具有“所见 即所得”的编辑方式，在网页中可以引入行为，样式， 模板等技术，所以在制作网页时体验非常好。由于它 具备可视化编辑功能，用户可以快速地创建页面而不 需要掌握专业的html语言。在查看站点元素和资源 时，能够直接的进行拖拽，操作非常直观。另外还可 以直接将photoshop，fireworks中创建和编辑的图 像导入到dreamweaver中，使资源得到整合。也可 以在其中编辑asp、php、jsp等动态网站。所以说， dreamweaver在网站建设中起着不可替代的作用。
窗口的各组成要素
面板组
组合在一个标题下面的多个相关的面板的集合。可以通过 单击组名称左侧的展开箭头将这多个面板在折叠或展开之 间切换。
文件面板
这个面板组非常重要，用来管理文件和文件夹，还可以对 站点进行操作，查看站点中的资源。
  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

图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所示的“管 理站点”对话框，在站点名称列表 中选择要编辑的站点，相关编辑可 以在列表下方选择“删除”按钮、 “编辑”按钮、“复制”按钮或 “导出”按钮来完成。