第4章 网页的基本编辑.pptVIP

《网页制作基础教程（Dreamweaver CS5）》电子教案 第四章　在网页中创建文本 本章重点：文本的插入及属性设置、头部信息的插入及属性设置、插入水平线、注释、网格、标尺等，图像的插入、图文混排、图像的编辑。 　网页文本的输入和属性设置 插入文本 文件→导入 复制→粘贴或选择性粘贴 直接输入 　网页文本 1.分段与换行 按“回车键”进行文本分段 如果想在同一段落内进行换行，按“shift+回车键” 　网页文本 设置文本格式 Dreamweaver将CSS 属性检查器和 HTML 属性检查器集成为一个属性检查器。 在属性检查器中设置 HTML 格式 在属性检查器中编辑 CSS 规则 　网页文本 设置文本格式 1．在属性检查器中设置 HTML 格式 　“格式”：设置所选文本的段落样式 “ID”：为所选内容分配一个 ID “类”：显示当前应用于所选文本的类样式。 3.2　网页文本的输入和属性设置 设置文本格式 2．在属性检查器中编辑 CSS 规则 　“目标规则”：在“目标规则”弹出菜单中选择所要应用的规则。 “编辑规则”：打开目标规则的“CSS 规则定义”对话框 “CSS 面板”：打开“CSS 样式”面板并在当前视图中显示目标规则的属性。 　网页文本 文本字体设置 在“属性检查器”中设置 字体格式 “格式”菜单—“字体” 　网页文本 文本段落设置 3. 段落对齐 “格式”菜单 —“对齐”，选择对齐方式 　网页文本 设置头部信息 1. 插入“meta” “插入”菜单 —“HTML” —“文件头标签” —“meta” “插入”面板—“常用”子面板—“文件头” —“meta” 　网页文本 1. 插入“网格” “查看”菜单 —“网格设置” —“显示网格” 设置网格属性 5　使用图像与多媒体丰富网页内容 网页图像格式 网络上支持的图像格式有3种： GIF, JPEG和PNG GIF→对色彩要求不高的地方可使用 JPEG→用于色彩丰富的图片 PNG→保留所有原始层、矢量、颜色和效果信息。 5　使用图像与多媒体丰富网页内容 插入图像 插入→图像 插入面板→常用→图像 直接将图像文件拖入编辑区 注意： 在插入图像前应先将网页文件已保存，从而使所插图像引用正确。 图像插入网页后，应确定图像文件已存入站点，否则在下次打开网页时，会出现看不到图像的情况。 5　使用图像与多媒体丰富网页内容 设置图像的属性 图像→设置的名称 宽、高→可缩小和放大图片的显示尺寸。 源文件→图片的路径和名称。 链接→图像超链接的URL地址。 替代→图像的说明文字 5　使用图像与多媒体丰富网页内容 设置图像的属性 编辑→可打开外部编辑器进行图片的编辑。（默认为Fireworks） 垂直边距和水平边距→图片四周突出的尺寸 低品质源→原图的低品质替换图形 边框→图片是否要加边框 对齐→在一行中图形和文本的对齐方式 地图→创建热区的工具 5　使用图像与多媒体丰富网页内容 插入图像占位符 “插入”菜单→“图像对象”→“图像占位符” “插入面板”→“常用”→“图像”→“图像占位符” 5????图文混排—我与足球 实例综述 　　 3.1????图文混排—我与足球 3.1.2 案例分析 在制作网页时，大致需要以下几下环节： 新建或打开网页 设置页面属性 设置头部信息 规划页面布局 添加页面元素 制作超链接 保存网页 3.1????图文混排—我与足球 3.1.3 实现步骤 1、新建或打开网页 2、设置页面属性 3、设置头部信息 插入作者信息 插入“关键字” 插入“说明” 插入“刷新” 4、规划页面布局 5、添加页面元素 （1）插入文本 （2）插入图像 （3）图像文字的混排 （4）图像的编辑 6、设置超链接 7、保存网页 列表嵌套 网页制作基础教程 * 主讲：刘丽杰 2. 空格 在全角模式内输入 Ctrl+shift+回车键：只能输入一个空格 在“首先参数”的“常规”选项卡中选中“允许多个连续空格” 3.特殊符号 “插入”菜单—“HTML” —“特殊字符” “插入面板组” —“文本” —“字符” ，单击小三角，可以打开特殊字符 插入特殊符号 文本段落设置 1.设置段落格式 “格式”菜单 —“段落格式” “HTML”标签中选择“格式” 2. 段落缩进 “格式”菜单 —“缩进” 将光标放在预编辑的段落中，单击鼠标右键，在“列表”中选择“缩进” 4. 项目列表和编号列表 “格式”菜单 —“列表”，选择“项目列表”或者“编号列表” 在需要添加列表的段落中，单击鼠标右键，在“列表”中选择“项目列表”或者“编号列表” 2. 插入“关键字”：设置关键字后，搜索引擎可以在网络中快速检