第十三课网页制作技巧.docVIP

第十三课 网页制作技巧 教学目标 知识与技能 1、掌握表格的创建、合并、拆分的方法，以达到布局合理； 2、掌握对表格整体与单元格背景与边框的颜色设置，能初步制作具有独特风格的表格； 3、掌握超级链接的含义与使用 4、掌握网站的发布 过程与方法 演示法、理论联系实践、比较法 情感与态度 培养学生信息技术的素养与团结合作的能力 教学重点 掌握表格制作的基本操作、超级链接的使用和网站的发布 教学难点 掌握表格制作的基本操作、超级链接的使用和网站的发布 教学准备 老师方面 上网查询优秀的网站设计、收集学生的优秀网页获奖作品 学生方面 通过网络、报刊、图书等途径收集网页制作时所需的文字、图片等信息 教师活动 学生活动 说明、反馈 一、????? 通过展示几个学生自己制作的优秀网站和网页，复习网站首页设计的几个模块，同时体会表格在网页设计的独特作用。 ? ? 1——引入：很多同学都希望能制作一些精美的个人网页发布在网上，上节课我们已经用Dreamweaver制作了一个简单的网页，但觉得和自己在网上所见的网页相比相差太远，如何才能制作好具有个性特色的网页呢？今天我们就要充分利用表格工具来制作一个精美的网页。 激发学生学习的积极参与 ? 2——首先我们还得先回想一下网页首页的四个共有的模块： 教师总结： 1) 徽标（logo）和网站的名称：一般位于左上角，是一个形象化的标志，其作用类似于商品的商标。 2)首页大标题（banner）：一般放网站主题词或图片，商业性的网站放置广告条。 3)导航栏：就像一本书或杂志的目录一样，但比书籍或杂志的目录更为重要，因为书籍我们可以一页一页的从头向后翻，而我们的网页却不可以，只有有了清楚、明晰的导航，才能让浏览者知道自己身处网站的什么位置。 4)版权和联系方式：一般放在网页的底部，主要功能是版权声明和听取浏览者的意见或建议。 学生思考回答 3——黑板上给出了几个在全国获奖的中学生网页作品，4个同学一组合作学习，快速浏览其中2—3个，网站地址如下： /web/2/121/INDEX.HTM /web/2/105/index.htm /student/2003/cs/index.html /web/2/167/index.htm 我相信我们当中许多同学在这节课上完后所做的作品肯定比他们做得的还好。现在我们就来动手自己做做看。首先请大家通过多媒体教学网看看如何创建表格。 激发学生的积极性与自信心，加深对网页布局的印象，同时更深入的学习如何鉴赏一个网站。 5——10分钟 二、??? 表格制作技巧： l????? 创建表格 我们在，在Dreamweaver中创建表格的方法与在Word中表格的插入方法有相似的地方，请大家看屏幕：创建表格有两种常用的方法，第一种是首先把插入点调整到要插入表格的位置，单击“对象面板”中的“插入表格”按钮，在弹出的“插入表格”对话框中设置所需的行数和列数，表格线宽度为0，注意“单元格边距”表示表格内文本与表格线的距离，“单元格间距”表示表格内单元格之间的距离，这两个在这里不作设置，单击“确定”，表格插入进来了。 第二种方法就是上节课所讲的选择菜单栏的“插入”选项，在弹出的下拉菜单中选择“表格”，设置方法与第一种是一样的。 在word和excel中我们都已讲过对单元格的合并与拆分操作，在这我就不讲了，现在请大家任意选择一种创建表格的方法，根据自己的需要创建一个表格。 注意：对表格的单元格进行合理的合并与拆分 学生听课 上机操作 教师巡视 表现问题 及时纠正 （5分钟） l????? 设置单元格背景色和边框颜色 好，大家已经完成了，现在我们就来给框架添加背景色和边框色，请看屏幕（通过多媒体教学网教师演示操作） 选中需要设置背景色的单元格，单击“属性面板”上的“背景颜色”下拉按钮，在下拉的颜色列表中选择自己喜欢的颜色并单击，即可将所选的单元格背景色改为自己设置的颜色。 要设置边框的颜色，单击“边框”颜色更改下拉按钮，选择相应颜色即可修改。 请大家按老师的操作把自己的表格修饰一下吧。 学生听讲 上机操作 鼓励学生在设置颜色时注意色彩搭配，可通过图形搭配来形成具有一定特色的表格，鼓励学生创新 （5分钟） 三、根据学生自己准备的素材，学生将文字输入到相应的单元格内，并插入相应的图片，要求学生至少制作2——3张网页，提醒学生注意以较为好记的英文名字保存。 学生独立 上机完成 教师巡视，及时处理发现的问题（20——30分钟） 四、超级链接的使用 上节课我们的同学已经把网页做好了，有许多同学做的相当好，甚至比我所演示给大家看的还有特色。怎样把我们所做好的网页相互联系起来呢？也就是说我们在网上所看到的我要看某条新闻或某个图片时，一点就能进入，这就是我们今天所要讲的超级链接，与“超级女生”或“超级男生”可一点关系也