网页制作教案第五章1.docVIP

《网页制作》 2009年10月 学校 乌鲁木齐市职业中等专业学校 专业 计算机平面设计 课题 第五章　制作“车型图库”网页 科目 网页设计与制作 授课班级 学时 教师 教 学 目 的 利用框架制作“车型图库”网页 1、知识目标： 掌握使用框架来布局页面，使用外部CSS,超级链接框架目标的指定，在网页中插入Flash动画，嵌入幻灯片，视频播放。 2、能力目标： 掌握框架布局网页的技巧； 掌握新的网页制作技术。 3、德育目标： 通过“车型图库”网页制作学习，让学生养成不怕困难的学习精神。 教学重点 网页布局，网页的整合 教学难点 “车型图库”的制作 教学资源 网页素材，多媒体设备，教材 培养方案,大纲修改意见 授课计划修改意见 教案修改意见 需增加资源 其他 专业部主任： 教务处： 教学活动流程 教学步骤与内容 教学目标 教学方法 时间分配 复习 复习主页制作知识点，复习滚动字幕，交互图片知识点 重视复习过程 提问法 10分钟 二、导入新课： 展示本堂课的作品，引出本堂课需要解决的问题。 明确学习目标 布置任务 5分钟 三、新授内容 5.1框架的基本概念 框架实际上由两个部分组成，即框架页和框架。一个框架也是一个HTML文件。如果一个页面包含了2个框架，那么，加上框架页，则该页面对应的HTML文件就会有3个。 框架的概念 1、讲授法：讲授理论知识； 5分钟 5.2框架的基本操作 5.2.1创建框架和删除框架5.2.2选择和保存框架与框架页 5.2.3设置框架和框架页的属性 1.设置框架页属性 2.设置框架的属性 　学习框架新知识点 1、讲授法：讲授理论知识，； 5分钟 5.3使用框架设计网页布局 1）创建一个空白文档，在文档中创建一个“顶部框架”的框架页。 2）命名框架。按住ALT键单击顶部框架，出现默认框架名，topFrame,mainFrame。 3)设置框架结构，在属性面板中设置“行”为100像素。 4)保存框架。Frame.html,top.html,main.html。 5.4顶框架的制作 1．布局顶框架页面 　修改页面属性，插入表格2行2列。 2.插入网站标志、页面广告和当前页位置信息 3.插入表格导航栏：插入表格，输入导航文本，背景。 4.使用外部CSS样式 　定义Body样式，选择“新建样式表文件”，命名为style，保存站点CSS目录下。Table,超级链接颜色的样式。 　一旦建立了外部的CSS文件，其他的页面就可以直接调用这个样式表文件。其操作方法：打开一个要添加外部的CSS样式的网页文件，在“CSS样式”面板的右下角处单击“链接”按钮，弹出“链接外部样式表”对话框，输入样式表导入。 1、框架页面设置的方法 2、掌握用框架布局网页 3、创建外部CSS样式表 1、讲授法：讲授操作要领； 2、多媒体教学展示首页制作过程 3、演示法：教师演示操操作步骤 5、学生实际操作法 30分钟 5.5主框架的制作 5.5.1主框架页面的布局1)插入2行2列的表格。 5.5.2主框架页面的制作 1.编辑主框架页面中版权信息区域 插入水平线；插入“copyright@2007RightReserved”文本； 2.复制主框架页面文件main.html，生成主框架页面文件 3.编辑主框架页面文件main.html 插入4种品牌汽车的图片 4.编辑其他主框架页面文件main1,2,3,4,5.html 　 制作版权信息版块 演示法 讲解法 实际操作法 45分钟 四、操作练习： 完整练习本节重点：框架，表格布局及主框架页的复制 教师检查学生操作情况 熟练掌握本堂课重点 学生相互学习 30分钟 五、课堂小结： 本节主要讲解了使用框架布局网页，生成主页面的操作过程及方法 热爱网页制作这门课 总结归纳法 4分钟 六、布置作业： 1、复习框架网页的保存顺序 2、回顾“车型图库”页面的制作技巧 温故而知新 1分钟 七、课后记： 1、不足：网页操作过于复杂； 2、优点：教学各环节井然有序； 3、改进措施：今后教学还是要增加学生的自学能力。 使用教材：高等教育出版社出版《网页设计与制作》主编：吴超英 教案编写：信息技术部　 2