粤教版高中信息技术选修3教案-4.2.2 网页的版面设计

网页的版面设计（教学设计） ——使用表格布局 【教学背景】 本节课为教材《网络应用技术》的第四章第二节的“网页的版面设计”的内容。学生在本章的前一小节中已详细学习了网页的版面结构；学生通过之前word的学习，对表格的建立与编辑有一定的基础。 【教学目标】 知识与技能： 1、认识到网页版面设计的重要性。 2、掌握在网页中用表格来布局页面的方法。 过程与方法： 能根据网站的主题、素材类型、风格，确定网页的版面设计。 情感态度与价值观： 通过实践创作的过程，形成主动学习和利用信息技术、参与信息作品创作的态度。 【教学重点难点】 重点难点：用表格布局页面。 【教学方法】讲解法、演示法、任务驱动法 【教学环境】 硬件：多媒体网络教室     软件：多媒体辅助教学软件、专业软件Dreamweaver   【教学组织】 1、安排1课时 2、教师引导，学生自主探究。 【教学过程】 教学 环节 教师活动 学生活动 引 入   出示事先准备的资料，通过学生欣赏典型网页“我要自学网”，来激发学生的学习兴趣，引出好的布局能使一个页面干净整齐，再通过两个页面的比较，引出网站布局的重要性。揭开本节课课题“网页的版面设计——使用表格布局”。     浏览、思考、回答 学 习 新 知 一、想一想，动一动（5-8分钟） 师：表格是一个很熟悉的字眼，不知道同学们有没有想起曾经在哪种软件学过呢？ 生：word… 师：那word是怎样插入表格的？ 生：…. 打开word动手找一找 教师边提问，怎样添加一行或一列呢？怎样合并单元格呢？ ……. 同样，在Dreamweaver里又怎样插入表格呢？ 教师打开Dreamweaver后，简单地作提示。 根据任务一：（10分） · 1、打开Dreamweaver 新建一个网页，标题改为“一起听音乐”； · 2、插入表格：行数为4，列数为5，边框为1； · 3、将第一列的第三、四行合并单元格； · 4、在第五列的后面插入一列。 点评后，教师可以提出疑问，如果将边框改为0呢？ 二、结合自己的网站主题，完成任务二。 教师展示一个已做好的网页，让同学结合自己的网站主题探究在表格里怎样添加文字，插入图片，填充背景颜色等。 任务二：（结合自己的网站主题）（15分） 1、 新建一个网页，标题为“*****”； 2、 插入表格布局版面，行数、列数根据自己的需要来