六年级下教学文档Word下载.docx
- 文档编号:13718162
- 上传时间:2022-10-13
- 格式:DOCX
- 页数:14
- 大小:22.04KB
六年级下教学文档Word下载.docx
《六年级下教学文档Word下载.docx》由会员分享,可在线阅读,更多相关《六年级下教学文档Word下载.docx(14页珍藏版)》请在冰豆网上搜索。
教学难点
学会初步合理规划自己的网站并对网页的制作产生兴趣。
教学准备
⑴“清史追忆”网站。
⑵有特色的历史主题网站的网址。
⑶建设主题网站的相关学习材料。
教学过程
一、新课引入:
打开“清史追忆”网站以作比较用。
二、教学内容
1设问:
你知道这个网站的主页是怎么制作出来的吗?
2.设问:
主页有什么作用?
教师活动:
切换到刚才打开的两个网页上,比较以后看看它们给你的第一印象是什么?
有什么特点?
。
3.网站整体规划
一个成功的网站,其前期的整体规划是必不可少的。
1、确定网站表达的主题。
要设计一个新的网站之前,首先要确定好网站的主题。
个人网站可以根据自己的特长或兴趣爱好进行选定。
2、确定网站的总体结构。
总体结构的确立至关重要,若网站的总体结构清晰明了,在设计网页时就会得心应手,游刃有余;
但若网站的总体结构混乱,在设计网页过程中将会颠三倒四,无法将自己的想法表达出来。
网站结构是根据主题需要和服务需求来确定的。
网站的组织结构一般采用树形结构。
3、确定网页的表达形式。
组成网站的网页有多种多样的表达形式,或以简洁的文本,或以多媒体表现手法,提供华丽的图像、复杂的页布置、优美的音乐、精美的视频等。
网页的表达形式常常因主题而异或因人而异。
4、资料的收集与整理
三、实践体验练习
根据教材的制作过程和以前的规划完成网站主页的设计
四、本课小结
教学反馈
第2课主页设计显心思
主页设计显心思
2013.3.18
(1)学会“共享边框”、“悬停按钮”的使用方法。
(2)懂得运用表格进行页面的合理布局。
(3)懂得添加网站图标、横幅。
懂得运用表格合理布局页面的方法。
培养学生的美感,让他们感受美、追求美、创作美。
⑴“共享边框”、“悬停按钮”的使用方法。
⑵运用表格进行页面的合理布局。
运用表格进行页面的合理布局。
一、引入
在Frontpage中,我们可以使用一种叫页面框架的方法来制作网页。
使用这种方法可以使网页的结构规范起来,并能使条理清楚,操作方便。
二、新授
1、下面我们就来学习怎样建立一个框架网页。
(一)、创建框架网页
1)、认识框架网页
2)、创建框架网页
(二)、编辑框架网页:
1)、在框架网页中添加和格式化文本。
2)、调整框架的大小。
3)、拆分框架。
4)、删除框架。
注意:
从框架网页中删除框架时,该框架中显示的网页也会被删除5)、为框架网页设置背景颜色和背景图片。
(三)、设置框架网页属性
1、显示和隐藏框架边框2、显示和隐藏框架滚动条
(四)、在框架网页中设置超链接。
1.在框架中设置文本超链接;
2、在框架中设置图片超链接。
(五)、保存框架网页。
2.设置悬停按钮。
1)、将光标定位在要放置悬停按钮的位置处;
2)、选择“插入”菜单→“组件”→“悬停按钮”,弹出“悬停按钮属性”对话框
3)、在“悬停按钮属性”对话框中,在“按钮文本”框内输入按钮文本,并设置链接到的位置,还可以设置“按钮颜色”、“背景颜色”、“效果”、“效果颜色”、“高度”、“宽度”等属性,最后单击“确定”按钮;
4、以鼠标拖动插入的悬停按钮外框上的控制点可改变其大小。
三、学生操作
四、小结。
第3课主页内容动手做
主页内容动手做
2013.4.1
(1)懂得将word或powerpoint中的艺术字调用到网页上。
(2)给网页元素添加动态HTML效果。
(3)设置图片的过渡效果
(1)通过给网页添加艺术字效果,学会知识的迁移,软件间资源相互调用。
(2)通过给网页添加动态HTML效果以及图片的过渡效果,学会给网页添加动态效果的方法。
通过给网页添加艺术字效果,动态HTML效果和图片过渡效果等,激发学生热爱网页制作兴趣。
⑴给网页元素添加动态HTML效果。
⑵设置图片的过渡效果。
⑶所需要素材。
一、复习
在前面的学习中,我们学会了在网页上制作滚动字幕。
那么同学们是不是都会做了呢?
二、引入
大家在上网浏览的过程中,有没有注意到有些网页上的某些图片会在你用鼠标点击后变成另外一张图片?
或者是有些文字会从不同的地方突然飞出来?
三、新授
其实这种效果我们称为网页的动态效果,这种动态效果分为两种,一种是图片的动态效果,一种是文字的动态效果。
今天我们就先学习做图片的动态效果。
1做一个图片的动态效果。
需要以下几步步骤:
步骤一:
单击“格式”菜单中的“动态HTML效果”命令。
步骤二:
单击工具栏中的,插入一张图片。
步骤三:
选定图片,单击“开启”下拉列表中选择一种事件,如“单击”事件。
步骤四:
在“应用”下拉列表中,选择一种效果,如:
“交换图片”效果。
步骤五:
在“选择设置”中,单击“选择图片”。
步骤六:
选择图片。
步骤七:
单击“确定”按钮返回页面。
2.教师演示操作过程,
3.学生按照教师所演示操作过程,完成在网页上制作图片动态效果的过程。
4.依照上面步骤做文字动态效果。
5.如果在制作网页动态效果的过程中,对于自己所做的动态效果不满意或者是做错了,你可以把所做的动态效果删除。
删除的方法就是打开“动态HTML效果”工具栏,利用其中的“删除效果”按钮就可以把动态效果删除。
四、学生练习。
五、小结。
第4课国画精品齐欣赏
国画精品齐欣赏
2013.4.15
⑴会用图片工具栏处理图片。
⑵会在图片上放置文本。
⑶学会给网页中的图片制作“自动缩略图”。
掌握对网页中的图片进行修饰和制作图片“自动缩略图”的方法。
通过修饰网页中的图片和制作图片“自动缩略图”,激发学生热爱网页制作兴趣,培养学生的审美情趣。
学会给网页中的图片制作“自动缩略图”。
⑵活动过程中的需要用到的网页素材。
一.引入。
一个图文并茂的网页显然比纯文字内容的网页显然更具吸引力。
今天我们进一步学习关于图片处理的一些技巧。
二、新课。
1、插入图像
插入图像到网页内容中,方法是:
选择“插入”菜单→“图片”命令→选择“来自文件”或“剪贴画”,然后选定图像文件或剪贴画即可。
2、编辑图像
插入图像到网页中后可对图像进行简单的编辑和加工。
⑴.编辑图像大小
插入图像到网页中后,图像大小默认为原图大小,若要调整图像的大小,只需以鼠标单击该图像,图像的四周会出现八个控制点,再以鼠标拖动其中一控制点即可自如地调整图像大小。
⑵.给图像加边框
通过设置图像属性,可改变图像的对齐方式、给图像加上边框等。
给图像加上边框的操作方法:
在要添加边框的图像上单击右键弹出快捷菜单,选择“图片属性”命令,弹出“图片属性”对话框,再在对话框中设置边框粗细值为大于0的某个值,单击“确定”按钮即可。
三、学生操作。
第5课诗词作品陶性情
诗词作品陶性情
2013.5.2
(1)查看网页的HTML源代码。
(2)利用书签建立超级链接。
(1)通过本活动教会学生查看网页的HTML源代码的方法。
(2)通过活动学生的举一反三能力、拓展学习的能力得到培养和提高。
(1)通过学习,提高学生网页设计的积极性,破除网页设计神秘感。
(2)通过链接“中国知识产权网”等网页,培养学生的知识产权意识。
(3)添加超链接的字体效果。
一、引入
超链接是网页的一个最基本的元素,通过设置链接我们可以若干个网页有机地联系在一起,方便浏览者从一个网页跳转到另一个网页,从而自如地在Web世界漫游。
如果一个网页没有超链接到其它页面,也没有被其它网页链接,那就成了茫茫网海中的孤岛。
超链接是WWW万维网存在的基础。
下面我们学习用书签的方法设计超链接。
1.创建内部超链接与设置书签
⑴.打开前面已做好网页(gdjj.htm),作适当的修改与编排
⑵.将光标定位在网页中有关内容段的小标题前位置处。
⑶.选择“插入”菜单→“书签”命令,弹出“书签”对话框(如图5示),在书签名称处输入书签名a4。
⑷.单击“确定”按钮,完成书签设置。
⑸.回到网页开头位置处,选定文本。
⑹.单击工具栏中的超链接按钮,弹出“创建超链接”对话框。
⑺.在“创建超链接”对话框左下角的“书签”项后面的框中,单击下拉按钮,选中书签要链的书签名a4。
⑻.单击“确定”按钮,完成链接到书签的设置。
类似地重复上面的⑵~⑻的操作步骤,依次分别设计书签及相应的超链接创建好。
2.设置超链接的属性
超链接创建后还可以通过改变超链接属性来改变它。
三.学生操作
四.小结
第6课动感过渡效果好
动感过渡效果好
2013.5.13
(1)了解html语言结构。
(2)懂得修改html语言程序中的参数改变网页效果的方法。
(3)学会设置网页过渡效果。
通过各种尝试操作,让学生从体验中感受知识,从操作中形成知识。
(1)培养学生观察能力及实际操作能力。
(2)提高学生审美情趣。
⑴了解html语言结构
⑵学会设置网页的过渡效果。
懂得修改html语言程序中的参数改变网页效果。
(2)鼠标跟随效果的html源程序。
出示示范网页,从而引入动态效果。
1、添加动态HTML效果
对网页中的元素设置动态HTML效果,可以使得网页具有一
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 六年级 教学 文档
![提示](https://static.bdocx.com/images/bang_tan.gif)