网页中文本图像和动画元素ppt课件.ppt

《 网页中文本图像和动画元素ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、5.4网页中文本、图像和动画元素1.网页中的文本元素2.文本超级链接3.图像处理4.在网页中插入Flash动画及其他多媒体5.使用CSS样式控制站点风格1华东师范大学计算中心1.网页中的文本元素文字应尽量符合人们的阅读习惯除一般文字外，网页中可能还会包含一些特殊文字，如换行符、不换行空格符、水平线等2华东师范大学计算中心插入文本和特殊字符插入文本在Dreamweaver8中文本处理与在其他文字处理程序中基本一样插入空格需全角插入特殊字符菜单【插入】【HTML】【特殊字符】或者在【插入】工具栏选择【文本】工具栏，单击最右

2、侧的插入特殊符号3华东师范大学计算中心添加可选的中文字体选中文字后，在【属性】面板中【字体】列表中即可设置文字字体如果所需字体不在【字体】列表中，可以在列表的最下方单击【编辑字体列表】命令，弹出【编辑字体列表】对话框进行添加已添加字体可添加字体4华东师范大学计算中心设置文本属性文本格式分为字符格式和段落格式字符格式包括：字符的字体、大小、颜色和样式等段落格式包括：段落的对齐方式、项目符合和段落的缩进等选中文字，在【属性工具栏】中进行属性设置5华东师范大学计算中心设置文本属性某些简单的文本属性，可以直接通过HTML标记实现。

3、如：　　　粗体　　　　HTML语言　　　　斜体HTML语言　　　加下划线HTML语言　表示强调，一般为斜体表示特别强调，一般为粗体注意，如果同时还需设置其它属性，则需要借助CSS样式6华东师范大学计算中心设置文本属性网页元素很多样式属性（如字体、颜色、大小等）的设置都是使用CSS样式来实现的完成字体、颜色、大小等属性设置后，可以在【样式】选择框中找到一个名称类似“Style1”的样式在【CSS面板】中，可以看到该样式的各属性当需要

4、对样式进行修改时，如果明确CSS样式中各属性的含义，可以在【CSS面板】中直接设置。7华东师范大学计算中心2.文本超级链接超级链接的HTML标记为：根据指向目标不同，在一个网页文档中可以创建如下4种类型的链接。链接到其他文档或文件（如图形、影片、PDF或声音文件）的链接跳转至文档内的特定位置（命名锚记链接）电子邮件链接，此类链接新建一个收件人地址已经填好的空白电子邮件无址链接和脚本链接，此类链接能够在对象上附加行为，或者创建执行JavaScript代码的链接8华东师范大学计算中心“相对路径”和“绝对路径”绝对

5、路径绝对路径提供所链接文档的完整URL，而且包括所使用的协议如果需要链接到其他服务器上的文档，必须使用绝对路径文档相对路径省略掉对于当前文档和所链接的文档都相同的绝对URL部分，而只提供不同的路径部分一般情况下，站内链接多使用文档相对路径，这样当网站移动时，链接不需要变化站点根目录相对路径使用从站点的根文件夹到文档的路径。用正斜杠（/）表示站点根文件夹9华东师范大学计算中心10华东师范大学计算中心链接到其他文档或文件的链接直接在【属性检查器】中设置链接和目标常用目标选项：_blank、_parent、_self、_top如

6、果使用了框架集网页，也会出现各框架名11华东师范大学计算中心链接到其他文档或文件的链接如果是链接到网站内其他网页需注意应先保存新文件，再创建文档相对路径，因为如果没有一个确切的起点，文档相对路径无效。否则，Dreamweaver将使用以file://开头的临时绝对路径；当保存文件时，自动将其转换为相对路径临时绝对路径站内链接的相对路径12华东师范大学计算中心书签链接当网页内容较多时，可以在网页内部的适当位置增加书签锚记，然后在网页其他位置插入书签超链接，并使书签指向该锚记。单击书签超链接可跳转到书签锚记处第一步，创建书签锚

7、记选择【插入】工具栏的【常用】类别，单击【命名锚记】按钮，在弹出的【命名锚记】对话框中输入锚记名称注意，锚记名称区分大小写13华东师范大学计算中心书签链接第二步，创建书签超链接选中需要创建书签超链接的对象（如文字），在【属性检查器】的链接中，输入符号“#”＋锚记名称若要链接到当前文档中的名为“bottom”的锚记，输入#bottom若要链接到同一文件夹内其他文档中的名为“bottom”的锚记，可输入filename.html#bottom14华东师范大学计算中心电子邮件链接单击电子邮件链接后，将打开一个空白邮件信息窗口（如

8、OutlookExpress等）在电子邮件消息窗口中，【收件人】框中自动为电子邮件链接中指定邮件地址选择菜单【插入】【电子邮件链接】，在弹出的【电子邮件链接】对话框中输入文本和Email地址或者，直接在【属性检查器】的【链接】框中按“mailto:Email地址”规则输入，制作电子邮件链接15华东师范