当前位置:文档之家› 信息技术教案第十三课网页制作技巧

信息技术教案第十三课网页制作技巧

请同学们回想一下自己在上网时是不是到处都有超链接,也很频繁地在使用超链接?
教师讲授
学生听讲后思考并体验超级
链接的作用
书本介绍超级链接过于简单,从形象思维角度来看,学生不易理解,对超级链接进行一定程度的详细讲解,有利于加深学生对超级链接的印象与理解。(5-8分钟)
教师总结:
1) 徽标(logo)和网站的名称:一般位于左上角,是一个形象化的标志,其作用类似于商品的商标。
2)首页大标题(banner):一般放网站主题词或图片,商业性的网站放置广告条。
3)导航栏:就像一本书或杂志的目录一样,但比书籍或杂志的目录更为重要,因为书籍我们可以一页一页的从头向后翻,而我们的网页却不可以,只有有了清楚、明晰的导航,才能让浏览者知道自己身处网站的什么位置。
第十三课网页制作技巧
教学目标
知识与技能
1、掌握表格的创建、合并、拆分的方法,以达到布局合理;
2、掌握对表格整体与单元格背景与边框的颜色设置,能初步制作具有独特风格的表格;
3、掌握超级链接的含义与使用
4、掌握网站的发布
过程与方法
演示法、理论联系实践、比较法
情感与态度
培养学生信息技术的素养与团结合作的能力
学生独立
上机完成
教师巡视,及时处理发现的问题(20——30分钟)
四、超级链接的使用
上节课我们的同学已经把网页做好了,有许多同学做的相当好,甚至比我所演示给大家看的还有特色。怎样把我们所做好的网页相互联系起来呢?也就是说我们在网上所看到的我要看某条新闻或某个图片时,一点就能进入,这就是我们今天所要讲的超级链接,与“超级女生”或“超级男生”可一点关系也没有喔。
要设置边框的颜色,单击“边框”颜色更改下拉按钮,选择相应颜色即可修改。
请大家按老师的操作把自己的表格修饰一下吧。
学生听讲
上机操作
鼓励学生在设置颜色时注意色彩搭配,可通过图形搭配来形成具有一定特色的表格,鼓励素材,学生将文字输入到相应的单元格内,并插入相应的图片,要求学生至少制作2——3张网页,提醒学生注意以较为好记的英文名字保存。
1——引入:很多同学都希望能制作一些精美的个人网页发布在网上,上节课我们已经用Dreamweaver制作了一个简单的网页,但觉得和自己在网上所见的网页相比相差太远,如何才能制作好具有个性特色的网页呢?今天我们就要充分利用表格工具来制作一个精美的网页。
激发学生学习的积极参与
2——首先我们还得先回想一下网页首页的四个共有的模块:
第二种方法就是上节课所讲的选择菜单栏的“插入”选项,在弹出的下拉菜单中选择“表格”,设置方法与第一种是一样的。
在word和excel中我们都已讲过对单元格的合并与拆分操作,在这我就不讲了,现在请大家任意选择一种创建表格的方法,根据自己的需要创建一个表格。
注意:对表格的单元格进行合理的合并与拆分
学生听课
激发学生的积极性与自信心,加深对网页布局的印象,同时更深入的学习如何鉴赏一个网站。
5——10分钟
二、表格制作技巧:
l创建表格
我们在,在Dreamweaver中创建表格的方法与在Word中表格的插入方法有相似的地方,请大家看屏幕:创建表格有两种常用的方法,第一种是首先把插入点调整到要插入表格的位置,单击“对象面板”中的“插入表格”按钮,在弹出的“插入表格”对话框中设置所需的行数和列数,表格线宽度为0,注意“单元格边距”表示表格内文本与表格线的距离,“单元格间距”表示表格内单元格之间的距离,这两个在这里不作设置,单击“确定”,表格插入进来了。
首先什么叫超级链接呢?超链接在本质上属于一个网页的一部分,它是一种允许我们同其他网页或站点之间进行连接的元素。所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。在网页中,一般文字上的超链接都是蓝色(当然,用户也可以自己设置成其他颜色),文字下面有一条下划线。当移动鼠标指针到该超链接上时,鼠标指针就会变成一只手的形状,这时候用鼠标左键单击,就可以直接跳到与这个超链接相连接的网页或WWW网站上去。如果用户已经浏览过某个超链接,这个超链接的文本颜色就会发生改变。只有图像的超链接访问后颜色不会发生变化。
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分钟)
l设置单元格背景色和边框颜色
好,大家已经完成了,现在我们就来给框架添加背景色和边框色,请看屏幕(通过多媒体教学网教师演示操作)
选中需要设置背景色的单元格,单击“属性面板”上的“背景颜色”下拉按钮,在下拉的颜色列表中选择自己喜欢的颜色并单击,即可将所选的单元格背景色改为自己设置的颜色。
教学重点
掌握表格制作的基本操作、超级链接的使用和网站的发布
教学难点
掌握表格制作的基本操作、超级链接的使用和网站的发布
教学准备
老师方面
上网查询优秀的网站设计、收集学生的优秀网页获奖作品
学生方面
通过网络、报刊、图书等途径收集网页制作时所需的文字、图片等信息
教师活动
学生活动
说明、反馈
一、通过展示几个学生自己制作的优秀网站和网页,复习网站首页设计的几个模块,同时体会表格在网页设计的独特作用。
相关主题