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

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