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

《网页制作》 2009年10月 学校 乌鲁木齐市职业中等专业学校 专业 计算机平面设计 课题 第六章　制作“最新车讯”网页 科目 网页设计与制作 授课班级 学时 教师 教 学 目 的 利用布局模式制作“最新车讯”网页 1、知识目标： 掌握使用布局模式来布局页面，使用模板，库,在网页中插入多媒体对象（视频，背景音乐）。 2、能力目标： 掌握布局模式布局网页的技巧； 掌握新的网页制作技术。 3、德育目标： 通过“最新车讯”网页制作学习，让学生养成不怕困难的学习精神。 教学重点 网页布局，网页的整合 教学难点 “最新车讯”的制作 教学资源 网页素材，多媒体设备，教材 培养方案,大纲修改意见 授课计划修改意见 教案修改意见 需增加资源 其他 专业部主任：　 教务处： 教学活动流程 教学步骤与内容 教学目标 教学方法 时间分配 复习 复习“车型图库”制作知识点，复习框架布局知识点 重视复习过程 提问法 10分钟 二、导入新课： 展示本堂课的作品，引出本堂课需要解决的问题。 明确学习目标 布置任务 5分钟 三、新授内容 6.1绘制布局单元格和表格 1)标准模式和布局模式的切换 2)绘制布局表格 3)绘制布局单元格 默认情况下，布局表格区域呈灰色显示，而布局单元格区域则呈白色显示。如果在空白区域直接绘制单元格，系统会自动产生布局表格和布局单元格。只有在布局单元格内可以进行输入网页的文本元素或插入图像。 掌握布局模式 1、讲授法：讲授理论知识； 5分钟 6.2布局表格和布局单元格的基本操作 6.2.1移动和调整布局单元格和布局表格，设置布局属性 按‘CTRL’键的同时单击该布局单元格中的任何位置，选中的布局单元格周围出现选择控制点。 　学习操作布局模式布局页面的方法 1、讲授法：讲授理论知识，； 5分钟 6.3使用布局模式设计网页 6.3.1对“最新车讯”网页进行布局设计 1.用“布局模式”对“最新车讯”网页进行结构布局设计 设置“页面属性”：制作复杂的布局单元格布局网页； 使用“标准模式”对“最新车讯”网页继续进行布局 编辑“最新车讯”系列网页共性内容 在“最新车讯”网页中添加跳转菜单 插入——表单——跳转菜单 点“+”号添加菜单项，分别输入“广州本田，北京现代，上海大众，上海通用，东风标志，奇瑞汽车”。 在“选择时，转到URL”文本框中，输入或选择每个菜单项所对应的URL地址，菜单项地址为：zxcx/gxbt.htm.,zxcx/bjxd.html,zxcx/shdz.html, zxcx/shty.html,zxcx/dfbz.html,zxcx/ahgr.htm. 4)在“打开URL于”的下拉列表框中，选择文件的打开位置。选择“主窗口”。 5)在“菜单名称”文本框中，输入该跳转菜单名称 6)在选项中可以选择复选框。 6.3.2对“新闻”和“喜讯”网页进行布局设计 1.使用“布局模式”对“新闻”和“喜讯”网页进行结构布局设计 2.编辑“新闻”和“喜讯”系列网页共性内容 1、布局模式的掌握 2、跳转菜单的制作 3、布局模板网页 1、讲授法：讲授操作要领； 2、多媒体教学展示“最新车讯”制作过程 3、演示法：教师演示操操作步骤 5、学生实际操作 30分钟 四、操作练习： 同步练习：完成布局模式网页“最新车讯”的所有部分的制作。 教师辅导并检查登记学生本章网页完成情况。 给学生消化知识的时间 学生相互学习 30分钟 五、态度养成： 通过本节内容的学习，学生养成一丝不苟的，认真严谨，不怕困难，打破沙锅问到底的学习风气， 养成良好的学习态度 六、本节小结： 学习“布局模式”，外部样式表文件，跳转菜单制作，库的创建等技术内容，这些方法有助于提高网站点击率。 掌握布局的制作技巧 总结归纳法 4分钟 七、布置作业： 1、布局模式下，绘制一个简单的网页排版结构 2、在“CSS样式”面板中导入外部CSS样式文件 温故而知新 1分钟 八、课后记： 1、不足：布局网页操作有一定难度，学生难以掌握； 2、优点：教学内容清晰，讲解到位； 3、改进措施：还需充分备课，备学生。 使用教材：高等教育出版社出版《网页设计与制作》主编：吴超英 教案编写：信息技术部　 2