网页设计与制作实用教程 第2版 国家级精品课程配套教材 教学课件 作者 陈承欢 单元6　创建与应用模板和库.ppt

《网页设计与制作实用教程 第2版 国家级精品课程配套教材 教学课件 作者 陈承欢 单元6　创建与应用模板和库.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、单元6创建与应用模板和库操作演练1.2技术提升1.3操作准备1.1考核评价1.4操作准备1.1操作准备1.1操作准备1.1操作准备1.1操作准备6.1操作演练1.2操作演练1.2操作演练1.2操作演练1.2操作演练1.2操作演练6.2技术提升1.3技术提升1.3技术提升6.3考核评价1.4考核评价6.4使用DreamweaverCS4提供的模板和库功能，将具有相同版面结构的页面制作成模板，再通过模板来创建其他页面。也可以将相同的页面元素制作成库项目，并存储在库文件中以便随时调用。【教学导航】教学目标（1）学会制作用来生成模板的网页，并将现有的网页

2、另存为模板（2）学会正确编辑模板，掌握定义与修改可编辑区域、可选区域的方法（3）熟悉用模板生成新网页的操作方法，并能对新网页进行编辑加工（4）能熟练地修改网页模板及其属性，并同步更新该模板生成的网页（5）学会创建库项目，并且能修改库项目，更新包含库项目的网页（6）学会创建代码片断，并在网页插入已有的代码片断（7）理解模板和库的作用教学方法任务驱动法、理论实践一体化、讲练结合课时建议6课时（包含考核评价）【6.1操作准备】1．准备素材在本地硬盘（例如D盘）中创建一个文件夹“网页设计与制作案例”，将光盘中的“单元6”（包括所有子文件夹以及文件）拷贝到

3、该文件夹中。2．创建站点使用创建站点向导创建名称为“单元6”的本地站点。3．制作用来生成网页模板的网页创建网页文档060101.html，保存在文件夹“6-1”中，该网页主体结构主要应用Div+CSS进行布局，局部结构应用了项目列表和定义列表进行布局。网页060101.html还应用了CSS样式对文字、标题、图片和超链接进行美化。该网页为左右结构，通过浮动方式实现左右布局，网页的左侧版块为左浮动，右侧版块为右浮动。CSS样式文件中的样式定义详见教材配套光盘对应的样式文件。【6.2操作演练】【任务6-1】创建网页模板和基本模板的网页【任务描述】（1

4、）利用网页“060101.html”创建网页模板“060101.dwt”。（2）将网页模板“060101.dwt”中的标题文字“办公设备”定义为可编辑区域。（3）将网页模板“060101.dwt”中的图像“2010060901.jpg”定义为可编辑区域。（4）将网页模板“060101.dwt”中的区域“