第二章初学Dreamweaver演示文稿.PPTVIP

第2章 与Dreamweaver 8初次见面 熟悉Dreamweaver 8工作界面 网站创建与管理 网页文档基本操作 页面总体设置 2.1 熟悉Dreamweaver 8工作界面 2.1.1 标题栏和菜单栏 2.1.2 插入栏 2.1.3 文档标签与文档工具栏 1．文档标签 2．文档工具栏 2.1.4 状态栏 2.1.5 属性面板与面板组 2.1.6 调整Dreamweaver 8工作界面 2.2 网站创建与管理 2.2.1 确定网站结构 2.2.2 定义站点 2.2.3 管理站点 2.3 网页文档基本操作 2.3.1 网页文档和文件夹的命名规则 2.3.2 新建、打开和保存网页文档 2.3.3 预览和关闭网页文档 2.3.4 利用“文件”面板管理站点文件与文件夹 2.4 页面总体设置 2.4.1 设置页面属性 1．外观 2．链接 3．标题 4．标题/编码 5．跟踪图像 2.4.2 设置头信息 综合实例 定义站点“SM”并创建网页 * * Dreamweaver 8的工作界面由标题栏、菜单栏、插入栏、文档工具栏、文档窗口、状态栏、“属性”面板和面板组等组成。 标题栏位于界面顶部，左侧显示软件名称和文档标题，右侧显示程序窗口的控制按钮，包括“最小化窗口”按钮 、“最大化窗口”按钮 和“关闭窗口”按钮 。 菜单栏位于标题栏下方，其几乎集中了Dreamweaver 8的全部操作命令，利用这些命令可以编辑网页、管理站点以及设置操作界面等。 插入栏包含各种类型的对象按钮（如图像、表格和Flash动画等），通过单击这些按钮，可将相应的对象插入到文档中。默认状态下，插入栏中显示的是网页中最常用的对象按钮组，即“常用”插入栏。 文档标签位于插入栏下方，左侧显示当前打开的所有网页文档的名称，右侧显示当前文档对应的最小化 、向下还原 和关闭 按钮。当用户打开多个网页时，通过单击文档标签可在各网页之间切换。 文档工具栏位于文档标签下方，使用它可以切换网页视图、设置网页标题、检查浏览器支持、管理文件等。 状态栏位于文档窗口下方，它提供了与当前文档相关的一些信息。 “属性”面板位于文档窗口下方，主要用于查看或编辑所选对象的属性。例如，单击选中网页中的图像时，可以利用“属性”面板设置图像的路径、链接网页等；在表格单元格中单击时，可利用“属性”面板设置单元格中文字的格式，以及单元格的对齐方式和背景图像等。 在Dreamweaver中制作网页时，经常需要对其工作界面进行各种调整。为方便后面的操作，本节我们简单介绍一下Dreamweaver 8中面板的基本操作。 关于规划网站结构的相关知识，请参考本书1.3.1节内容。本节以规划播客网站为例，学习确定网站栏目和本地目录结构的方法。 规划好站点目录结构后，接下来需要在Dreamweaver中定义站点，即把在本地磁盘中创建的站点文件夹同Dreamweaver建立一定的关联，从而方便使用Dreamweaver管理站点和编辑站点内的网页文档，以及上传或下载站点内容等。 创建站点后，如果遇到了某些问题还可以对站点进行编辑，如修改站点属性、复制或删除站点等。 静态的首页文档一般命名为“index.html”。 最好不要使用中文命名网页文档和文件夹。 网页文档名中不要使用大写英文字母。 运算符符号不能用在文件名的开头。 比较长的网页文档名可以使用下划线“_”来隔开多个单词或关键字。 在大型网站中，分支页面的文件应存放在单独的文件夹中。 在动态网站中，用来存放数据库的文件夹一般命名为“data”或者“database”。 在Dreamweaver中新建、打开和保存网页文档的方法非常简单，本节来看具体操作。 在Dreamweaver中对网页文档进行编辑后，如果想查看其在浏览器中的效果，可对其执行预览操作。另外，对于编辑好的网页，可将其关闭。 利用“文件”面板可以非常高效地管理站点中的网页文档与文件夹。实际操作中，在定义站点后，我们通常利用该面板来创建、重命名或打开站点中的网页文档或文件夹。 当有多个站点时，可从该下拉列表中选择要进行操作的站点 要设置页面属性，可在不选择网页文档中任何对象的前提下，单击属性面板上的“页面属性”按钮，或者选择“修改”菜单下的“页面属性”命令，或按【Ctrl+J】组合键，打开“页面属性”对话框。 通过设置页面的“外观”选项，可以设置网页中文本的字体和字号、网页背景颜色或背景图像、网页页边距等。 在“页面属性”对话框中，单击左侧“分类”列表中的“链接”选项，可以设置网页中链接文本的字体、大小、颜色、下划线等选项。 在“页面属性”对话框中，单击左侧“分类”列表中的“标题”选项，可设置标题字体和各级标题的字号大