《网页设计与制作实例教程.ppt》由会员分享,可在线阅读,更多相关《网页设计与制作实例教程.ppt(10页珍藏版)》请在三一办公上搜索。
1、第11章 模板,网页设计与制作实例教程,网页设计与制作实例教程,知识要点,模板 库创建基于模板的页面,网页设计与制作实例教程,问题?,如果你做了500个网页之后,忽然发现电话号码或是地址出了点儿小错误,这时候你怎么办,是一个一个修改吗?可以想象工作量会有多大。如果你只作过个人主页,那并不会出现这种问题,因为如果只有十几个页面,就算错了,直接改过来就是了,也不见的有什么麻烦,但是如果你要作大量的网页的话,这就是一个不容忽视的问题。当然,Dreamwaver为我们提供了最简单的方法,只要改一次,就可以全部更新。这就是接下来我要讲的模板和库。多用模板和库是一个很好的习惯。,网页设计与制作实例教程,模
2、板,“模板是一种文档,您可以用它来创建和共享同一布局的多个页面。”Dreamweaver提供的模板功能,可以把网页的布局和内容分开,布局设计好后存储为模板,相同风格的页面使用模板来创建,可以有效提高制作和更新页面的速度。制作模板和制作普通页面基本相同,通常并不把页面的所有部分完成,只是制作导航条和标题栏等各个页面的公共部分,不同的部分做成可编辑区域,留给每个页面的具体内容。,网页设计与制作实例教程,库,所谓库,实际上就是文档内容的任意组合,可以将文档中的任意内容存储为库项目,在其它地方重复使用。库不仅便于使用,而且具有维护更新方面的优势,对于重复使用的定制为库项目的内容,如果需要修改不必到使用
3、该内容的页面中逐个修改,只需要将该库项目进行修改,就可以实现对站点中所有使用该库项目的文档同步更新,实现风格的统一更新。,网页设计与制作实例教程,优点:,模板和库可以帮助您使用一致的设计创建Web页面。使用模板和库也使得站点的维护更加容易,您可以在短短的几秒钟内重新设计您的站点并且修改成百上千的页面。”,网页设计与制作实例教程,首先需要说明的是什么时候用模板,什么时候用库?,模板:如果一些页面只有内容不同而结构相似的话,就可以用模板。库:如果说模板是基于整个页面的,那么库就是基于页面上的元素的。对一个网站来说,几乎所有的版权信息和导航条都是一模一样的,这时候用库就是最佳选择。,网页设计与制作实例教程,模板和库文件的格式,模板文件:放在站点特定的文件夹下-template*.dwt库文件:*.lbi,网页设计与制作实例教程,实例11-1 创建基于模板的页面,制作自己的网站模板,并且基于模板创建三个页面:首页:index.html流行音乐:lxyy.html心情日记:xqrj.html,网页设计与制作实例教程,页面布局,首页,流行音乐,心情日记,