第4章网页中的基础元素YS.pptVIP

第1章 网页设计概述 　第2章 HTML语言基础 　　第3章 Dream weaver 基础 　　　第4章 网页中的基础元素 　　　　第5章 网页页面布局 　　　　　第6章 网页中的层和时间轴 　　　　　　第7章 表单的应用 第8章 在网页中使用行为 　第9章 CSS样式使用 　　第10章 网页中的多媒体应用 　　　第11章 模板和库 　　　　第12章 站点测试和发布 　　　　　第13章 Flash 简介 　　　　　　第14章 Fireworks 简介 4.1 在网页中插入文本 4.2 在网页插入图像 4.3 插入其他网页元素 4.4 设置网页的页面属性 4.5 设置超级链接 本章小结 关于设置文本格式 设置文本格式有两种方法： 使用HTML标签格式化文本 使用层叠样式表（CSS） 使用HTML标签和CSS都可以控制文本属性，包括特定字体和字大小；粗体、斜体、下划线；文本颜色等。两者区别在于，使用HTML标签仅仅对当前应用的文本有效，当改变设置时，无法实现文本自动更新。而CSS则不同，通过CSS事先定义好文本样式，当改变CSS样式表时，所有应用该样式的文本将自动更新。此外，使用 CSS 能更精确地定义字体的大小，还可以确保字体在多个浏览器中的一致性。 默认情况下，Dreamweaver CS8 使用 CSS 而不是HTML标签指定页面属性。CSS功能强大，除控制文本外，CSS还可以控制网页中的其他元素。 4.5 设置超级链接 超链接是指从一个对象指向另一个对象的指针，它可以是网页中的一段文字也可以是一张图片，甚至可以是图片中的某一部分。它允许我们同其它站点、网页、图片、文件等进行连接，从而使Internet上的信息构成一个有机的整体。 根据链接方式的不同超链接可分为：绝对路径连接、相对路径连接两种。而根据链接对象的不同超链接又可分为：与本地网页文档的链接、与外部网站网页的链接、本文本命名锚链接、图像热区链接、电子邮件链接、下载链接，空链接等。 超链接的各种使用 6. 如果要建立指向其他页面某处的文本，格式为： a href=URL#书签名 热点 /a 要在跳转到的位置处加上链接标记： a name=书签名 文字串 /a 7. 如果链接指向其他文件的某一部分，格式为： a href=目标文件路径/文件名#记号名 热点 /a 8. 如果不链接到其他任何位置的空超链接，但鼠标移入可提示小手。格式为： 可用“#”代替URL： a href=# 热点 /a 9.链接到别的网站的某个网页，格式为： a href=/ 中国青年网/a 超链接的各种使用 10. 指向下载文件的链接 如果链接到的文件不是浏览器能够解析的文件，则该文件将作为下载文件，其格式为： a href=下载文件名 热点 /a 11. 指向电子邮件的链接 如果连接到电子邮件的客户端，如FoxMail、Outlook ，可自动填写邮件地址。电子邮件链接的格式为： a href=mailto:E-mail地址 热点 /a 例如，E-mail地址是goodlook@，建立如下链接： 免费电话:80012345678 信箱:a href=mailto: goodlook@goodlook@/a 4.6 检查与修复链接 对于一个内容繁多的网站来说，通常包含有大量的超链接。使用Dreamweaver CS4的检查与修复链接功能，可以对当前网页文档中的所有链接进行检查，报告网页中断掉的链接并进行修复，省去了手工检查的麻烦。具体操作步骤如下： 第 四 章 结 束 　　1．在页面属性对话框中，选择“标题/编码”分类，如图所示。 　　2．在“标题”文本框内输入网页的标题内容，如“长春悠游网”。 　　3．点击“确定”退出页面属性对话框。 　　4．保存并在浏览器中预览网页,则标题出现在浏览器的左上角 4.4.2 设置网页的标题 4.4 设置网页的页面属性 　　（一）设置网页的背景颜色 　　1．在页面属性对话框中，选择“外观”分类。 　　2．执行以下操作之一： 　　? 在“背景颜色”对话框中输入颜色的十六进制代码如“#66CCFF” 　　? 点背景颜色后的按钮 ，打开调色板选择颜色。 　　3．点击“确定”退出页面属性对话框。 　　4．保存并在浏览器中预览网页。 4.4.3 设置网页的背景 4.4 设置网页的页面属性 　　（二）设置网页的背景图像 　　1．在页面属性对话中，选择“外观”分类。 　　2．点击“背景图像”后的“浏览”按钮，打开选择图像源对话框。 　　3．查找并选择作为网页背景的图像，单击“确定”退出页面属性对话框。 　　4．保存并在浏览器中预览网