多媒体网页设计教程 教学课件 朱国华 ch07.pdf

第7章 网页基本元素 张睿萍 张睿萍 本章要点 • 文本和图像的插入和编辑 • 插入flash动画、音频和视频 • 创建超级链接 • 创建表单 多媒体网页设计 目录 7.1 文本 7.2 图像 7.3 Flash动画 7.4 插入导航条 7.5 音频与视频 7.6 创建超链接 7.7 表单 多媒体网页设计 7.1 文本 7.1.1 插入文本 7.1.2 设置文字属性 7.1.3 设置段落属性 多媒体网页设计 7.1.1 插入文本 1. 在字符之间添加空格 • 按 Ctrl+Shift+ 空格键。 • 选择【插入】→【HTML】→【特殊字符】→【不换行空格】。 • 在“插入”栏中的“文本”选项卡中，单击“字符”按钮并选择“不换行空 格” 图标。 2. 换行 3. 插入特殊字符 4. 创建项目列表和编号列表 • 单击“属性” 面板中的“项目列表”按钮或“编号列表”按钮。 • 单击【文本】→【列表】，根据需要选择“项目列表”或“编号列表” 。 【案例7.1】 多媒体网页设计 7.1.2 设置文字属性 1. 更改字体 2. 更改字号 3. 更改字体颜色 4. 更改字体样式 （粗体、斜体、下划线等） 多媒体网页设计 7.1.3 设置段落属性 1. 对齐文本 2. 缩进文本 3. 设置段落格式 4. 添加水平线和时间 【案例7.2】对案例7.1所创建的网页，设置文本属性。 多媒体网页设计 7.2 图像 7.2.1 插入图像 7.2.2 编辑图像 7.2.3 插入鼠标经过图像 多媒体网页设计 7.2.1 插入图像 • 在“插入”栏的“常用”选项卡中，单击“ 图像” 图 标；或者将该图标直接拖动到“文档” 窗口中。 • 执行【插入记录】→【图像】。 • 将图像从本地硬盘资源窗口中拖动到“文档” 窗口中的所需位置。 多媒体网页设计 7.2.2 编辑图像 选中已经插入的图像，可以对图像进行移动、 复制和删除操作，也可拖动周围锚点调整图 像大小。 还可以在图像“属性” 面板中，对图像进行编 辑。 图像“属性”面板 【案例7.3】在网页中添加图像并设置属性。 多媒体网页设计 7.2.3 插入