输入与编辑基本网页元素.pptVIP

第3章输入与编辑基本网页元素 输入与编辑文本应用图像 3 1输入与编辑文本 3 1 1输入文本 在Dreamweaver中输入文本的方法非常简单 只要将插入点定位在网页的某个位置 然后输入文本就可以了 此外 用户还可以利用剪贴板将外部文本拷贝到网页中 然后设置其格式和各种属性 3 1 2设置文本的段落格式和字符格式 Dreamweaver中的文本格式设置与标准字处理程序 如Word 类似 用户可以利用 属性 面板为文本设置默认格式化样式 段落 标题1 标题2等 或者直接设置所选文本的字体 大小 颜色 粗体 斜体 对齐方式和列表方式等 1 设置字体列表 Dreamweaver中自带的字体有限 一般满足不了大多数网页设计者的需求 我们可以通过设置字体列表来解决这一问题 选择字体 单击添加字体 2 设置文本字体及大小 学会设置字体列表后 就可以随心所欲地设置文本的字体了 下面就来学习在 属性 面板中设置文本字体及大小的方法 拖动鼠标选中文本 设置字体 大小等属性 3 设置段落缩进 通过设置段落缩进格式 可以更好地布局文档 将插入点置于需要设置段落缩进的任意段落中 然后在 属性 面板的 格式 下拉列表中选择 段落 选项 单击 文本凸出 按钮可使段落凸出 单击 文本缩进 按钮可使段落缩进 4 设置列表项 列表分为项目列表和编号列表 项目列表常应用在 列举 类型的文本中 编号列表常应用在 条款 类型的文本中 这种方式使得文本更直观 明了 选中所要设置的文本 然后单击属性面板上的 项目列表 按钮 即可设置列表项 课堂练习1设置 公司介绍 网页文本 在学习了文本的输入和格式设置方法后 下面通过一个小例子来练习和巩固一下这些知识 3 1 3插入水平线和特殊字符 1 水平线 水平线对于组织信息和区分版块很有帮助 要插入水平线 可以选择 插入 HTML 水平线 菜单 2 插入特殊字符 要插入特殊字符 可以选择 插入 HTML 特殊字符 菜单 然后在弹出的菜单中选择相应的特殊字符 如果在 特殊字符 菜单下没有找到需要的特殊字符 可以通过选择该菜单中最下面的 其他字符 命令打开 插入其他字符 对话框 3 2应用图像 目前在网页中可以使用的图像包括JPEG GIF和PNG格式 下面分别列出了它们各自的特点 JPEG 联合图像专家组标准 格式 适于表现色彩丰富 具有连续色调的图像 如各种照片 GIF 图形交换格式 格式 最多只能包含256种颜色 适合表现色调不连续或具有大面积单一颜色的图像 PNG 便携网络图像 格式 集JPEG和GIF格式的优点于一身 既能处理照片式的精美图像 又能包含透明区域 且可以包含图层等信息 是Fireworks的默认图像格式 3 2 1插入与编辑图像 在Dreamweaver中插入图像的方法非常简单 在确定图像插入点后 单击 常用 插入栏中的 图像 按钮 打开 选择图像源文件 对话框 从中选择要插入的图像 然后单击 确定 按钮即可 3 2 2使用图像占位符 图像占位符的用法非常简单 选择 插入 图像对象 图像占位符 菜单 打开 图像占位符 对话框 然后设置其名称 尺寸 颜色和替换文本 最后单击 确定 按钮 在指定位置插入一个图像的临时替代对象 3 2 3制作鼠标经过图像 在网页中经常可以看到这种情况 当鼠标移动到某一图像上时 图像变成了另一幅图像 而当鼠标移开时 又恢复成原来的图像 这就是我们通常所说的鼠标经过图像 课堂练习2为 macaco 网页制作交互式导航条