资源简介

第十三课 充实主页 教学设计
1教学目标
1．通过充实主页的内容，掌握插入图片、设置单元格属性、加入滚动字幕等方法
2．通过主页上版本信息的注明，树立正确的版权保护意识
3．通过对主页的适当调整与美化，进一步提高对页面布局、图文混搭，颜色搭配进行合理的调控能力
2学情分析
完成主页的规划布局后，学生有了一定的审美素养，能将文字、图片和网页各元素合理、恰当地排放在网页中，本课是前一课的深化与提高，所见即所得的操作效果，能大大增强学生的操作兴趣，教学效果预见良好。
3重点难点
重点：图片插入、单元格属性设置、版权说明等
难点：首页内容丰富、图片色彩搭配和谐
4教学过程
活动1【导入】教学导入
师：上一节课我们运用表格为网页布局，使得网页有了合理排版看起来更加的整洁和利于浏览。但是这样的网页完善了吗？
生：没有
师：缺少了些什么呢？
生：单调，不美观，缺少图片
师：同学们说了很多建议，使得主页看起来会更加的美观，下面请同学们欣赏几张完善的主页，感受一下，（展示几张范例）今天我们的任务就是来充实主页
活动2【讲授】新授课
（一）丰富主页内容
师：我们首先就来添加同学们刚才提到的图片，请同学们参考P50，在素材包里挑选一张图片插入到主页合适的位子中。
生：（自主探究）在主页中插入图片
生：演示
师：如果图片大小不符合要求，怎么办？演示
师：请同学们思考，插入好了图片后如何保存？
生：演示
师：网页中用到的图片等素材都要保存到网站文件夹下的指定文件夹中，这样无论将网站搬到哪里，都能保证网页上的图片能正常显示。
（二）设置单元格背景
师：插入了图片的网页看起来要好看很多，但是文字部分就显得很单调，有什么办法改进吗？
生：背景
师：请同学们参考书本P50-51，试一试添加单元格背景
生：（自我探究）单元格背景的添加
生：演示
师：广播一些同学的作品
师：请同学们思考下：给网页添加背景时需要注意什么？什么图片都能作为网页背景吗？
生：再次给主页添加合适的单元格背景
（三）加入滚动字幕
师：同学们看一看在老师展示的网页上还有些什么呢？
生：字幕，滚动字幕
师：请同学们参考书本P51，试一试添加滚动字幕
生：（自我探究）滚动字幕的添加
生：演示
师：请同学们思考下，字幕的文字颜色和字幕的背景可以设置吗？怎么设置呢？
生：自我探究
生：上台演示
师：添加了滚动字幕的主页看起来更生动
（四）注明版权信息
师：现在这张主页已经完成的差不多了，老师说这张主页是我一个人完成的，同学们同意吗？
生：不同意
师：怎样让浏览网页的人知道网页的制作者是谁呢？
生：在主页上标明作者和版权信息
师：请同学们在主页最下方的单元格中输入你们的名字和联系方式。这样既可以让浏览者认识你们，也表明了网站的版权归建站者所有。
生：请一位同学来演示
师：总结
师：通过以上四个步骤，今天我们充实了自己的主页，下面我们来欣赏下同学们的作品吧
师：展示学生作品
活动3【作业】课堂总结与课后作业
结合本课内容，选择合适的素材，以个人或小组的形式完成一个以学习为主题的网页设计，参照效果图完成作品。

展开更多......

收起↑