网页元素的添加ppt课件.pptVIP

超级链接 链接是Internet的核心，没有链接，就没有World Wide Web 。 链接的类型有： 1、文字超级链接 2、图片超级链接 3、命名锚记 4、空链接 5、电子邮件链接 6、下载链接 文字超级链接 选中作链接文字 选定链接目标文档 图片超级链接 1．图像链接：选中图像，利用属性面板进行相关的设置即可。 2．图像映射：图像映射就是指在一幅图像中定义若干个区域（这些区域被称为热点），每个区域中指定一个不同的超链接，当单击不同的区域时可以跳转到相应的目标页面。 命名锚记 在网页重使用命名锚记主要有两个步骤： 创建命名锚记 链接命名锚记 创建命名锚记 在制作网页时，为了达到跳转到网页固定位置的目的，可以使用锚链接。通过对网页中指定位置的命名，利用超级链接打开目标网页时可直接跳转到相应的命名位置上。 链接命名锚记 创建好锚记之后，必须创建对应的超级链接源端点。 P47页 实例3.7 空链接 空链接是指没有指定目标文件的链接，这样的超链接在单击时不进行任何跳转。 为文本创建空链接时，只要先在文档窗口中选择文本，然后在“属性”面板中“链接”框中输入一个数值符“#”即可。建立空链接的目的就是为了应用行为，其他情况下不必建立。 电子邮件链接 电子邮件链接是指当浏览者单击该超链接时，系统会启动客户端电子邮件系统（如Outlook Express）并进入创建新邮件状态，使访问者能方便地撰写电子邮件。 创建电子邮件链接的步骤如下： ① 将光标定位到需要插入电子邮件链接的位置。 ② 选择菜单命令“插入 | 电子邮件链接”或单击“插入”栏“常用”类别中的 (电子邮件链接)按钮。 ③ 在弹出的“电子邮件链接”对话框中输入用于超链接的文本和收件人的电子邮件地址。 ④ 单击“确定”按钮。 【提示】 也可以按如下方法创建电子邮件链接：先选择要创建电子邮件链接的文本或图片，然后在“属性”面板的“链接”文本框中输入“mailto:（收件人的电子邮件地址）”。 * 根据三原色原理叠加后的单色形成了第三种颜色并脱离了原本的单色颜色更加丰富象征着产品在原有空间的组合中产生了突破性的变化 * 主讲：李玉娟 邮箱：267448939@ li8448@163.com 网页设计与制作 第三章：网页元素的添加 ---文字、图像和链接 本章主要介绍如何在网页中添加文字、图像并设置超级链接。重点介绍文本格式编排、CSS样式表的创建及其对版面的控制与美化，插入图像和建立超级链接，其中CSS样式表是本章的难点。 第三章：网页元素的添加 ---文字、图像和链接 插入文本 插入空格 文本格式编排 查找和替换 插入图像 设置超级链接 CSS样式表的应用 编辑文字 一个网页最离不开的是文字。文字是网页的灵魂，是构成网页的重要表达工具。 Dreamweaver的文本编辑方法与Word等程序相似，我们这里重点介绍的是Dreamweaver特有的文本编辑方法。 添加文本 直接输入方式 剪切、复制和粘贴方式 从其他文档中导入文本方式 注：在字符间添加空格 插入换行符和特殊字符 添加空格 Dreamweaver 8中的文档格式都是以HTML编码形式存在的，而HTML编码中只允许字符之间包含一个空格，所以在Dreamweaver 8中无论按多少次空格键都只会输入一个空格。  添加多个空格： 选择菜单“编辑|首选参数”，然后在“常规”类别中选中“允许多个连续的空格” 在“插入”栏中，选择“文本”子工具栏，然后单击“字符”按钮，在弹出的菜单中选择“不换行空格”命令； 按“ctrl+shift+space”组合键； 将输入法切换到全角状态，直接按space键。 插入水平线 水平线对于组织信息很有用。在页面上，可以使用一条或多条水平线以可视方式分隔文本和对象。在文档中插入水平线的方法很简单，只要将插入点放在要插入水平线的位置，然后执行下列操作之一： l??选择菜单命令“插入 | HTML | 水平线” l? 在“插入”栏的“HTML”类别中单击 （水平线）按钮 若要修改水平线，选择水平线后可利用“属性”面板根据需要对该水平线的属性进行修改。 插入日期 将当前日期插入到文档中，可以按如下方法操作。 ① 在“文档”窗口中，将插入点放在要插入日期的位置。 ② 选择菜单命令“插入 | 日期”或者在“插入”栏的“常用”类别中，单击 （日期）按钮。 ③ 在出现的“插入日期”对话框中（如图所示），选择星期格式、日期格式和时间格式。 ④ 如果希望在每次保存文档时都更新插入的日期，请选择“储