5.4 网页中文本、图像和动画元素教案.pptVIP

华东师范大学计算中心 5.4 网页中文本、图像和动画元素 1. 网页中的文本元素 2. 文本超级链接 3. 图像处理 4. 在网页中插入Flash动画及其他多媒体 5. 使用CSS样式控制站点风格 1. 网页中的文本元素 文字应尽量符合人们的阅读习惯 除一般文字外，网页中可能还会包含一些特殊文字 ，如换行符、不换行空格符、水平线等 插入文本和特殊字符 插入文本 在Dreamweaver 8中文本处理与在其他文字处理程序中基本一样 插入空格需全角 插入特殊字符 菜单【插入】?【HTML】?【特殊字符】 或者在【插入】工具栏选择【文本】工具栏，单击最右侧的插入特殊符号 添加可选的中文字体 选中文字后，在【属性】面板中【字体】列表中即可设置文字字体 如果所需字体不在【字体】列表中，可以在列表的最下方单击【编辑字体列表】命令，弹出【编辑字体列表】对话框进行添加 设置文本属性 文本格式分为字符格式和段落格式 字符格式包括：字符的字体、大小、颜色和样式等 段落格式包括：段落的对齐方式、项目符合和段落的缩进等 选中文字，在【属性工具栏】中进行属性设置 设置文本属性 某些简单的文本属性，可以直接通过HTML标记实现。如： B/B　　　 粗体　　　　HTML语言 I/I　　　　斜体　　　　HTML语言 U/U　　　加下划线　　HTML语言 EM/EM 　 表示强调，一般为斜体　　　　　　 STRONG/STRONG 表示特别强调，一般为粗体　　　 注意，如果同时还需设置其它属性，则需要借助CSS样式 设置文本属性 网页元素很多样式属性（如字体、颜色、大小等）的设置都是使用CSS样式来实现的 完成字体、颜色、大小等属性设置后，可以在【样式】选择框中找到一个名称类似“Style 1”的样式 在【CSS面板】中，可以看到该样式的各属性 当需要对样式进行修改时，如果明确CSS样式中各属性的含义，可以在【CSS面板】中直接设置。 2. 文本超级链接 超级链接的HTML标记为：a /a 根据指向目标不同，在一个网页文档中可以创建如下4种类型的链接。 链接到其他文档或文件（如图形、影片、PDF或声音文件）的链接 跳转至文档内的特定位置（命名锚记链接） 电子邮件链接，此类链接新建一个收件人地址已经填好的空白电子邮件 无址链接和脚本链接，此类链接能够在对象上附加行为，或者创建执行JavaScript代码的链接 “相对路径”和“绝对路径” 绝对路径 绝对路径提供所链接文档的完整URL，而且包括所使用的协议 如果需要链接到其他服务器上的文档，必须使用绝对路径 文档相对路径 省略掉对于当前文档和所链接的文档都相同的绝对URL部分，而只提供不同的路径部分 一般情况下，站内链接多使用文档相对路径，这样当网站移动时，链接不需要变化 站点根目录相对路径 使用从站点的根文件夹到文档的路径。用正斜杠（/）表示站点根文件夹 链接到其他文档或文件的链接 直接在【属性检查器】中设置链接和目标 常用目标选项：_blank、_parent、_self、_top 如果使用了框架集网页，也会出现各框架名 链接到其他文档或文件的链接 如果是链接到网站内其他网页需注意 应先保存新文件，再创建文档相对路径，因为如果没有一个确切的起点，文档相对路径无效。 否则，Dreamweaver将使用以 file:// 开头的临时绝对路径；当保存文件时，自动将其转换为相对路径 书签链接 当网页内容较多时，可以在网页内部的适当位置增加书签锚记，然后在网页其他位置插入书签超链接，并使书签指向该锚记。单击书签超链接可跳转到书签锚记处 第一步，创建书签锚记 选择【插入】工具栏的【常用】类别，单击【命名锚记】按钮，在弹出的【命名锚记】对话框中输入锚记名称 注意，锚记名称区分大小写 书签链接 第二步，创建书签超链接 选中需要创建书签超链接的对象（如文字），在【属性检查器】的链接中，输入符号“#”＋锚记名称 若要链接到当前文档中的名为“bottom”的锚记，输入#bottom 若要链接到同一文件夹内其他文档中的名为“bottom”的锚记，可输入filename.html#bottom 电子邮件链接 单击电子邮件链接后，将打开一个空白邮件信息窗口（如Outlook Express等） 在电子邮件消息窗口中，【收件人】框中自动为电子邮件链接中指定邮件地址 选择菜单【插入】?【电子邮件链接】，在弹出的【电子邮件链接】对话框中输入文本和Email地址 或者，直接在【属性检查器】的【链接】框中按“mailto:Email地址”规则输入，制作电子邮件链接 无址链接和脚本链接 无址链接是未指派的链接 无址链接用于向网页中的对象或文本附加行为 选择菜单【插入】?【超级链接】 ，链接内容为