网页设计与制作实例教程

制作模板和制作普通页面基本相同，通常并不把页面的 所有部分完成，只是制作导航条和标题栏等各个页面的公共 部分，不同的部分做成可编辑区域，留给每个页面的具体内 容。
网页设计与制作实例教程
库
所谓库，实际上就是文档内容的任意组合，可以将文档中 的任意内容存储为库项目，在其它地方重复使用。
库不仅便于使用，而且具有维护更新方面的优势，对于重 复使用的定制为库项目的内容，如果需要修改不必到使用该 内容的页面中逐个修改，只需要将该库项目进行修改，就可 以实现对站点中所有使用该库项目的文档同步更新，实现风 格的统一更新。

库：如果说模板是基于整个页面的，那么库就 是基于页面上的元素的。对一个网站来说，几 乎所有的版权信息和导航条都是一模一样的， 这时候用库就是最佳选择。
网页设计与制作实例教程
模板和库文件的格式
模板文件：放在站点特定的文件夹下--template
***.dwt 库文件：***.lbi
网页设计与制作实例教程
优点：
模板和库可以帮助您使用一致的设计创建Web页面。 使用模板和库也来自百度文库得站点的维护更加容易，您可以 在短短的几秒钟内重新设计您的站点并且修改成百 上千的页面。”
网页设计与制作实例教程
首先需要说明的是什么时候用模板，什么时候用库？
模板：如果一些页面只有内容不同而结构相似 的话，就可以用模板。
第11章 模板
网页设计与制作实例教程
知识要点
模板 库 创建基于模板的页面
网页设计与制作实例教程
问题？
如果你做了500个网页之后，忽然发现电话号码或是地址 出了点儿小错误，这时候你怎么办，是一个一个修改吗？ 可以想象工作量会有多大。
如果你只作过个人主页，那并不会出现这种问题，因为如 果只有十几个页面，就算错了，直接改过来就是了，也不 见的有什么麻烦，但是如果你要作大量的网页的话，这就 是一个不容忽视的问题。
当然，Dreamwaver为我们提供了最简单的方法，只要改一 次，就可以全部更新。这就是接下来我要讲的模板和库。 多用模板和库是一个很好的习惯。
网页设计与制作实例教程
模板
“模板是一种文档，您可以用它来创建和共享同一 布局的多个页面。”
Dreamweaver提供的模板功能，可以把网页的布局和内容 分开，布局设计好后存储为模板，相同风格的页面使用模板 来创建，可以有效提高制作和更新页面的速度。
网页设计与制作实例教程
实例11-1 创建基于模板的页面
制作自己的网站模板，并且基于模板创建三个页面： 首页：index.html 流行音乐：lxyy.html 心情日记：xqrj.html
网页设计与制作实例教程
页面布局
首页
流行音乐
网页设计与制作实例教程
心情日记