网页设计与网站建设第二章ppt课件.ppt

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