ch02 创建和管理站点
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
使用向导创建本地站点 使用高级面板创建本地站点 站点的基本操作
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
2.2.1 使用向导创建本地站点
菜单栏
插入栏
【文档】工具栏
【文档】窗口
面板组
状态栏
【属性】 面板
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
2.3.1 创建空白网页文档
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
2.3.5 设置文档页面头部信息
每一个网页都是由HTML脚本所组成的*.html文件，一个完整的HTML网页 文件包含head和body两个部分，head部分包括许多不可见的信息，例如语言 编码、版权声明、关键字等。
选择【站点】|【管理站点】命令，打开【管理站点】对话框，单击【 新建】按钮，在弹出的菜单中选择【站点】命令，打开【站点定义为】对话 框。
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
/edu /edu :::::
Hale Waihona Puke 2.2.3 站点的基本操作
创建好站点后，根据需要创建各频道、栏目文件夹等，对于创建好的 站点，也可以进行再次编辑，或删除和复制这些站点。
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
创建Web站点的第一步是规划。 创建Web站点的第一步是规划。为了使网站在完成后能够达到最佳效果 Web站点的第一步是规划 ，在利用Dreamweaver CS3建立任何Web站点之前，应根据需求对站点的结构 在利用Dreamweaver CS3建立任何Web站点之前， 建立任何Web站点之前 进行设计与规划。 进行设计与规划。
Internet
网站
网站服务器 服务器端网页文件
客户端浏览器 客户端浏览器
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
1.1.2 规划站点
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
2.4 使用站点地图
站点地图示以树形结构图方式显示站点中文件的链接关系的。 站点地图示以树形结构图方式显示站点中文件的链接关系的。在站点地图中 可以添加、修改和删除文件间的链接关系。 可以添加、修改和删除文件间的链接关系。
创建空白网页文档 创建模板网页文档 打开和保存文档 设置网页文件属性
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
2.3.1 Dreamweaver CS3简述 CS3简述
/edu /edu :::::
2.3 网页文档的基本操作
创建了本地站点后， 就可以创建文档并将保存在站点文件夹中。 创建了本地站点后 ， 就可以创建文档并将保存在站点文件夹中 。 Dreamweaver CS3提供了多种创建文档的方法，可以创建一个新的空白HTML文档 CS3提供了多种创建文档的方法，可以创建一个新的空白HTML文档，或使用模板创 文档， 建新文档。同时，还提供了功能强大的【新建文档】 建新文档。 同时，还提供了功能强大的【 新建文档】对话框来满足用户创建不同类 型的文档的需求。 型的文档的需求。
查看站点地图 站点地图布局
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
2.4.1 查看站点地图
使用站点地图，可以以图形的方式单看站点结构，构建网页之间的链接 。选择【窗口】|【文件】命令，打开【文件】面板，单击【站点地图】按 钮，在弹出的菜单中选择【仅地图】选项，窗口中仅显示文件地图的形式； 选择【地图和文件】选项，在窗口左侧会显示站点地图，右侧以列表的形式 显示站点中的文件。
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
2.3.4 设置文档属性
文档的属性包括页面标题、背景图像、背景颜色、文本和链接颜色、 边距等。【页面标题】确定和命名了文档的名称，【背景图像】和【背景颜 色】决定了文档显示的外观，【文本颜色】和【链接颜色】帮助站点访问者 区别文本和超文本链接等。
第 二 章
创建和管理站点
学 习 目 标
在建立网站之前，首先应设计和规划好整个站点， 在建立网站之前，首先应设计和规划好整个站点，继而才能进行具体的 网页制作过程。创建好一个本地站点后，可以进行管理站点操作， 网页制作过程。创建好一个本地站点后，可以进行管理站点操作，还可以创 建文档并将其保存在站点文件夹中。 建文档并将其保存在站点文件夹中。本章将主要介绍使用不同的方法创建和 管理站点的方法，创建不同类型文档的方法以及网页制作的常用操作。 管理站点的方法，创建不同类型文档的方法以及网页制作的常用操作。
/edu /edu :::::
2.1 站点简介和规划
规划站点的目的在于明确创建站点的方向并采用的方法， 规划站点的目的在于明确创建站点的方向并采用的方法，同时也是确定本地站点 所要实现的功能。规划时要明确网站的主题，搜集需要的信息等。 所要实现的功能。规划时要明确网站的主题，搜集需要的信息等。规划站点主要是 规划站点的结构。创建站点既可以创建一个网站， 规划站点的结构。创建站点既可以创建一个网站，又可以创建一个本地网页文件的 存储地址，规划好站点后即可开始创建站点。 网页和网站的基础知识。 存储地址，规划好站点后即可开始创建站点。 网页和网站的基础知识
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
2.3.3 打开和保存网页文档
在Dreamweaver CS3中要打开现有的网页文档，可以选择【文件】|【打 开】命令或按下Ctrl+O键。启动Dreamweaver CS3时，在显示页面左侧的【 打开最近的项目】列表中，可以打开最近打开的文档。
Dreamweaver CS3是Adobe公司最新推出的网页制作软件，用于对网站、 网页和Web应用程序进行设计、编码和开发，广泛用于网页制作和网站管理 。
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
/edu /edu :::::
2.3.2 创建模板网页文档
Dreamweaver模板是一种特殊类型的文档，用于创建具有相同页面布局 的统一页面。要创建模板网页文档，选择【文件】|【新建】命令，打开【 新建文档】对话框，选择【示例中的页】选项卡，在【示例文件夹】列表框 中选择【起始页(主题)】选项，在右边的列表框中选择任意模板网页，单击 【创建】按钮，即可创建一个模板网页文档。
在Dreamweaver CS3中创建空白网页文档，选择【文件】｜【新建】命 令，或按下Ctrl+N键，打开【新建文档】对话框。选择【空白页】选项卡， 在【页面类型】列表框中选择HTML选项，在【布局】列表框中选择【无】选 项，单击【创建】按钮，即可创建一个空白网页文档。
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
本 章 重 点
规划站点 创建本地站点 管理站点 使用站点地图 网页文档的基本操作
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
2.2.2 使用高级面板创建本地站点
使用高级面板创建本地站点，选择【站点】|【管理站点】命令，打开 【管理站点】对话框，单击【新建】按钮，在弹出的菜单中选择【站点】命 令，打开【站点定义为】对话框。单击【高级】选项卡，打开该选项卡对话 框。
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
2.3.2 Dreamweaver CS3的工作界面 CS3的工作界面
Dreamweaver CS3的工作界面秉承了Dreamweaver系列产品一贯的简洁、高效和 易用性，大多功能都能在工作界面中很方便地找到。它的工作界面主要由【文档】窗 口、【文档】工具栏、菜单栏、插入栏、面板组和【属性】面板组成。
站点的简介 规划站点
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
2.1.1 站点的简介
网站建立在互联网基础之上，是以计算机、网络和通信技术为依托，通 过一台或多台安装了系统程序、服务程序及相关应用程序的计算机，向访问 者提供相应的服务。 互联网中包括无数的网站和客户端浏览器，网站宿主于网站服务器中， 它通过存储和解析网页内容，向各种客户端浏览器提供信息浏览服务。通过 客户端浏览器打开网站中的某个网页时，网站服务软件会在完成对网页内容 的解析工作后，将解析的结构回馈给网络中要求访问该网页的浏览器。
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
2.2 创建本地站点
在创建站点之前，一般在本地将整个网络完成，然后再将站点上传到 在创建站点之前，一般在本地将整个网络完成， Web服务器上 因此，在开始创建网页之前，最好的选择是用Dreamweaver 服务器上。 Dreamweaver建 Web服务器上。因此，在开始创建网页之前，最好的选择是用Dreamweaver建 立一个本地站点。 立一个本地站点。
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
2.2.1 使用向导创建本地站点
菜单栏
插入栏
【文档】工具栏
【文档】窗口
面板组
状态栏
【属性】 面板
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
2.3.1 创建空白网页文档
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
2.3.5 设置文档页面头部信息
每一个网页都是由HTML脚本所组成的*.html文件，一个完整的HTML网页 文件包含head和body两个部分，head部分包括许多不可见的信息，例如语言 编码、版权声明、关键字等。
选择【站点】|【管理站点】命令，打开【管理站点】对话框，单击【 新建】按钮，在弹出的菜单中选择【站点】命令，打开【站点定义为】对话 框。
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
/edu /edu :::::
Hale Waihona Puke 2.2.3 站点的基本操作
创建好站点后，根据需要创建各频道、栏目文件夹等，对于创建好的 站点，也可以进行再次编辑，或删除和复制这些站点。
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
创建Web站点的第一步是规划。 创建Web站点的第一步是规划。为了使网站在完成后能够达到最佳效果 Web站点的第一步是规划 ，在利用Dreamweaver CS3建立任何Web站点之前，应根据需求对站点的结构 在利用Dreamweaver CS3建立任何Web站点之前， 建立任何Web站点之前 进行设计与规划。 进行设计与规划。
Internet
网站
网站服务器 服务器端网页文件
客户端浏览器 客户端浏览器
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
1.1.2 规划站点
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
2.4 使用站点地图
站点地图示以树形结构图方式显示站点中文件的链接关系的。 站点地图示以树形结构图方式显示站点中文件的链接关系的。在站点地图中 可以添加、修改和删除文件间的链接关系。 可以添加、修改和删除文件间的链接关系。
创建空白网页文档 创建模板网页文档 打开和保存文档 设置网页文件属性
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
2.3.1 Dreamweaver CS3简述 CS3简述
/edu /edu :::::
2.3 网页文档的基本操作
创建了本地站点后， 就可以创建文档并将保存在站点文件夹中。 创建了本地站点后 ， 就可以创建文档并将保存在站点文件夹中 。 Dreamweaver CS3提供了多种创建文档的方法，可以创建一个新的空白HTML文档 CS3提供了多种创建文档的方法，可以创建一个新的空白HTML文档，或使用模板创 文档， 建新文档。同时，还提供了功能强大的【新建文档】 建新文档。 同时，还提供了功能强大的【 新建文档】对话框来满足用户创建不同类 型的文档的需求。 型的文档的需求。
查看站点地图 站点地图布局
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
2.4.1 查看站点地图
使用站点地图，可以以图形的方式单看站点结构，构建网页之间的链接 。选择【窗口】|【文件】命令，打开【文件】面板，单击【站点地图】按 钮，在弹出的菜单中选择【仅地图】选项，窗口中仅显示文件地图的形式； 选择【地图和文件】选项，在窗口左侧会显示站点地图，右侧以列表的形式 显示站点中的文件。
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
2.3.4 设置文档属性
文档的属性包括页面标题、背景图像、背景颜色、文本和链接颜色、 边距等。【页面标题】确定和命名了文档的名称，【背景图像】和【背景颜 色】决定了文档显示的外观，【文本颜色】和【链接颜色】帮助站点访问者 区别文本和超文本链接等。
第 二 章
创建和管理站点
学 习 目 标
在建立网站之前，首先应设计和规划好整个站点， 在建立网站之前，首先应设计和规划好整个站点，继而才能进行具体的 网页制作过程。创建好一个本地站点后，可以进行管理站点操作， 网页制作过程。创建好一个本地站点后，可以进行管理站点操作，还可以创 建文档并将其保存在站点文件夹中。 建文档并将其保存在站点文件夹中。本章将主要介绍使用不同的方法创建和 管理站点的方法，创建不同类型文档的方法以及网页制作的常用操作。 管理站点的方法，创建不同类型文档的方法以及网页制作的常用操作。
/edu /edu :::::
2.1 站点简介和规划
规划站点的目的在于明确创建站点的方向并采用的方法， 规划站点的目的在于明确创建站点的方向并采用的方法，同时也是确定本地站点 所要实现的功能。规划时要明确网站的主题，搜集需要的信息等。 所要实现的功能。规划时要明确网站的主题，搜集需要的信息等。规划站点主要是 规划站点的结构。创建站点既可以创建一个网站， 规划站点的结构。创建站点既可以创建一个网站，又可以创建一个本地网页文件的 存储地址，规划好站点后即可开始创建站点。 网页和网站的基础知识。 存储地址，规划好站点后即可开始创建站点。 网页和网站的基础知识
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
2.3.3 打开和保存网页文档
在Dreamweaver CS3中要打开现有的网页文档，可以选择【文件】|【打 开】命令或按下Ctrl+O键。启动Dreamweaver CS3时，在显示页面左侧的【 打开最近的项目】列表中，可以打开最近打开的文档。
Dreamweaver CS3是Adobe公司最新推出的网页制作软件，用于对网站、 网页和Web应用程序进行设计、编码和开发，广泛用于网页制作和网站管理 。
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
/edu /edu :::::
2.3.2 创建模板网页文档
Dreamweaver模板是一种特殊类型的文档，用于创建具有相同页面布局 的统一页面。要创建模板网页文档，选择【文件】|【新建】命令，打开【 新建文档】对话框，选择【示例中的页】选项卡，在【示例文件夹】列表框 中选择【起始页(主题)】选项，在右边的列表框中选择任意模板网页，单击 【创建】按钮，即可创建一个模板网页文档。
在Dreamweaver CS3中创建空白网页文档，选择【文件】｜【新建】命 令，或按下Ctrl+N键，打开【新建文档】对话框。选择【空白页】选项卡， 在【页面类型】列表框中选择HTML选项，在【布局】列表框中选择【无】选 项，单击【创建】按钮，即可创建一个空白网页文档。
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
本 章 重 点
规划站点 创建本地站点 管理站点 使用站点地图 网页文档的基本操作
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
2.2.2 使用高级面板创建本地站点
使用高级面板创建本地站点，选择【站点】|【管理站点】命令，打开 【管理站点】对话框，单击【新建】按钮，在弹出的菜单中选择【站点】命 令，打开【站点定义为】对话框。单击【高级】选项卡，打开该选项卡对话 框。
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
2.3.2 Dreamweaver CS3的工作界面 CS3的工作界面
Dreamweaver CS3的工作界面秉承了Dreamweaver系列产品一贯的简洁、高效和 易用性，大多功能都能在工作界面中很方便地找到。它的工作界面主要由【文档】窗 口、【文档】工具栏、菜单栏、插入栏、面板组和【属性】面板组成。
站点的简介 规划站点
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
2.1.1 站点的简介
网站建立在互联网基础之上，是以计算机、网络和通信技术为依托，通 过一台或多台安装了系统程序、服务程序及相关应用程序的计算机，向访问 者提供相应的服务。 互联网中包括无数的网站和客户端浏览器，网站宿主于网站服务器中， 它通过存储和解析网页内容，向各种客户端浏览器提供信息浏览服务。通过 客户端浏览器打开网站中的某个网页时，网站服务软件会在完成对网页内容 的解析工作后，将解析的结构回馈给网络中要求访问该网页的浏览器。
:::::《计算机基础与实训教材系列》 :::::《计算机基础与实训教材系列》系列丛书官方网站
/edu /edu :::::
2.2 创建本地站点
在创建站点之前，一般在本地将整个网络完成，然后再将站点上传到 在创建站点之前，一般在本地将整个网络完成， Web服务器上 因此，在开始创建网页之前，最好的选择是用Dreamweaver 服务器上。 Dreamweaver建 Web服务器上。因此，在开始创建网页之前，最好的选择是用Dreamweaver建 立一个本地站点。 立一个本地站点。