)第十六课 充实网页

作者: 来源: 发布时间:2009年12月28日
 

 

一、教学目标
知识目标:在运用表格排版主页的基础上充实网站首页;
技能目标:熟练运用“插入”菜单给主页添加入物体对象;
情感目标:培养学生循序渐进地处事风格。
 
二、重点难点
教学重点本课重点是熟练运用“插入”菜单给主页添加入物体对象,如插入水平线、标题横幅、加入作者版权说明等。
教学难点:本课难点是力求网站的首页内容丰富、图片色彩搭配和谐基础上,如何把“插入”菜单活用,学生能自己探索运用其中一些未接触过的选项。
 
三、教学准备
1.教学环境:多媒体网络教室,学生计算机中安装IE5.0以上版本及Frontpage2000以上中文版,要求能上因特网。
2.教学素材: 建站素材库
3、网站样例:蓝色阳光网站主页
 
四、教学课时: 1课时。
 
五、教学过程
(一)新课引入
同学们,现在大家把上节课做的网页打开(教师挑选二位学生通过多媒体系统展示给全体学生),我们用表格的方法把网页的内容固定下来了。不过有没有发现,是不是觉得缺点什么。
学生答:整体的版面不够生动!
对!是有那么一点儿。今天一起来动手,补上这一遗憾怎么样。
(二)教师示范演示、讲授
今天我们学习的内容就是第十六课充实网页,教师出示“蓝色阳光”网站主页样例。
网站的首页是网站的一个窗口,不仅要有精美有序的界面,还要能充分反映网站的内容和特色。
1、丰富主页内容
“蓝色阳光”网站的主页为浅色背景,画面要求清新自然,所以只需要加入一些色彩鲜艳的小图片加以点缀,同时镶嵌动态文字以表现学生生活的勃勃生机。
(1)插入图片。在主页标题和栏目标题旁边插入小图片。操作步骤如下:(图略)
A在需要插入图片的单元格内单击鼠标。
B在菜单栏中选择“插入”中“图片”的来自文件选项。
C单击“浏览”按钮,仿效操作。
教你一招:在主页中加入的多张图片,一般都保存在网站文件夹目录下的“images”中。这样你的网站文件夹无论“搬”到哪里,都不怕网页里的图片会丢失。
(2)加入滚动字幕。在主页标题下方配上具有滚动效果的文字会显得格外有生气。操作步骤如下:(图略)
A把光标停留在需要插入字幕的单元格内。
B在菜单栏中选择“插入”、“组件”、“字幕”。
C在“文字”框内输入所需要的文字,然后设置“表现方式”等参数,单击确定按钮即可。
D切换至“浏览”窗口中。观看所插入的动态字幕的效果。
2、注明作者和联系方式
在主页的下方一般要注明作者和版权所有等事项(图略),有时还要说明浏览网页的最佳方式等。对于花费大量心血的网站,我们要树立作品的版权保护意识。
“蓝色阳光”是个个人网站,一般只需要加入网站制作者及联系方式。操作步骤如下:(图略)
(1)将光标定位于表格下方,单击快捷按钮“插入表格”,在原表格下方加入一张2×1表格。
(2)在新表格第一行中,插入一条水平线。
(3)在新表格第二行中,输入网站制作者的名字与联系方式,如图(图略)。
最后,对整个主页再加以适当的美化,即可基本完成“蓝色阳光”主页的制作。
3、教师小结。
(三)学生上机操作实践
同学们现在我们开始来制作实践,学生以小组为单位进行练习。教师来回巡视指导。
(四)教师总结评估
 
六、教学资料
参考网址:
建网站技巧http://tech.tom.com/software/netskilllist.html
网络无限http://on6.myetang.com/net/jzjq.htm       
 
 
点击数: 【字体: 收藏 打印文章 查看评论
相关信息
    没有关键字相关信息!

上一篇:第15课 用表格定位网页[ 12-28 ]

下一篇:第19课 让网页有声有色[ 12-28 ]