联系方式：http:/www.rzchina.net北京源智天下科技有限公司第19章 典型实例（一） 实例是用在网页中经常要用到的例子来说明之前讲过的所 有知识。让知识实战化，让繁琐的知识点聚集在一起，做 出有趣的页面效果。 联系方式：http:/www.rzchina.net北京源智天下科技有限公司19.1 制作文本内容效果 文本内容效果是指页面中文本内容的效果。这里将用 不同的实例来编写网页中文本内容的效果。这里的实例分 为两大部分，一种是用和标签属性来制作的文本内 容效果，一种是用div+CSS来制作的文本内容效果。 1-3北京源智天下科技有限公司联系方式：http:/www.rzchina.net19.2 制作列表效果 列表效果是通过列表来实现的。无论是使用有序 列表还是无序列表都可以制作出整洁有序的新闻列表 。这里将会通过有序列表和无序列表来做出整洁有序 的新闻列表。还会通过使用自定义列表来做出网站地 图功能。 制作有序新闻列表 制作无序新闻列表 制作自定义网站地图 1-4北京源智天下科技有限公司联系方式：http:/www.rzchina.net19.3 制作留言版表单效果 制作留言版表单效果，必须通过表单+CSS才可以 做出好看的表单效果。这里将会使用两者结合来制作一 个表单，不过纯粹是一个留言版的表单效果，没有任何 的数据提交。 1-5北京源智天下科技有限公司联系方式：http:/www.rzchina.net19.4 制作图片展示效果 图片展示效果是在网站中经常被用来展示产品的。 这里将通过两种方法来展示图片页面的效果。一种是用 table制作图片展示效果，一种是用div+CSS制作图片展 示效果。 1-6北京源智天下科技有限公司联系方式：http:/www.rzchina.net19.5 制作图片滚动效果 图片滚动效果，是在网站应用中很常 见的一种图片显示效果，可以让更多的图 片展示在有限的空间里面。这里将展示图 片滚动的两种方法，分别为：左右滚动和 上下滚动。 1-7北京源智天下科技有限公司联系方式：http:/www.rzchina.net19.6 制作文字滚动效果 文字滚动效果和图片滚动效果应用在结构上是基 本一样的。这里将通过两种方法，分别介绍制作左右 滚动的文字效果和上下滚动的文字效果。 1-8北京源智天下科技有限公司联系方式：http:/www.rzchina.net19.7 小结结 本章学习了网站制作中的典型实例，通过学习， 可以了解到各种的网页效果的制作。让书上讲述的各 种代码应用在实践中，本章所举示例都是网页中最普 遍存在的用法，当然也不能排除一些扩展性的用法。 本章学习的典型实例只是网站制作中经常要用到的一 部分，在下一章，会继续学习网站中的典型实例。 1-9北京源智天下科技有限公司联系方式：http:/www.rzchina.net性格决定命运, 专注成就人生www.rzchina.net 源智天下