网页的基本编辑.ppt

网页制作基础教程 DreamweaverCS4 电子教案 葛艳玲主编 ISBN978 7 121 15403 4 第三章网页的基本编辑 本章重点 文本的插入及属性设置 图像的插入及属性设置 图文混排 图像的编辑 第三章网页的基本操作 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和PNGGIF 对色彩要求不高的地方可使用JPEG 用于色彩丰富的图片PNG 保留所有原始层 矢量 颜色和效果信息 3 3网页图片的插入与属性设置 3 3 2插入图像插入 图像插入面板 常用 图像直接将图像文件拖入编辑区注意 在插入图像前应先将网页文件已保存 从而使所插图像引用正确 图像插入网页后 应确定图像文件已存入站点 否则在下次打开网页时 会出现看不到图像的情况 3 3图片的插入与属性 3 3 3设置图像的属性图像 设置的名称宽 高 可缩小和放大图片的显示尺寸 源文件 图片的路径和名称 链接 图像超链接的URL地址 替代 图像的说明文字 3 3图片的插入与属性 3 3 3设置图像的属性编辑 可打开外部编辑器进行图片的编辑 默认为Fir