第6章第2节页网的布局.docVIP

第六章 第二节《网页的布局》教学设计 教学设计 教材分析 学生在前面已经学会了网站的建立。本节课内容是要对网页进行布局。目标的确立着眼于培养学生自主探索、相互合作、应用信息技术解决实际问题的能力。 学情分析 学生对网络的兴趣是本节课顺利开展的前提，正因为如此教师更要提出贴近学生生活，让学生感兴趣的任务，把学生的注意力吸引到本课知识点的学习上来。同时不同学生认知能力、思维能力、操作水平有差异，所以考虑适当的分层教学，照顾到各个层面的学生。通过分组协作，操作能力较薄弱的同学在小组长的帮帮下，也能迅速掌握要领。 教学目标 知识与技能 （1）通过本课学习让学生掌握网页设计规划中的一般方法。 （2）了解组成网页的各元素 （3）学会在网页中添加网页元素 （4）学会在网页中添加超链接 过程与方法 课堂教学中提供空间，在教师的引导下让学生自我展示、自我激励、自我评价，在不断尝试中激发求知欲，体验成功，在不断摸索中形成独立的操作能力，在自主解决问题的过程中培养成就感。 情感态度与价值观 （1）通过学习网页布局美化网页，来增加学生学习的兴趣，让学在轻松快乐中学以知识。 （2）让学生学会恰当地表达思想，在与他人的交流和合作中分享思想、培养创新思维。 教学重点与难点 重点：规划网页 难点：利用表格规划网页、添加网页元素 教学准备 硬件准备：电子教室、软件准备： 教师用：上节课做的班级网页 学生用：桌面上的素材文件夹（班级介绍、图片、音乐等）。 教学过程 环节名称与需时 具体内容 设计意图 课前小测 具体内容分教师活动与学生活动。 【学生活动】打字练习，5分钟速度测试 【教师活动】点评小组成绩 激情导入 首先展示教师做的网页，一个没有精心规划，不加修饰的网页；然后再展示规划好的网页及一些优秀网站的网页。 要让学生体会规划布局好的网页会给人们耳目一新的感觉，使用起来方便快捷 合作探究 温故知新 要求学生把自己前面做班级网页打开，进而提出新的要求。 学生打开的班级网页，是没有经过规划的，可让学生考虑一下如何布局。 示范讲解 1、规划网页： 规划网页布局一般是采用表格和水平线来完成，插入表格和水平线可使层次分明。表格布局好像已经成为一个标准，随便浏览一个站点，它们一定是用表格布局的。表格是现代网页制作的一个重要组成部分。表格之所以重要是因为表格可以实现网页的精确排版和定位，还可以利用表格来美化网页。将一定的内容按特定的行、列规则进行排列就构成了表格。无论在日常生活和工作中还是在网页设计中，表格通常都可以使信息更容易理解。在Frontpage 中，我们可以方便地创建出各种规格的表格，并能对表格进行特定的修饰，从而使网页更加生动活泼。表格中可以将各种数据(包括文本、预格式化文本、图像、链接、表单、表单域以及其他表格等)排成行和列，从而获得特定的表格效果。 利用FrontPage2000可以方便的创建任何表格样式，可有三种方法创建： （1）快速创建表格 先在空白页上点选要插入表格的位置，然后在工具栏单击“插入表格”按钮，拖曳鼠标“向右”可以选择表格的列，“向下”拖曳可以选择表格的行。如果需要创建比较复杂的表格，可以拖曳鼠标到你需要的列和行的位置，然后释放鼠标即可。 （2）插入表格 插入表格可以让让你更精确定置表格，比如设置表格的“对齐方式”，“边框粗细”等等。选择“表格菜单/插入/表格”项，在打开的对话框里设置你需要的表格属性，关于表格属性，我们下面将讲到。这里我们输入需要的行和列的数值，单击“确定”表格创建完毕。 （3）绘制表格 除了上面的两种创建表格的方法外，你也可以通过表格画笔来绘制自己需要的表格。选择“表格菜单/手绘表格”项，这时侯鼠标指针变成了一只画笔。在你需要插入表格的地方，单击画笔，拖曳画笔绘制出你需要的表格，然后释放画笔，表格被创建。 （4）设置表格属性 基本属性： 表格有许多属性，它能让你定制出符合你要求的表格来。而在网页布局中，表格的属性也将影响到文本和其它对象的安排。 （5）表格的调整 当创建了一个表格后，你可以利用FrontPage2000提供的表格工具很方便的调整表格，比如合并单元格格，删除单元格格，合并行，合并列等等。 2、框架网页： 一般用于首页，优点是进入某个网站之后，无论打开多少个子页面，首页的导航条仍然显示，可以保证不会迷失方向，缺点是首页的导航条一直占据一定的空间，使可浏览的页面区域变小。 它如同表格布局一样，把不同对象放置到不同页面加以处理，因为框架可以取消边框，所以一般来说不影响整体美观。? 3、添加网页元素 （1）插入文字和图片 （2）插入声音、动画、影像和程序等 4、设置超链接 超链接可以使站点内的网页成为有机的整体，还能够使不同站点之间建立联系，使网页内容得以延伸，通过这种跳跃式的阅读方式，能主动而迅速地