第3章创建和编辑网页文档.ppt

3.1 建立站点 3.2 创建网页文档 3.3 页面中的图像 3.4 页面中的文本 3.5 网页链接 插入及编辑文本 不同的字体效果 插入及编辑文本 不同字号的文字 插入及编辑文本 不同的格式 文本的段落编辑 不同的对齐方式 文本的段落编辑 缩进文本 列表 无序列表 有序列表 多级列表 网页链接 链接的路径 创建内部链接 创建外部链接 编辑链接 站点地图 链接的路径 绝对路径 文档相对路径 站点根目录相对路径 创建内部链接 创建链接 创建内部链接 “选择文件”对话框 设置链接格式 创建外部链接 与外部网站链接 创建外部链接 创建E-mail链接 3.* ? 2007 第3章 创建和编辑网页文档 返回总目录 第3章创建和编辑网页文档 了解创建站点的过程 了解如何创建网页文档 了解如何处理网页中的图像 了解如何处理网页中的文本 了解网页中的链接 教学目的 ? 建立站点 ? 创建网页文档 ? 页面中的图像 本章内容 ? 页面中的文本 ? 页面中的链接 本地文件夹和远程文件夹的结构 建立站点 Dreamweaver 8站点简介 建立站点 Dreamweaver 8站点简介 Dreamweaver 站点由三部分（或文件夹）组成，具体取决于开发环境和所开发的 Web 站点类型： 本地文件夹是工作目录 远程文件夹是存储文件的位置 测试服务器文件夹是 Dreamweaver 处理动态页的文件夹 本地文件夹和远程文件夹的结构 本地文件夹与远程文件夹结构示意图 本地文件夹和远程文件夹的结构 远程站点与本地站点 建立站点 建立站点 站点定义 建立站点 选择服务器技术 建立站点 文件编辑方式 建立站点 选择测试文件 建立站点 站点信息 建立站点 站点 新建空白文档 建立模板页面 保存页面 预览页面 创建网页文档 新建空白文档 新建HTML页 新建空白文档 页面属性 建立模板页面 利用模板创建网页 保存页面 保存网页 预览页面 站点建立并保存后，可以选择“文件”→“在浏览器中预览”→“在IE浏览器中预览”命令预览建立的网页。 在IE中预览网页 页面中的图像 插入图像 设置图像属性 为图像设置热点 鼠标经过图像 插入图像 插入图像的操作步骤： 在文档窗口中，将插入点放置在要显示图像的地方，在插入栏单击“图像”图标。 选择“文件系统”以选择一个图形文件。 选择“数据源”以选择一个动态图像源文件。 预览页面 插入图像 设置图像属性 为图像设置热点 绘制多边形热点工具 为图像设置热点 多边形热点选取区域 为多边形热点链接选择文件 鼠标经过图像 交互图片 保存页面 选择“插入”→“图像对象”→“鼠标经过图像”命令 选择“鼠标经过图像”命令 “插入鼠标经过图像”对话框 页面中的文本 插入及编辑文本 文本的段落编辑 列表 插入及编辑文本 文本属性 编辑字体列表 插入及编辑文本 不同字体的表现效果