第3章节节网页的基本编辑.pptVIP

《网页制作基础教程（Dreamweaver CS4）》电子教案 第三章　网页的基本编辑 本章重点：文本的插入及属性设置、图像的插入及属性设置、图文混排、图像的编辑。 第三章　网页的基本操作 3.1?????? 图像文字的混排—我与足球 3.2???? 网页文本的输入和属性设置 3.3????　网页图片的插入和属性设置 3.1????图文混排—我与足球 3.1.1 实例综述 　　 3.1????图文混排—我与足球 3.1.2 案例分析 在制作网页时，大致需要以下几下环节： 新建或打开网页 设置页面属性 设置头部信息 规划页面布局 添加页面元素 制作超链接 保存网页 3.1????图文混排—我与足球 3.1.3 实现步骤 1、新建或打开网页 2、设置页面属性 3、设置头部信息 插入作者信息 插入“关键字” 插入“说明” 插入“刷新” 4、规划页面布局 5、添加页面元素 （1）插入文本 （2）插入图像 （3）图像文字的混排 （4）图像的编辑 6、设置超链接 7、保存网页 3.2　网页文本的输入和属性设置 3.2.1 插入文本 文件→导入 复制→粘贴或选择性粘贴 直接输入 3.2　网页文本的输入和属性设置 3.2.2 插入特殊符号 1.换行 Enter→分段（隔一行） Shift+Enter→换行（不分段） 2.输入网页中的空格 汉字输入状态下输入 属性面板→格式→预先格式化的 Shift+Ctrl+空格 编辑→首选参数→常规→允许多个连续的空格 3.2　网页文本的输入和属性设置 3.2.2 插入特殊符号 3.插入特殊字符 选择菜单栏“插入记录”|“HTML”|“特殊字符”，从子菜单中选择要插入的特殊字符名称。 在“插入”工具栏的“文本”类别中，单击“字符”按钮，从弹出的子菜单中选择一种字符。 如果在子菜单中没有找到需要插入的特殊字符，可以单击“其他字符”图标，打开“插入其他字符”对话框，这里提供了更多的可选择的特殊字符。 3.2　网页文本的输入和属性设置 3.2.3 设置文本格式 Dreamweaver将CSS 属性检查器和 HTML 属性检查器集成为一个属性检查器。 在属性检查器中设置 HTML 格式 在属性检查器中编辑 CSS 规则 3.2　网页文本的输入和属性设置 3.2.3 设置文本格式 1．在属性检查器中设置 HTML 格式 　“格式”：设置所选文本的段落样式 “ID”：为所选内容分配一个 ID “类”：显示当前应用于所选文本的类样式。 3.2　网页文本的输入和属性设置 3.2.3 设置文本格式 2．在属性检查器中编辑 CSS 规则 　“目标规则”：在“目标规则”弹出菜单中选择所要应用的规则。 “编辑规则”：打开目标规则的“CSS 规则定义”对话框 “CSS 面板”：打开“CSS 样式”面板并在当前视图中显示目标规则的属性。 3.3　网页图片的插入与属性设置 3.3.1 网页图像格式 网络上支持的图像格式有3种： GIF, JPEG和PNG GIF→对色彩要求不高的地方可使用 JPEG→用于色彩丰富的图片 PNG→保留所有原始层、矢量、颜色和效果信息。 3.3　网页图片的插入与属性设置 3.3.2 插入图像 插入→图像 插入面板→常用→图像 直接将图像文件拖入编辑区 注意： 在插入图像前应先将网页文件已保存，从而使所插图像引用正确。 图像插入网页后，应确定图像文件已存入站点，否则在下次打开网页时，会出现看不到图像的情况。 3.3　图片的插入与属性 3.3.3 设置图像的属性 图像→设置的名称 宽、高→可缩小和放大图片的显示尺寸。 源文件→图片的路径和名称。 链接→图像超链接的URL地址。 替代→图像的说明文字 3.3　图片的插入与属性 3.3.3 设置图像的属性 编辑→可打开外部编辑器进行图片的编辑。（默认为Fireworks） 垂直边距和水平边距→图片四周突出的尺寸 低品质源→原图的低品质替换图形 边框→图片是否要加边框 对齐→在一行中图形和文本的对齐方式 地图→创建热区的工具 网页制作基础教程 * 葛艳玲　主编 ISBN978-7-121-15403-4 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose P