制作校园网页1-项目化教案

《FrontPage—制作校园网页》模块化教学任务单课题名称：制作校园网页任务名称校园网页任务指导者模块课题创建框架网页任务实施者实施日期任务周期任务目标熟练掌握创建框架及填充页面内容教学重难点目标框架设置资源、设备多媒体机房、相关素材任务内容1.创建框架2.填充页面内容及设置目标框架3.制作具有个人特色的框架网页（一）复习提问引入新课展示学校网页请问同学们，这么美丽的网页是怎么制作出来的呢？简述其步骤。1.建立框架2.填充框架页面内容（表格、图片）（二）讲授新课演示操作创建框架网页当使用框架创建站点时，首先必须创建一类特殊的网页，即一种主页，称为框架网页。不管名称如何，该网页将告诉浏览器如何向站点访问者显示框架及其包含的网页。本节将介绍创建和保存框架网页的方法。框架网页的创建和保存在FrontPage2003中，创建框架网页必须使用FrontPage2003提供的框架网页模板，通过这些模板可以轻松地创建适合站点需要的框架网页。案例小结：本案例主要介绍了框架网页的创建和保存，通过本案例的学习，读者应该掌握的知识点有：1、框架网页的基本概念框架网页是一种特殊的HTML网页，它能够将Web浏览器的窗口划分为若干区域，这些区域，我们称其为框架。框架网页本身不包含可视内容，它只是一个展示网页内容的容器。每个框架可以显示一个独立的可滚动的网页，多个框架就可以同时显示多个网页。在框架网页中显示的某个网页的更新并不影响其他网页的状态和框架网页的结构。图7-1所示是一个使用框架的网页。在图7-12所示的例子中，浏览器窗口被分成了2个称其为框架的区域：顶部区域和底部区域。在每个区域中我们都能看到一个网页，并且我们单击顶部区域中的超链接，在底部区域中就能浏览相应的页面。2、框架网页的创建创建框架网页必须使用框架网页模板，FrontPage2003一共提供了10种框架网页模板，用户可以根据实际需要灵活选择，还可以在其基础上进行修改，如拆分框架、调整框架大小等，最后制作出具有个人特色的框架网页。在【框架网页】选项卡中，模板的种类可以通过单击右边的按钮或按钮分别以【大图标】或【列表】的形式排列。每选择一种模板，在右侧都有相应的说明和预览图。3、设置初始网页或新建网页一个新的框架网页不包含任何内容，FrontPage2003将在每个新框架中显示和两个按钮，单击前一按钮可以从站点中选择已准备好的网页，单击后一按钮可以在框架中创建一个新的空白网页。4、框架网页的保存框架网页的保存和普通网页的保存有点差别，如果设置的初始网页是新建网页，除了保存整个框架网页外，还要逐个保存框架中新建的网页。在对框架网页保存后，如果要对框架中的某个框架网页进行单独保存，可以首先用鼠标在该框架内单击来选择该框架，然后在菜单中选择【框架】/【保存网页】或【另存为网页】命令，就可以单独再次保存该网页。5、框架网页的5种编辑模式如果细心的话，你会发现框架网页的【网页】视图与前面普通网页的【网页】视图有所不同。框架网页的【网页】视图共有5种模式，新增加了【无框架】模式和【框架网页HTML】模式。【无框架】模式是用来为那些浏览器不能显示框架的访问者创建显示信息的。【框架网页HTML】模式会显示整个框架网页的HTML源代码。而共有的【HTML】模式在框架网页中显示的是框架中填充网页的HTML源代码。使用嵌入式框架嵌入式框架与普通框架网页中的框架作用相似，在FrontPage2003中，创建嵌入式框架可以像其他元素一样插入网页，并通过选择适当的按钮来设置初始网页或者创建新网页。嵌入式框架创建后，可以通过【嵌入式框架属性】的设置来调整嵌入式框架的外观和样式。（三）课后思考创建框架的步骤？如何填充页面内容？（四）知识拓宽制作具有个人特色的框架网页项目：创建框架网页专业：班级：姓名：日期：项目同组人姓名项目创建框架网页工作目标任务知识熟练掌握框架网页的创建能力制作具有个人特色的框架网页素养热爱网页制作工作重点框架的创建工作难点目标框架的设置工作图纸任务实施任务一创建框架任务二填空框架页面内容任务实施任务三目标框架的设置个人小结综合评价项目要求自评(20%)组评(30%)师评(50%)综合毛坯设置合理(10%)刀具选择合理(10%)量具选择合理(10%)工艺方案可行(10%)程序编辑正确(40%)模拟校验准确(20%)