2015网页设计与制作dreamweaver教案：第十二讲 使用模板和库制作网页

《2015网页设计与制作dreamweaver教案：第十二讲 使用模板和库制作网页》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、第十二讲　使用模板和库制作网页授课日期班级名称授课地点教学课题第十二讲　摸板和库课时2学时教学目的（1）理解模板和库的作用。（2）学会将已有网页生成模板的操作方法。（3）掌握如何编辑模板和将模板生成新网页的操作方法。（4）掌握如何应用库项目制作网页。知识目标（1）模板和库的作用。（2）将已有网页生成模板。（3）编辑模板和将模板生成新网页。（4）应用库项目制作网页。能力目标（1）会应用摸板创建新网页（2）用库项目为网页添加元素素质目标培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。重点（1）编辑摸板、将摸

2、板生成新网页难点（1）编辑摸板、将摸板生成新网页课型讲授型＋操作型教学方法边讲、边练、讲练结合教学手段多媒体教学教参《网页设计与制作教程》人民邮电出版社教学环节及板书设计时间安排1．复习提问如何实现层的精确定位？22．新课引入摸板是一种特殊的文档，通过摸板来创建和更新网页可以大大提高工作效率，网站的维护也会轻松很多33．知识技能目标说明深刻理解摸板和库的应用，并且会应用摸板来创建和更新网页，用库项目为网页添加元素，从而快速地作出专业的网页54．详细讲解各知识点455．课堂实践156．问题探讨如何从摸板中分离文档？37．疑难解

3、析128．课堂小结本讲主要学习了模板和库的网页布局方法，制作网页不仅追求美观、而且要提高制作效率，使用模板和库文件是提高网页制作效率的有效途径。39.作业布置2总计90新授内容1．模板概述（1）模板的概念（2）模板的特点2．创建网页模板（1）新建网页（2）插入表格，布局网页（3）创建模板3．编辑和更新模板（1）打开Templates文件夹中模板文件（2）定义可编辑区域（3）定义不可编辑的可选区域（4）定义可编辑的可选区域（5）设置可编辑标签属性4．创建基于模板的网页（1）应用网页模板创建网页文档（2）编辑网页（3）更新模板的

4、变化5．库（1）创建库文件（2）创建一个待插入库对象的网页（3）在网页中插入库文件（4）更新库项目的变化（5）调整库文件案例10应用模板制作相似网页——美文随笔案例综述：本案例通过模板设计出网页的整体风格、布局，当制作各个分页时，通过模板来创建，而当修改模板时，应用该模板的网页都将随之改变，这使网页的制作形成一种批量生产的形式，大大提高了工作效率。通过本案例的学习将使学生掌握创建模板的方法、学会创建基于模板的网页文档、修改模板并更新网页。操作步骤：1.制作模板（1）基本页面的制作A.创建站点mb，将D：mb设置为本地站点根

5、目录，D：mbimages为默认图像文件夹。在站点中新建页面，修改/页面属性，设置页面标题为“美文随笔”，背景色为#AF99F2（淡紫色），文本色为#000080（深紫色）。B.文件/另存为模板，文件名为page.dwt，自动存在站点Templates文件夹。C.光标定位页面中，居中对齐。A.插入/1×3表格T1，宽902，高84，单元格间距4，填充0，边框0。B.设置第1单元格宽为115，第2单元格639。C.第1单元格设置顶部对齐，插入图片ch10/images/logo.png；在第2单元格设置顶部对齐，插入图片

6、ch10/images/banner.png。D.另起一行，制作导航栏，插入1×1表格T2，宽902，高18，边框1，间距4，边框色为#FFFFFF。E.光标定们在表的单元格中，设置边框色、背景色为# DECEFF（淡粉紫），输入文章标题，中间用竖线间隔。“又毕业了　

7、　边城续写

8、 点一盏心灯期待诚信

9、 守住心灵的契约

10、井口的天空

11、　天若有情　

12、 　冰の水蓝”F.另起一行，插入1×1表格T3，宽902，高23，用于拉开标题与正文的间隔。G.再另起一行，制作正文部分，插入3×1表格T4，宽902，高11，边框1，间距4，填充为

13、0，边框色为#FFFFFF。设置单元格背景色为#DECEFF，单元格边框色为#DECEFF。拆分第一行为3列，从左到右宽度分别为153、597、128，选中各单元格，水平居中对齐，在第一单元格中输入“标题”，第三单元格中输入“作者：”，字体大小设置为9pt。H.设置第二行垂直对齐方式顶端对齐。在正文部分的下方，再插入1×1表格T5，宽902，高17，单元格间距为4，填充为0，边框为1，设置边框色为#FFFFFF，设置单元格背景色为#DECEFF，单元格边框色#DECEFF。该单元格用于放置版权信息，因为其内容是固定不变的，因

14、此可在制作模板时直接输入。（2）插入模板区域在该例中，T4表格的第一、二行中的标题、作者及文章内容部分可通过插入可编辑区域，使这些单元格可以插入内容，而第三单元格中先只制作一行的表格，后面的内容通过创建重区域来实现。创建可编辑区域a)将光标定位在表格T4正文表格的第一行第二个单元格中，右击