四川省八年级信息技术下册 第13课《网页制作技巧》教学案 新人教版.doc

第13课网页制作技巧教材分析本课的内容较多也与上一课内容联系紧密先是对网页中表格的进一步应用再是超级链接的使用这样就完成了一个网站的基本架构了因此可以放到网络上去看看效果了所以最后学习主页的发布。学情分析学习目标1、掌握表格的创建、合并、拆分的方法以达到布局合理；2、掌握对表格整体与单元格背景与边框的颜色设置能初步制作具有独特风格的表格；3、掌握超级链接的含义与使用4、掌握网站的发布学习重点掌握表格制作的基本操作、超级链接的使用和网站的发布学习难点超级链接的使用和网站的发布教学准备网络教室学习过程学生活动教师活动【知识回顾】做一做：请大家创建一个个人站点将各种资料归好类保存好并分别制作好“我的作品”“兴趣爱好”两个网页以“wdzp.htm”“xqah.htm”保存到站点中。相互比一比谁的操作更熟练。帮助【作品赏析】请大家看以下几个在全国获奖的中学生网页作品快速浏览其中2—3个网站地址如下并相互议一议体会表格在网页设计的独特作用：http://www.jxcn.cn/web/2/121/INDEX.HTMhttp://www.jxcn.cn/web/2/105/index.htmhttp://www.zhzx.net.cn/student/2003/cs/index.htmlhttp://www.jxcn.cn/web/2/167/index.htm相信我们当中许多同学在这节课上完后所做的作品肯定比他们做得的还好。现在我们就来动手自己做做看。【学习过程】一、表格制作技巧：1、首先我们还得先回想一下网页首页的四个共有的模块：1)徽标（logo）和网站的名称：一般位于左上角是一个形象化的标志其作用类似于商品的商标。2)首页大标题（banner）：一般放网站主题词或图片商业性的网站放置广告条。3)导航栏：就像一本书或杂志的目录一样但比书籍或杂志的目录更为重要因为书籍我们可以一页一页的从头向后翻而我们的网页却不可以只有有了清楚、明晰的导航才能让浏览者知道自己身处网站的什么位置。4)版权和联系方式：一般放在网页的底部主要功能是版权声明和听取浏览者的意见或建议。2、创建表格我们在在Dreamweaver中创建表格的方法与在Word中表格的插入方法有相似的地方创建表格有两种常用的方法：第一种是首先把插入点调整到要插入表格的位置单击“对象面板”中的“插入表格”按钮在弹出的“插入表格”对话框中设置所需的行数和列数表格线宽度为0注意“单元格边距”表示表格内文本与表格线的距离“单元格间距”表示表格内单元格之间的距离这两个在这里不作设置单击“确定”表格插入进来了。第二种方法就是上节课所讲的选择菜单栏的“插入”选项在弹出的下拉菜单中选择“表格”设置方法与第一种是一样的。做一做：现在请大家任意选择一种创建表格的方法根据自己的需要在首页中创建一个表格。注意：对表格的单元格进行合理的合并与拆分（与word中的操作类似）帮助3、设置单元格背景色和边框颜色好大家已经完成了现在我们就来给框架添加背景色和边框色。选中需要设置背景色的单元格单击“属性面板”上的“背景颜色”下拉按钮在下拉的颜色列表中选择自己喜欢的颜色并单击即可将所选的单元格背景色改为自己设置的颜色。要设置边框的颜色单击“边框”颜色更改下拉按钮选择相应颜色即可修改。做一做：请大家把自己刚才制作的表格修饰一下吧。相互看看谁做得更美观推荐出来大家一起学习欣赏下。帮助三、根据自己准备的素材将文字输入到相应的单元格内并插入相应的图片再根据首页制作2—3张网页注意以较为好记的英文名字保存。（一定要和前面的网页对应起来哦！）四、超级链接的使用我们已经把网页做好了有许多同学做的相当好怎样把我们所做好的网页相互联系起来呢？也就是说我们在网上所看到的我要看某条新闻或某个图片时一点就能进入这就是我们今天所要讲的超级链接。（小知识）什么是超级链接？超链接在本质上属于一个网页的一部分它是一种允许我们同其他网页或站点之间进行连接的元素。所谓的超链接是指从一个网页指向一个目标的连接关系这个目标可以是另一个网页也可以是相同网页上的不同位置还可以是一个图片一个电子邮件地址一个文件甚至是一个应用程序。而在一个网页中用来超链接的对象可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后链接目标将显示在浏览器上并且根据目标的类型来打开或运行。在网页中一般文字上的超链接都是蓝色（当然用户也可以自己设置成其他颜色）文字下面有一条下划线。当移动鼠标指针到该超链接上时鼠标指针就会变成一只手的形状这时候用鼠标左键单击就可以直接跳到与这个超链接相连接的网页或WWW网站上去。如果用户已经浏览过某个超链接这个超链接的文本颜色就会发生改变。只有图像的超链接访问后颜色不会发生变化。