《Dreamweaver CS3网页制作实用教程第2章 Dreamweaver CS3的基本操作》由会员分享，可在线阅读，更多相关《Dreamweaver CS3网页制作实用教程第2章 Dreamweaver CS3的基本操作（16页珍藏版）》请在金锄头文库上搜索。
1、中文版中文版Dreamweaver CS3Dreamweaver CS3实用教程实用教程第2章 Dreamweaver CS3的基本操作 Dreamweaver CS3Dreamweaver CS3是一款专业的网页制作软件，可以制作单独的网页文是一款专业的网页制作软件，可以制作单独的网页文 件，但制作网页的根本目的是为了构建一个完成的网站。件，但制作网页的根本目的是为了构建一个完成的网站。DreamweaverDreamweaver既是既是 一个网页的创建和编辑工具，又是一个站点创建和管理的工具。因此，在创建一个网页的创建和编辑工具，又是一个站点创建和管理的工具。因此，在创建 网页之前必须规划
2、和设计好网站。本章主要讲述了网页之前必须规划和设计好网站。本章主要讲述了Dreamweaver CS3Dreamweaver CS3的一些的一些 基本操作，包括规划和创建站点以及网页文件的基本操作。基本操作，包括规划和创建站点以及网页文件的基本操作。中文版中文版Dreamweaver CS3Dreamweaver CS3实用教程实用教程教学重点与难点教学重点与难点uu 命令的使用命令的使用 uu 规划和创建站点规划和创建站点 uu 创建本地站点创建本地站点 uu 管理站点管理站点 uu Dreamweaver CS3Dreamweaver CS3网页文件的基本操作网页文件的基本操作 uu 使用
3、可视化向导使用可视化向导 uu 设置页面头部信息设置页面头部信息中文版中文版Dreamweaver CS3Dreamweaver CS3实用教程实用教程2.1 规划和创建站点 规划站点的目的在于明确创建站点的方向并采用的方法，同时也是确定本地规划站点的目的在于明确创建站点的方向并采用的方法，同时也是确定本地 站点所要实现的功能。规划时要明确网站的主题，搜集需要的信息等。规划站站点所要实现的功能。规划时要明确网站的主题，搜集需要的信息等。规划站 点主要是规划站点的结构。创建站点既可以创建一个网站，又可以创建一个本点主要是规划站点的结构。创建站点既可以创建一个网站，又可以创建一个本 地网页文件的存
4、储地址，规划好站点后即可开始创建站点地网页文件的存储地址，规划好站点后即可开始创建站点。uu 站点的概念站点的概念 uu 规划站点规划站点中文版中文版Dreamweaver CS3Dreamweaver CS3实用教程实用教程2.1.1 2.1.1 站点的概念站点的概念 网站建立在互联网基础之上，以计算机、网络和通信技术为依托，通过一台网站建立在互联网基础之上，以计算机、网络和通信技术为依托，通过一台 或多台安装了系统程序、服务程序及相关应用程序的计算机，向访问者提供相或多台安装了系统程序、服务程序及相关应用程序的计算机，向访问者提供相 应的服务。网站中的服务具体通过网页来实现，根据网站提供服
5、务的不同，网应的服务。网站中的服务具体通过网页来实现，根据网站提供服务的不同，网 站可分为政府网站、新闻网站、搜索网站、电子商务网站等。站可分为政府网站、新闻网站、搜索网站、电子商务网站等。中文版中文版Dreamweaver CS3Dreamweaver CS3实用教程实用教程2.1.2 规划站点 创建创建WebWeb站点的第一步是规划。为了使网站在完成后能够达到最佳效果站点的第一步是规划。为了使网站在完成后能够达到最佳效果 ，在利用，在利用Dreamweaver CS3Dreamweaver CS3建立任何建立任何WebWeb站点之前，应根据需求对站点的结站点之前，应根据需求对站点的结 构进
6、行设计与规划。构进行设计与规划。中文版中文版Dreamweaver CS3Dreamweaver CS3实用教程实用教程2.2 创建本地站点在创建站点之前，一般在本地将整个网络完成，然后再将站点上传到在创建站点之前，一般在本地将整个网络完成，然后再将站点上传到 WebWeb服务器上。因此，在开始创建网页之前，最好的选择是用服务器上。因此，在开始创建网页之前，最好的选择是用DreamweaverDreamweaver 建立一个本地站点。建立一个本地站点。uu 创建本地站点创建本地站点 uu 创建远程站点创建远程站点 uu 管理站点管理站点中文版中文版Dreamweaver CS3Dreamwea
7、ver CS3实用教程实用教程2.2.1 创建本地站点 创建本地站点，可以更好地利用站点对文件进行管理，尽可能地减少错创建本地站点，可以更好地利用站点对文件进行管理，尽可能地减少错 误，例如链接和路径出错等。创建本地站点，可以使用站点定义向导快速创建误，例如链接和路径出错等。创建本地站点，可以使用站点定义向导快速创建 。中文版中文版Dreamweaver CS3Dreamweaver CS3实用教程实用教程2.2.2 创建远程站点 设置站点远程信息的目的是使设置站点远程信息的目的是使Dreamweaver CS3Dreamweaver CS3能够向远程文件夹所在的能够向远程文件夹所在的 网站服
8、务器网站服务器( (远程站点远程站点) )上传或下载文件。在完成上传或下载文件。在完成DreamweaverDreamweaver站点的本地信息站点的本地信息 设置以后，就可以开始设置站点的远程文件夹设置以后，就可以开始设置站点的远程文件夹( (根据开发环境的不同，远程文根据开发环境的不同，远程文 件夹是存储用于进行测试、协作、生产、部署等文件的位置件夹是存储用于进行测试、协作、生产、部署等文件的位置) )。中文版中文版Dreamweaver CS3Dreamweaver CS3实用教程实用教程2.2.3 管理站点 创建好站点后，根据需要创建各频道、栏目文件夹等，对于创建好的站点，创建好站点后
9、，根据需要创建各频道、栏目文件夹等，对于创建好的站点， 也可以进行再次编辑，或删除和复制这些站点。也可以进行再次编辑，或删除和复制这些站点。中文版中文版Dreamweaver CS3Dreamweaver CS3实用教程实用教程2.3 网页文档的基本操作 创建了本地站点后，就可以创建文档并将保存在站点文件夹中。在创建和创建了本地站点后，就可以创建文档并将保存在站点文件夹中。在创建和 编辑文档时，编辑文档时，Dreamweaver CS3Dreamweaver CS3会自动生成文档的会自动生成文档的HTMLHTML代码和代码和JavaScriptJavaScript代代 码，使用码，使用Drea
10、mweaverDreamweaver代码编辑器可以测试和编辑这些代码。代码编辑器可以测试和编辑这些代码。Dreamweaver Dreamweaver CS3CS3提供了多种创建文档的方法，可以创建一个新的空白提供了多种创建文档的方法，可以创建一个新的空白HTMLHTML文档，或使用文档，或使用 模板创建新文档。同时，还提供了功能强大的模板创建新文档。同时，还提供了功能强大的“ “新建文档新建文档” ”对话框来满足用户创对话框来满足用户创 建不同类型的文档的需求。建不同类型的文档的需求。uu 创建网页文档创建网页文档 uu 打开和保存网页文档打开和保存网页文档中文版中文版Dreamweaver
11、 CS3Dreamweaver CS3实用教程实用教程2.3.1 创建网页文档 在在Dreamweaver CS3Dreamweaver CS3中创建网页文档，选择中创建网页文档，选择“ “文件文件” ”“ “新建新建” ”命令，或按下命令，或按下 Ctrl+NCtrl+N键，打开键，打开“ “新建文档新建文档” ”对话框，如图所示。选择对话框，如图所示。选择“ “空白页空白页” ”选项卡，在选项卡，在“ “页面页面 类型类型” ”列表框中选择列表框中选择HTMLHTML选项，在选项，在“ “布局布局” ”列表框中选择列表框中选择“ “无无” ”选项，单击选项，单击“ “创建创建” ”按按 钮
12、，即可创建一个空白网页文档，如图所示。钮，即可创建一个空白网页文档，如图所示。中文版中文版Dreamweaver CS3Dreamweaver CS3实用教程实用教程2.3.2 打开和保存网页文档 在使用在使用Dreamweaver CS3Dreamweaver CS3制作网页时，打开和保存文档是最常用的命令制作网页时，打开和保存文档是最常用的命令 。“打开”对话框 “另存为”对话框中文版中文版Dreamweaver CS3Dreamweaver CS3实用教程实用教程2.4 使用可视化向导 Dreamweaver CS3 Dreamweaver CS3提供了提供了“ “标尺标尺” ”、“ “
13、网格网格” ”和和“ “跟踪图像跟踪图像” ”3 3种可视化向导，用于种可视化向导，用于 辅助设计和估计网页在浏览器中的外观。辅助设计和估计网页在浏览器中的外观。 uu 使用使用“ “标尺标尺” ”和和“ “网格网格” ” u 使用使用“ “跟踪图像跟踪图像” ” uu 设置文档头部信息设置文档头部信息中文版中文版Dreamweaver CS3Dreamweaver CS3实用教程实用教程2.4.1 使用“标尺”和“网格” 在设计页面时需要设置页面元素的位置或对齐页面元素，在设计页面时需要设置页面元素的位置或对齐页面元素，Dreamweaver Dreamweaver CS3CS3提供了提供了
14、“ “标尺标尺” ”和和“ “网格网格” ”功能。选择功能。选择“ “查看查看” ”|“ |“标尺标尺” ”|“ |“显示显示” ”命令，可以在文档中命令，可以在文档中 显示显示“ “标尺标尺” ”，选择，选择“ “查看查看” ”|“ |“网格网格” ”|“ |“显示网格显示网格” ”命令，可以在网页文档中显示网格，命令，可以在网页文档中显示网格， 如图如图所示。重复操作，可以隐藏显示标尺和网格。所示。重复操作，可以隐藏显示标尺和网格。中文版中文版Dreamweaver CS3Dreamweaver CS3实用教程实用教程2.4.2 使用“跟踪图像” 在在Dreamweaver CS3Drea
15、mweaver CS3中，使用跟踪图像功能可以载入某个网页的布局中，使用跟踪图像功能可以载入某个网页的布局( (或图或图 片片) )，然后借助该网页的布局来安排正在制作的网页布局。选择，然后借助该网页的布局来安排正在制作的网页布局。选择“ “查看查看” ”|“ |“跟踪图跟踪图 像像” ”|“ |“载入载入” ”命令，打开命令，打开“ “选择图像源文件选择图像源文件” ”对话框，如图对话框，如图2-332-33所示。所示。 中文版中文版Dreamweaver CS3Dreamweaver CS3实用教程实用教程2.4.3 设置文档头部信息 每一个网页都是由每一个网页都是由HTMLHTML脚本所组成的脚本所组成的* *.html.html文件，一个完整的文件，一个完整的HTMLHTML网网 页文件包含页文件包含headhead和和bodybody两个部分，两个部分，headhead部分包括许多不可见的信息，例如语部分包括许多不可见的信息，例如语 言编码、版权声明、关键字等，使用言编码、版权声明、关键字等，使用Dreamweaver CS3Dreamweaver CS3，可以设置这些信息，可以设置这些信息 。
