八年级信息技术教学计划-下册内容摘要:

( 1)认识 Dreamweaver,熟悉 Dreamweaver 软件环境; ( 2)掌握建立空站点的操作方法; ( 3)掌握新建文件夹的操作方法; ( 4)掌握新建网页的操作方法 过程与方法:巩固设计网站结构的方法 情感态度与价值观 : ( 1)形成良好的文件命名习惯; ( 2)树立成功建站的信心。 【教学重点】: ( 1)理解选择网页制作工 具的原则; ( 2)理解站点的概念; ( 3)理解建立站点文件夹的意义; ( 4)能够完成建立站点、在站点中建立文件夹和网页的一系列任务。 【教学难点】: ( 1)巩固设计网站结构的方法; ( 2)掌握网页命名的技巧。 【教学方法】:对比教学法、探究学习法、模仿学习法 【教学准备】:教学资源网站; 相关素材整理归类; 【教学过程】: 一、导入新课 介绍网站。 网站是由超链接将多个网页组织在一起的集合,其中包含了许多网页文件以及图片、 Flash 动画等素材。 如: 站点 ,就是指网站具体位置。 二、新课学习 页制作工具。 Dreamweaver 是专业的网页制作软件。 它最大的特点就是“所见即所得”的可视化编辑,也提供 HTML 代码。 建空站点 ⑴ 启动 Dreamweaver,“站点”→“新建站点”→“站点定义”。 ⑵ 设置站点属性。 ① “ 站点定义”→“基本”命名为“ life_water”。 ② “下一步”选择“否,我不想使用服务器技术”。 ③ “下一步”选择“编辑我的计算机上的本地副本,完成任务后再上传 到服务器(推荐)。 ④ “文件夹”→“下一步”→“您如何连接到远程服务器”→“无”。 ⑤ “下一步”→“站点定义总结”→“完成”。 建文件夹和网页 ㈠ 新建文件夹 ( 1)“文件”→右键单击“站点 life_water”→“新建文件夹”名为“ untitled”,将其改为“ shuiziyuangaikuang”。 ( 2)右键单击“ shuiziyuangaikuang”→“新建文件夹””→“ shijieshuikuang”,同样地的方法依次建立“ zhongguoshuikuang”、“ jiaxiangshuikuang”文件夹。 ( 3)重复上述步骤,将“ baohushuiziyuan”及其子文件夹“ shuidelangfei”、“ shuidewuran”和“ shuidebaohu”建立好。 ㈡ 新建网页 1.在“文件”面板中右键单击“站点 _ife— water”,在弹出的快捷菜单中选择“新建文件”,这时会新增一行,一个新的网页就建好了。 2.将处于重命名状态的网页命名为“ index. htmi”。 3.设置“ index. html”为网站首页。 (1)执行“站点”→“管理站点”命令,选中“ lire— water”站点,单击“ 编辑”菜单,弹出“站点定义”对话框。 (2)在“高级”选项卡“分类”栏中选择“站点地图布局”,在右侧区域“主页”一栏选择刚才建立好的“ index. html”,单击“确定”,“ index. html”就成了网站的首页。 ( 3)双击“ index. html”左边的工作区变成网页的编辑区域,可输入文字。 ( 4)保存文件。 执行“文件”→“在浏览器中预览”→“ IExplore F12”进行预览。 学生上机操作的任务和目标: ( 1)认识 Dreamweaver,熟悉 Dreamweaver 软件环境; (2)新建 站点; ( 3)新建文件夹; ( 4)新建网页。 第四节 梦幻织网 —— 表格布局、插入媒体元素 【教学目标】: 知识与技能: 掌握利用表格实现网页版面布局的方法; 学会设置网页中文字的格式; 学会调整图片,使其符合要求; 掌握为网页添加背景的方法; 【教学重点】: .给“生命之源 —— 水”的主题网站的首页进行表格布局。 给表格进行属性设置。 编辑网页 —— 插入媒体元素。 【教学难点】: 对表格进行属性设置 插入媒体元素 【教学方法】:探究学习法、模仿学习法 【教学准备 】:相关的网页制作素材 【教学课时】: 2课时 【教学过程】: 第一课时 一、复习上一节课的内容 建立站点 重点讲讲“生命之源 —— 水”主题网站的结构布局(上节课很多学生没有掌握) 二、新课 明确学习内容:表格布局,给表格进行属性设置。 学生自读教材实践 1 的内容以求大致了解学习内容。 教师演示操作步骤: ( 1)启动软件→双击上一节课新建主页“ ”(打开编辑窗口) ( 2)执行“插入” →“表格”(弹出表格对话框) ( 3)在对话框中设置参数:行数为 1,列数为 2,像素为 980,边框粗细为 1 像素,其余参数为默认值。 (4)重复上一个步骤,分别插入两个 1行 3 列,像素为 980的表格。 提示:因为目前显示器的分辨率都在 1024*768 之上,表格的布局宽度为 980 不会出现滚动条,不过我们的电脑只有 800*600,所有达不到效果。 ( 5)设置表格属性:单击第一个表格左边的单元格,在“属性”对话框中设置像素为:宽为 170,高为 100。 如图所示 ( 6)重复步骤 5,将插入的第三个表格的两侧的单元格宽设置为 170 像素。 ( 7)在第三个表格两侧的单元格中分别插入一个 3行 1 列、宽为 170 像素的表格。 ( 8)将刚插入的两个表格的所有单元格的高度设为 200 像素。 ( 9)选择整个表格,在“属性’对话框中将对齐方式改为“居中对齐”。 如图所示。 学生根据老师的演示利用表格给网页进行布局。 三、总结本堂课所学内容 第二课时 课时目标:完成给表格媒体插入媒体元素(教材实践 2至实践 4的内容) 一、复习上一节课的内容 二、新课 明确上一节课所制定的表格的各个单元格所要的内容。 网站标志 (图片) 动画条幅 导航条 导航条 导航条 图片 文字 图片 图片 图片 图片 图片 教师演示 实践 1 ( 1)把第二个表格作为导航区,分别在三个单元格中输入“首页”、“水资源概况”、“保护水资源”。 ( 2)在中间最大的区域的单元格中粘贴文字。 对刚才输入的内容进行对齐设置 ( 3)在导航栏三个空白处单击,在“属性”检查器中将水平对齐方式改为“居中对齐”。 注意:要区分表格对齐和表格内容对齐的区别。 ( 4)设置内容信息区将单元格垂直对齐改为“顶端”对齐。 ( 5)选择文字,在“属性”中调整字体的大小和颜色,设置单元格的背景颜色。 实践 3 ( 1)在第一个单元格中点击鼠标,执行插入→图像命令。 ( 2)在弹出的“选择图 像源文件”对话框中选择网站标志图片,单击确定。 ( 3)在弹出的“图像标签辅助功能属性”对话框中单击“确定”按钮。 改变相片的大小使之符合要求。 ( 4)选中图片,在属性检查器中将图片的大小设为宽为 170像素,高为 100 像素。 插入其他图片 适当调整图片大小并非一定按 170*200。 实践 4 ( 1)在网站条幅单元格中点击→插入→媒体→ flash 命令。 ( 2)在弹出的“选择文件”对话框中选择准备好的 flash动画,单击“确定”按钮即可。 ( 3)调整 flash 动画的大小,方法和调整图片大小的方法一样。 ( 4)点击 flash 动画,在属性中点击“播放”即可以看到效果。 保存网页 文件→保存→按 F12 键可以通过浏览器查看整个网页的效果。 学生根据老师的演示看书单独完成主页的制作,老师下堂寻常,解决疑难。 三、小结本堂课内容 四、教学反思。 第五节联通世界 —— 添加超链接、设置页面属性 【教学目标】: 知识与技能: ( 1)理解导航的作用; ( 2)学会正确设置超链接; ( 3)学会更改网页背景颜色和网页标题。 【过程与方法】:体会利用超极链接解决页面跳转的方法 【情感态度与价值观 】 ( 1)形成技术是为人服务的技术观; ( 2)巩固良好的命名习惯; 【教学重点】 : 1. 文字超级链接的设置; 2. 按钮或图片超级链接的设置。 【教学难点】 : 超级链接的设置 【教学方法】 : 讲授法、演示法、上机实习法 【教学准备】 :从 下载教学资源 【教学过程】 : 一、 创设情境,讲授新课 这节课我们还是以 实例 ,来看看怎么把我们在前面已经建立好的零散的网页组成一个整体 ,进而完成网站的建设。 在前面的学习过程中,我们已经把各个网页建设好了,但到目前为止,网页之间还没联系起来并组一个有机的整体(也就是网站),我们就来看看怎么样把零散的网页链接起来。 ㈠ 内部页面的链接 1. 首页链接到各个子页面 2. 各子页面返回到首页面 浏览者从首页进入子页面后,有时还需要从当前子页面再返回到主页中,因此,需要在各子页面中建立超级链接,返回到主页。 3. 在新窗口中打开链接页面 ㈡ 链接到外部网站 我们知道,在我们的网站中,可以建立链接到网站以外的地方,如:友情链接等。 我们来看看,链接到 外部网站怎么来做。 我们以首页中链接到清华大学为例,在首页加入清华大学网站的 LOGO(后面简称清华大学图片,其实就是清华大学的校徽图案),作为链接外部网站的链接点 ,右击,选择超链接。 ,在地址栏中输入清华大学网站的地址: ,添加期货友情链接。 二、 知识迁移,拓展思维 有关超级链接还有许多其他方 式,如:链接到电子信箱;用书签建立超链接…… 第六节 交流与评价 —— 发布与评价网站 【教学目标】: 知识与技能 角网站发布的基本过程; 学会使用 Dreamweaver 检查站点超链; 正确设置超链接。 【过程与方法】: 1,掌握评价网站的方法; 学会合作交流的方法。 【情感态度与价值观】 培弄协作的意识; 培弄学生踏实的实践风格; 在交往中表现宽容、忍耐的态度。 【教学重点】:学会检查站点超链接;了解网站发布过程;学会上传网站。 【教学难点】:掌握评价网站的方法;学会合 作交流的方法。 【教学方法】:电脑演示法 【教学过程】: 一、新课讲解 直接上传网站的方法:不借助 cut FTP 等上传下载软件,除了使用 Dreamweaver 自带的功能外,使用 IE 也可以直接上传网站。 以网易为例,在 IE 地址栏中输入 后回车。 这时系统会要求输入用户名和密码, IE 就会进入所分配的空间,在资源管理器中打开本地磁盘中主页所在的目录。 选中主页的所有目录和文件,执行“复制”命令,粘贴到 IE 打开的空间,等待传送完毕后就可以浏览了。 二、教学活动: ( 1)合成网站时,容易出现 的。
阅读剩余 0%
本站所有文章资讯、展示的图片素材等内容均为注册用户上传(部分报媒/平媒内容转载自网络合作媒体),仅供学习参考。 用户通过本站上传、发布的任何内容的知识产权归属用户或原始著作权人所有。如有侵犯您的版权,请联系我们反馈本站将在三个工作日内改正。