网页制作：项目11__使用模板和库制作学校主页--.pptVIP

主讲： 网页设计与制作——Dreamweaver 8 项目十一 使用模板和库制作学校主页 任务一 创建库──制作页眉和页脚 任务二 创建模板━━制作学校主页 项目十一： 使用模板和库制作学校主页 网页设计与制作Dreamweaver 8 任务一 小 结 任务二 实 训 任务一 创建库──制作页眉和页脚 在Dreamweaver中，库是一种特殊的Dreamweaver文件，用来存放诸如文本、图像等网页元素，这些元素通常被广泛用于整个站点，并且经常被重复使用或更新。将网页制作中经常使用到的广告条、页眉、页脚及菜单等制作成库是最合适的。在网页中应用库，不仅可以提高效率，也会给网站的维护带来便利。 本任务将通过创建库来制作学校主页的页眉和页脚，要求读者掌握在Dreamweaver中创建和编辑库的方法以及【资源】面板的使用方法。 Dreamweaver 8 网页设计与制作 项目十一： 使用模板和库制作学校主页 任务一 小 结 任务二 实 训 操作一 创建库文件 通过本操作的学习，应该掌握的内容有： 1、【资源】面板的使用 【资源】面板将网页的元素分为9类，面板的左边垂直并排着【图像】、【颜色】、【 URLs 】、 【 Flash 】、【 Shockwave 】、 【影片】、【脚本】、【模板】和【库】9个按钮，每一个按钮代表一大类网页元素。 面板的右边是列表区，分为上栏和下栏，上栏是元素的预览图，下栏是明细列表。 Dreamweaver 8 网页设计与制作 项目十一： 使用模板和库制作学校主页 创建库文件操作动画 任务一 小 结 任务二 实 训 2、在【资源】面板中创建库文件的方法 在主菜单中选择【窗口】/【资源】命令打开【资源】面板，单击 【库】按钮切换至【库】分类，并单击右下角的【新建库项目】按钮新建一个库文件，在列表框中输入库的名称并加以确认即可。 Dreamweaver 8 网页设计与制作 操作一 创建库文件 项目十一： 使用模板和库制作学校主页 任务一 小 结 任务二 实 训 通过选择【文件】/【新建】命令打开【新建文件】对话框，然后选择【常规】/【基本页】/【库项目】选项也可创建库文件。 从已有的网页中也可以创建库文件，方法是：首先打开一个已有的文档，从中选择要保存为库文件的对象，然后在主菜单中选择【修改】/【库】/【增加对象到库】命令，该对象即被添加到库文件列表中，库文件名为系统默认的名称，修改名称后按Enter键确认即可。 Dreamweaver 8 网页设计与制作 操作一 创建库文件 项目十一： 使用模板和库制作学校主页 任务一 小 结 任务二 实 训 操作一 创建库文件 Dreamweaver 8 网页设计与制作 项目十一： 使用模板和库制作学校主页 3、应该注意的问题 创建的库文件保存在网站根据目录下的“Library”文件夹内，“Library”是自动产生的，不能对它随意修改，否则库将不能正常使用。 任务一 小 结 任务二 实 训 1、页眉的特点 学校主页的页眉通常包括学校标志与名称、广告条以及导航栏等内容，其中导航栏的表现形式多种多样，如文本格式、图片格式、Flash格式等。 2、在【资源】面板中打开库文件的方法 在【资源】面板中双击库文件或者先选中库文件再单击【资源】面板右下角的【编辑】按钮即可打开库文件。 3、在【资源】面板中编辑库内容的方法 在库中编辑网页元素和平时制作网页没有本质区别。另外，在库中使用CSS样式时，注意不要创建“标签”类型的CSS样式，以免破坏被插入文档的文档属性。 操作二 制作页眉 Dreamweaver 8 网页设计与制作 项目十一： 使用模板和库制作学校主页 通过本操作的学习，应该掌握的内容有： 制作页眉操作动画 任务一 小 结 任务二 实 训 1、页脚的特点 页脚通常包括版权信息及联系方式等内容。 2、应该注意的问题 库项目是可以在多个页面中重复使用的页面元素。在使用库项目时，Dreamweaver不是向网页中插入库项目，而是向库项目中插入一个链接。每当更改某个库项目的内容时，都可以更新所有使用该项目的页面。 操作三 制作页脚 Dreamweaver 8 网页设计与制作 项目十一： 使用模板和库制作学校主页 通过本操作的学习，应该掌握的内容有： 制作页脚操作动画 任务一 小 结 任务二 实 训 模板是制作具有相同版式和风格的网页文档的基础文档。在进行大