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