ch02创建和管理站点

1、计算机基础与实训教材系列中文版Dreamweaver实用教程1第 二 章创建和管理站点2:计算机基础与实训教材系列系列丛书官方网站 edu :学 习 目 标在建立网站之前，首先应设计和规划好整个站点，继而才能进行具体的网页制作过程。创建好一个本地站点后，可以进行管理站点操作，还可以创建文档并将其保存在站点文件夹中。本章将主要介绍使用不同的方法创建和管理站点的方法，创建不同类型文档的方法以及网页制作的常用操作。本 章 重 点 创建本地站点 管理本地站点 网页文档的基本操作 设置文档视图 2.1 创建和管理本地站点在Dreamweaver CS4中，可以创建本地站点，本地站点也就是在本地计算机中创

2、建的站点，所有的站点内容都保存在本地计算机中，本地计算机可以看成是网络中的站点服务器。创建本地站点后，可以管理创建的站点，并且可以再次编辑创建的站点。在创建站点之前，可以先规划好站点，明确创建站点的方向并采用的方法，同时也是确定本地站点所要实现的功能。站点的简介 规划站点:计算机基础与实训教材系列系列丛书官方网站 edu :2.1.1 站点的简介网站建立在互联网基础之上，是以计算机、网络和通信技术为依托，通过一台或多台安装了系统程序、服务程序及相关应用程序的计算机，向访问者提供相应的服务。:计算机基础与实训教材系列系列丛书官方网站 edu :2.1.2 规划站点规划时要明确网站的主题，搜集需要

3、的信息等。规划站点主要是规划站点的结构。创建站点既可以创建一个网站，又可以创建一个本地网页文件的存储地址，规划好站点后即可开始创建站点。:计算机基础与实训教材系列系列丛书官方网站 edu :2.1.3 创建本地站点在创建站点之前，一般在本地将整个网络完成，然后再将站点上传到Web服务器上。创建本地站点可以使用向导创建也可以使用高级面板创建。:计算机基础与实训教材系列系列丛书官方网站 edu :2.1.4 管理本地站点创建好本地站点后，可以进行一些基本的编辑操作，例如重新编辑本地站点保存位置、名称、删除创建的本地站点等。:计算机基础与实训教材系列系列丛书官方网站 edu :2.1.5 创建本地站

4、点文件创建好本地站点后，可以根据需要创建各栏目文件夹和文件，对于创建好的站点，也可以进行再次编辑，或删除和复制这些站点。:计算机基础与实训教材系列系列丛书官方网站 edu :2.2 网页文档的基本操作创建了本地站点后，就可以创建文档并将保存在站点文件夹中。Dreamweaver CS4提供了多种创建文档的方法，可以创建一个新的空白HTML文档，或使用模板创建新文档。同时，还提供了功能强大的【新建文档】对话框来满足用户创建不同类型的文档的需求。创建空白网页文档 打开和保存网页文档设置网页文档属性 设置网页文档头部信息:计算机基础与实训教材系列系列丛书官方网站 edu :2.2.1 创建空白网页文

5、档要使用Dreamweaver CS4创建空白网页文档，可以选择【文件】【新建】命令，或按下Ctrl+N键，打开【新建文档】对话框。在左侧的列表框中选择【空白页】选项，在【页面类型】列表框中选择HTML选项，在【布局】列表框中选择【无】选项，单击【创建】按钮，即可创建一个空白网页文档。:计算机基础与实训教材系列系列丛书官方网站 edu :2.2.2 打开和保存网页文档在使用Dreamweaver CS4制作网页时，创建好所需类型的网页文档后，可以对网页文档进行适当的编辑操作，打开和保存文档是最常用的命令。:计算机基础与实训教材系列系列丛书官方网站 edu :2.2.3 设置网页文档属性网页文档

6、的属性主要包括页面标题、背景图像、背景颜色、文本和链接颜色、边距等。其中，【页面标题】确定和命名了文档的名称，【背景图像】和【背景颜色】决定了文档显示的外观，【文本颜色】和【链接颜色】帮助站点访问者区别文本和超文本链接等。:计算机基础与实训教材系列系列丛书官方网站 edu :2.2.4 设置网页文档头部信息每一个网页都是由HTML脚本所组成的*.html文件，一个完整的HTML网页文件包含head和body两个部分，head部分包括许多不可见的信息，例如语言编码、版权声明、关键字等。:计算机基础与实训教材系列系列丛书官方网站 edu :2.3 设置视图在Dreamweaver CS4中，可以根

7、据需要切换【设计】、【代码】和【拆分】等视图，还可以使用标尺和网格来精确定位网页文档中的元素。此外，还延续了先前产品中的跟踪图像功能，可以参照跟踪图像设计网页文档内容。切换文档视图 使用可视化助理 使用跟踪图像 :计算机基础与实训教材系列系列丛书官方网站 edu :2.3.1 切换文档视图文档窗口显示了当前文档，选择【查看】命令，在下拉菜单中文档视图，可以选择【设计】视图、【代码】视图、【拆分代码】视图、【代码】和【设计】视图。此外，还可以使用【实时视图】和【实时代码】视图。 :计算机基础与实训教材系列系列丛书官方网站 edu :3.3.2 使用可视化助理Dreamweaver CS4提供了【标尺】和【网格】功能，用于辅助设计网页文档。【标尺】功能可以辅助测量、组织和规划布局。【网格】功能可以绝对定位的网页元素在移动时自动靠齐网格，还可以通过指定网格设置更改网