八年级信息技术教学计划计划
2015-——-2016学年第二学期 2016年 2 月 20 日 一.本学期学生现状分析: 本计划针对七年级全体学生，通过上学斯的学习，学生对计算机的基础知识有了一定的了解，但是由于每一学期信息技术课时比较少，学生的遗忘性大，大多数学生学后没有注意巩固，学生掌握的情况不是很理想，参差不齐。有条件的学生家中有电脑或父母单位有电脑，上机时间相对多一些，操作较熟练，有大部分学生纯粹是上课时间听课,课后就没有练习巩固的机会，所以，这一部分学生对所学知识遗忘较大，操作生疏;所以这学期要多提供给学生动手实践的机会，让学生多动的操作，让学生在操作中学到知识。 二．教材分析 本学期教材是清华大学出版社会出版的《初中信息技术》八年级下册,。内容包括:第一单元：新手入门,轻松上路,开篇之作，星光闪烁，第二单元：统一风格，事半功倍，第三单元:驾轻就熟，按图索伊，图形整合，自由穿梭，第四单元：一触即发，影音视听，分享成果。难点知识：是第二单元的统一风格和事半功倍，重点三四单元驾轻就熟，按图索伊,图形整合,自由穿梭,一触即发,影音视听 三.本学期学生能力要求： 培养学生对信息技术的兴趣和意识，让学生了解和掌握信息技术基本知识和技能，了解信息技术的发展及期应用对人类日常生活和科学技术的深刻影响.通过信息技术课程使学生具有获取信息、传输信息、处理信息和应用信息的能力，教育学生正确认识和理解与信息技1
术相关的文化、伦理和社会等问题，负责任地使用信息技术；培养学生良好的信息素养，把信息技术作为支持终身学习和合作学习手手段，为适应信息社会的学习、工作和生活打下必要的基础. 四.本学期改进课堂教学，提高教学质量的措施： 总体原则采取“任务驱动”教学方式、学生自学方式和动手操作三种方式进行学习，适当进行一些小竞赛及课堂评价的方式进行教学。明确教学重点、难点关键,探索、研究疑难问题及有关微机实践。分析学生情况，统一教学要求，尽力做到超前1-2周，做到每课必备，写好教案。领会大纲精神，钻研教材内容，从学生实际出发做到十备：一备渗透德育；二备重点突出，突破难点方法得当；三备信息技术基本概念；四备信息技术基本操作用语、基本术语;五备信息技术教学中的薄弱环节;六备疑难问题的解决思路;七备信息技术实验操作的增补及成败关键;八备学生自学提纲;九备操作练习作业精选；十备课堂教学的总设计。 五.本学期工作目标: 组织有意义的信息活动，让学生从中体会乐趣，激发学生学习动力.活动中，互相学习，共同进步，培养集体荣誉感. 适时开展比赛，在比中学，学中比，促进提高，培养学生创新能力，注重学生动手、动脑的锻炼、培养 采取基本技能学习与德育想渗透的教学方式，注重培养学生健康向上的人格品质，做到教书育人，使他们成为思想素质高尚的人才 2
2015—2016学年第二学期八年级
信息技术教学进度表
周次 第一周 第二周 第三周 第四周 第五周 第六周 第七周 第八周 第九周 第十周 第十一周 第十二周 时间 2月20日—2月24日 2月27日—3月2日 3月6日—3月9日 3月12日-3月16日 3月19日—3月23日 3月26日—3月30日 4月2日—4月6日 4月9日—4月13日 4月16日—4月20日 4月23日—4月27日 4月30日—5月4日 5月7日—5月11日 教学内容 备注 入学准备 新手入门 轻松上路 开篇之作 星光闪烁 统一风格 事半功倍 驾轻就熟 自由穿梭 按图索伊 图形整合 一触即发 影音视听 分享成果 第十三周 5月14日—5月18日 第十四周 第十五周 第十六周 5月21日-5月25日 5月28日—6月1日 6月4日-6月8日 第十七周 6月11日—6月15日 第十八周 3
6月18日-6月22日
课 题：第1课 新手入门
课 题 课 型 教 学 目 标 新授课 知识与技能： 1．掌握互联网、网页与首页、网站等网页设计与网站制作的基本知识。 2．学会使用记事本作为网页编辑工具来编辑HTML代码并生成网页. 3．掌握浏览网页的方法并理解网页编辑工具与浏览工具之间的关系 过程与方法:利用多媒体设备和软件 情感态度与价值观:激发学生的成就感、培养集体的合作精神和集体荣誉感. 教学重点 了解网站制作的基本知识，并制作一个简单的网页 教学难点 学会使用记事本作为网页编辑工具来编辑HTML代码并生成网页. 教具学具多媒体网络教室。 准 备 教学方法 讲解、学生练习 教 学 过 程 一、导入新课: 在当前的社会生活中,网络正在发挥着越来越重要的作用,大量备
4
新手入门 授课时间 课时安排 一课时 复
制作精美、功能强大的网站出现在互联网上.对于学生来说,制作个 人网站也正在成为一种流行时尚. 通过本教材的学习可以轻松帮助学生入门，并逐步亲手打造属于自己的个性十足的网站。 二、教学新课： 1、首先打开IE浏览器，在地址栏中输入网址,打开一个范例网 站的首页,单击首页中的动画、超文本、图片等网页元素，可以分别 链接到网站中的其他页面中。在操作过程中教师提出问题,引导学生 思考互联网、网站、网页、首页等术语的含义，以及它们之间的关 系，尝试让学生体会浏览器和网页的关系，从而将网站设计与网页 制作的基本知识进行概括总结并明确落实到每个学生身上。 在进行教学的时候,一定要让学生认识到已有知识的重要性,充分利 用已经具备的技能去尝试解决新问题,从而变被动学习为主动探究. 教师可引导学生充分利用教材中的“视野拓展”和“创作天地\"板块进行自学，这实际上是在实施分层教学，以巩固本课的知识技能为主，适当地进行补充，让部分基础较好的同学在完成基本任务之后也能有事可做，给学生创造出提高的空间。 作为网站制作的起始课，教师要切实地关注每个学生,尤其是在以前的学习过程中表现出学习能力较弱的学生,要确保每个学生都有一个好的开始，都能将第一个网页作品保存到教师指定的位置（本地磁盘或网络中的指定目录）。 教师应对所有完成保存网页任务的学生进行及时地评价与鼓励,保护学生的学习积极性.另外,对完成基本任务并有所创新的同学重点5
表扬，鼓励学生主动学习，有计划地营造良性竞争的氛围。 2、网页设计与网站制作 在本课中通过欣赏站点，使学生了解和掌握互联网、网页与首页、网站、IE浏览器的基本含义,并且能够明确它们相互之间的关系. 学生在学习网站制作之前已经接触过网站,浏览过各式各样的网页，因此教师在完成此教学任务的时候，可以充分利用学生已有基础,不必完全进行讲授式教学，可以结合启发、设问等方法,使学生尽可能地自己总结出相关知识。 3、使用记事本作为网页编辑工具来编辑HTML代码并生成网页 在进行此部分教学的时候，可以先借助学生已有技能,启动记事本,复制并粘贴素材文件中提供的HTML代码，命名并保存文件，然后在浏览器中进行预览. 对于HTML代码部分，教师可以尝试通过修改属性值的方法，引导学生探索标签的含义及其与属性值的对应关系，这也同时是对“创作天地”板块中的练习进行提示的过程，然后通过分析此HTML实例,讲解HTML语言的基本结构,对基本的 3) 保存文件 三、课堂练习： 使用记事本作为网页编辑工具来编辑HTML代码并生成网页 四、 课 题：第二课:轻松上路 ——规划网站及创建站点 7 课 题 课 型 教 学 目 标 轻松上路 新授课 授课时间 课时安排 1节课 知识与技能: 1.了解网站开发流程。 2.学会利用Dreamweaver8创建站点。 过程与方法: 情感态度与价值观： 教学重点 了解网站制作的基本知识，并制作一个简单的网页。 教学难点 多媒体网络教室. 教具学具讲解、学生练习。 准 备 教学方法 教 学 过 程 一、导入新课： 开发一个网站是一个相当来说比较繁杂的过程,对于一个网 复 备 站而言，要有一个总的战略规划和目标.在做一个网站前,要有一 个全盘的考虑.我们知道一个房子一旦地基没有打好，是要拔了重新盖，我们做网站也是一样，如果你前期规划做的不好,后面 的工作就意味着白辛苦.这节课我们以“安全自护我能行\"为主题 来进行网站规划和创建站点 二、教学新课： 1。了解网站开发流程 8 (1）网站需求分析 一个网站在设计前,就应该考虑网站规模多大,就是多少个页面，每个页面的大体内容是什么,要用到那些素材，有那些导航,做较大一点的网站尤为如此。还要考虑以后会有什么改动，还要增加那些网页，尽量让以后的改动尽可能的小.网站的需求分析所用的时间应该占到总开发时间的一半以上. ①确定网站主题 写作文要围绕中心思想去写,做网站要围绕主题去做.个人主页、休闲、体育、教育、新闻、娱乐、购物、健康等等,不管那类网站,都不能脱离自己的主题，必须表现个性,表现出特色才能给人留下深刻印象，让人流连忘返. ②收集素材 我们在这所说的素材就是你的网页上要用的各种素材，主要包括：文字、图片、动画、音频、视频等.在网站主题明确后，就应该把素材准备好,当然是越充分越好。不要等到用的时候到处去找，那就影响效率了。 ③规划站点 站点规划是需求分析中最重要的一个环节，包含很多方面的内容。我们上节课看了一些别人做的网站，相信大家都多多少少了解一些:栏目设置、颜色搭配、图文的应用等等。只有把这些内容都考虑全面了,制作的时候你的速度就快.否则就等着不停的返工吧。 （2）设计制作网站页面 页面制作要先大后小,先粗后精。就是先要把每个页面要放什么内容,按什么结构先做一个大概，所有页面的大概都做完后,再去完善和细化。 （3）网站的发布 需要域名和网页文件的存放空间。 2。利用Dreamweaver8创建站点 （1）启动Dreamweaver8 简单的进行界面介绍 (2）创建站点 步骤参见书上第12页 3.做一个简单的网页 要求图文并茂 三、课堂练习: 9 学生小组合作完成任务，并将任务上交到教师机。 四、课堂小结： 对于较快完成任务并且完成任务较好的同学进行表扬鼓励。 五、布置作业： 六、板书设计: 七、教学后记 课 题：第三课:开篇之作 ——基于表格的页面布局 10 课 题 课 型 教 学 目 标 开篇之作 新授课 知识与技能： 1。创建站点和网站首页。 2.掌握对表格属性的相关设置。 过程与方法： 情感态度与价值观： 授课时间 课时安排 一课时 教学重点 能够对表格属性进行熟练的设置 教学难点 能够对表格属性进行熟练的设置 教具学具多媒体网络教室 准 备 教学方法 讲解、学生练习 教 学 过 程 一、导入新课： 一个网站的规划设计完毕了，接下来的工作就是网页设计。 我们知道一个网站的首页就像一本书的目录一样，我们做网站也 一样,要先把首页确定下来.我看了我们上一周做的网页,有些同学 想发挥点创意,但发现页面布局很乱，图片文字乱七八糟堆放在一 起。这节课我们就来学学怎样对页面布局进行控制.在这之前我们 先来看看别人的首页是怎么做的。（查看事先准备好的示例网页, 分析表格在该页的作用) 二、教学新课： 11 复 备 （一）复习创建站点的步骤。 1.在D盘新建一个文件夹，作为站点文件夹。 2.打开Dreamweaver8，单击“站点”菜单下的 “新建站点”命 令. 3。新建站点（步骤略，参加课本p12）。 （二)创建网站首页 1．整理素材 （1）右击“文件”面板中站点名“站点—安全自护我能行D:\\safe”，在弹出的快捷菜单中执行“新建文件夹”命令，然后将文件夹命名为images. (2)将首页素材图片index。gif,复制粘贴到images文件夹中. （3)在safe文件夹下新建一文件夹other,将flash动画素材整理到other文件夹中。 2。创建并保存首页 (1)单击 “文件”—>“新建”命令，选择“常规\"，在“基本页”列表框中选择HTML选项,单击 “创建”按钮，即建立了一个空白页。 （2)执行“文件”—〉 “保存\"命令，保存名index.html，默认保存路径是站点的跟目录.注意保存类型选择“html文档”. （三）对首页进行初步布局 1.为页面添加背景颜色 （1)单击文档窗口，使插入点在编辑区内闪烁，然后单击“属性”栏的“页面属性”按钮. 12 （2）找到 “背景颜色\"选项,输入浅黄色的颜色数值＃FFFF94,单击“确定”按钮，背景色设置完成。 2。设置网页标题并预览网页效果。 3。使用表格初步布局网页。 （1）在文档窗口中单击，在页面左上角放置插入点。 (2）执行“插入\"->“表格”命令。 （3）在弹出的“表格”对话框中设置一个2行1列的表格,宽度600像素。 (4）单击“标签选择器”中的 课 题：第四课：星光闪烁 ——用Flash动画完善首页 课 题 用Flash动画完善首页 授课时间 14 课 型 教 学 目 标 新授课 课时安排 一课时 知识与技能： 1.学会表格的调整. 2。能在网页中插入Flash，并对相关属性进行设置。 3。能在网页中插入文本,并对文字格式进行设置. 过程与方法：学生动手、自主探究 情感态度与价值观：提高学生的动手能力、及学生们对网页的认识. 教学重点 在网页中插入Flash，并设置相关属性 教学难点 在网页中插入Flash，并设置相关属性 教具学具学生电脑 准 备 教学方法 演示法、讲授法 教 学 过 程 一、导入新课： 对于一个网页,信息的表达是多种多样的,我们可以使用文 字、图片等,我们也可以为网页添加动画、音频、视频等,为了让我们的网站看起来有动感，吸引别人的眼球，我们应该学会在网 页中使用Flash。这节课我们就来一块学学怎么在网页中使用 Flash。 二、教学新课 1.新建站点 （1）将“安全自护我能行”站点文件夹传到学生机。 （2）新建站点。 2。调整表格 1) 选择对象 表格、行、列、单元格属性的设置是以选择这些对象为前提的。 15 复 备 a) 选择表格：“标签选择器”中单击〈table〉标签；“表格” 菜单下的“选择表格”命令。 b) 选择某一单元格:按住Ctrl键，同时单击选中的单元格； “标签选择器”中单击〈td>标签。 c) 选择某一行或某一列:将光标移动到行左侧或列上方，当鼠标指针变为向右或向下的箭头图标时，单击即可。 2) 设置第一行的属性 选中表格的第一行,将高度设为420。和flash的高度一致。 3.插入flash动画 1) 将光标定位在表格第一行中,执行“插入”-—》“媒体”—-》Flash命令。 2) 在弹出的对话框中选择other文件夹下的index。swf，单击确定。 3) 观察插入flash的状态，在编辑视图下，flash不可见。 4) 单击选中flash文档，在属性面板设置相关属性：循环、自动播放。预览观察效果。 5) 设置Flash参数，如P23页，图4。6所示. 4。在网页中插入文本 1) 插入普通文本：光标定位在单元格内，直接输入文字。 2) 插入特殊字符：“插入\"—-》“HTML”——》“特殊网页”。 3) 设置文本属性：根据情况选择合适的格式或文字大小、颜色、对齐方式等。 三、课堂练习： 学生小组合作完成任务,并将任务上交到教师机. 四、课堂小结： 五、布置作业: 六、板书设计： 七、教学后记 课 题：第五课：统一风格 —-制作框架网页 16 课 题 课 型 教 学 目 标 新授课 制作框架网页 授课时间 课时安排 知识与技能: 1.掌握表格的拆分与合并。 2。学会创建框架、制作框架网页和保存框架网页。 3.能制作鼠标经过图像的动态效果。 过程与方法：学生动手、自主探究 情感态度与价值观:使学生对框架结构有一个初步的认识 教学重点 创建框架和制作框架网页 教学难点 掌握目标设置在网页制作过程中的作用和方法 教具学具学生电脑 准 备 教学方法 演示法、讲授法 教 学 过 程 一、导入新课: 一个网站常常划分成多个区域,对于每个区域来说，其色彩 搭配、网站风格、网站标题、网站导航都是统一的。为了能做到这种统一,我们每个网页中相同的内容固定在一个区域。我们通 过创建框架制作框架网页,可以轻松实现网页结构划分和布局。 使大家对框架有一个初步的了解和感性认识. 二、教学新课 1。新建站点 (1）将“安全自护我能行”站点文件夹safe传到学生机. (2）新建站点. 2.创建框架和框架集 17 复 备 制作框架网页的前提是创建框架,并根据网页布局设计框架 的样式，然后再具体设计制作网页的内容。 (1）规划“框架”文件夹。 （2）新建框架集 步骤1:执行“文件”—-》“新建”命令,打开“新建文档”对话框,在 “类别”中选择 “框架集”. 步骤2:单击“创建\"按钮,在弹出对话框中单击“确定\"，框架 创建完成。 （3）保存框架集 步骤1：执行“文件”-—》“保存全部\"命令，保存到frame文件夹中。 步骤2：重命名框架集文件和每个框架文件。 （4）设置框架和框架属性 框架的属性包括框架名称、源文件、边距、尺寸、滚动条等；框架集的属性包括框架面积、框架边界颜色、距离等。 步骤1：执行“窗口”——》“框架”命令，打开框架面板. 步骤2：单击“框架”面板中的框架边缘部分，选中框架集,在 “属性”面板中设置框架集的属性. 步骤3：单击“框架”面板中的topFrame框架和mainFrame框架，在“属性”面板中设置所选框架的属性。 (5)制作框架网页 ①制作上框架网页 步骤1：打开网页top。html,设置背景颜色#EAFF8A，上边距为0像素。 步骤2：插入一个2行5列的表格并调整行列的高宽.。。..。 步骤3：在导航表格中,设置鼠标经过图像. 步骤4：为图片添加超链接，设置打开方式（目标）。 ②制作下框架网页 步骤1：打开网页main。html，设置背景颜色#EAFF8A，上边距为0像素。 步骤2：插入一个5行9列的表格并调整行列的高宽。。。。。。 步骤3：合并相关单元格。 步骤4:插入图片，并为图片添加超链接. 步骤5:添加邮件链接。 三、课堂练习: 18 学生小组合作完成书上的练习任务，并将任务上交到教师机 四、课堂小结： 1。创建框架，实现网页风格的统一,保存框架时，需要保存框架集文件和含有框架的所有文件。 2。利用鼠标经过图像，可以制作网页导航动态按钮. 3。超级链接是实现网页互联的关键，设置网页的打开方式,可以调整链接网页的显示位置. 五、布置作业： 六、板书设计： 七、教学后记 课 题：第六课:事半功倍 —-制作网页模板 19 课 题 课 型 教 学 目 标 新授课 知识与技能： 1、掌握模板的概念,特别是可编辑区域和不可编辑区域. 2、学会创建模板. 3、能用模板快速的制作网页 过程与方法:学生动手、自主探究 情感态度与价值观：提高学生的自学能力，对网页的认识和对网页模板的了解 教学重点 理解模板中的可编辑区域和不可编辑区域 教学难点 掌握模板的概念，特别是可编辑区域和不可编辑区域 教具学具学生电脑 准 备 教学方法 演示法、讲授法 教 学 过 程 一、导入新课： 我们在进行大量的页面制作的时候，很多页面会用到相同的 布局，图片和文字等元素。这样我们需要做一次次的重复性劳动，那么有没有更好的方法让我们来快速的实现呢！有，通过制作网 页模板快速创建网页。这就是我们这节课学习的内容。 二、教学新课 一、模板的概念： 模板可以被理解成一种网页模型，利用这个模型能够方便的制作出很多页面，使用模板可以避免重复的在每 20 制作网页模板 授课时间 课时安排 一课时 复 备 个页面输入或修改相同的部分，待网站改版的的时候，只要改变 模板的设计,系统就能自动更改所有基于这个模板创建的网页。 二、模板的优点： 1。 风格一致，看起来比较系统,也省去了制作同一 面页的麻烦。 2。 如果要修改共同的页面不必一个一个修改,只 要更改应用于它们之上的模板就可以了。 3。 免除了以前没有此功能时还要常常“另存为\"， 一不小心就会覆盖重要档案的困扰. 4。 模板的优点还有它也不是一成不变的，即使是在已经使用一个模板创建文档之后，也还可以对该 模板进行修改。当更新模板时，文档中的锁定区都会被更新，与模板的修改相匹配. 在我们知道了模板的概念和优点之后，让我们通过实例来具体的理解吧！现在给大家3分钟时间，然后边看边思考两个问题:1、请大家找出例子中网页的相同地方和不同地方。2、例子中风格接近的网页可以有几种方法制作？ （框架？用另存为？……） 再考虑：如果用以上两种方法做的话，万一网页的共同部分要改动的话,是否每张都要改动过？ 能不能一次修改，所有网页就会自动更新呢（方法就是使用模板！） 现在我们来看看如何创建模板（教师边演示边解说） 三、如何创建模板 步骤1：打开“安全自护我能行”站点，执行：“窗口”-—“资源\"命令，打开“资源”面板，单击模板按钮,切换到模板子面板 步骤2：单击“新建模板按钮”， 将“资源”面板的模板列表中名称为Untitled修改为module,回车，则Dreamweaver在“资源”面板和Templates文件夹中创建一个新的空模板。 步骤3：打开“文件”面板,在Templates中新建images和other两个文件夹，拷贝素材 四、利用表格规划模板网页 我们创建好了模板后,可以利用表格规划模板了，这是我们学习过21 得内容，大家根据书38页具体步骤自己动手规划吧！ 三、课堂练习: 大家根据书38页具体步骤自己动手规划 四、课堂小结： 五、布置作业： 六、板书设计: 七、教学后记 课 题:第七课 统一风格 -—制作框架网页 22 课 题 课 型 教 学 目 标 新授课 制作框架网页 授课时间 课时安排 一课时 知识与技能： 1．掌握利用模板创建网页的方法。 2．学会运用Flash按钮制作导航栏进行站内导航. 3．了解链接对象的目标框架的含义 过程与方法： 情感态度与价值观： 教学重点 掌握利用模板创建网页的方法. 教学难点 学会运用Flash按钮制作导航栏进行站内导航 教具学具学生电脑 准 备 教学方法 讲解、学生练习. 教 学 过 程 一、导入新课： 创建模板是为了形成网站的统一风格,加快网站的建设。就像 工厂生产机器零部件一样。模板创建完成后,面临的工作就是利用 模板创建网页了. 二、教学新课: 1。新建站点 (1）将“安全自护我能行”站点文件夹safe传到学生机。 （2）新建站点。 复 备 23 2.应用模板创建网页 （1）规划“日常生活”文件夹 （2）应用模板 ①用模板直接创建网页 步骤1:执行“文件” —-》“新建”命令，打开“模板” 标签,选择模板文件module,单击“创建”按钮，即可基于module模板创建一个网页. 步骤2：执行” 文件”——》 “保存”命令，将网页命名为rcsh。html,并保存到rcsh文件夹中. ②创建空白网页后再应用模板. 步骤1：创建空白普通网页。 步骤2：打开“资源\"面板，单击“模板”按钮,则模板资源显示在模板中. 步骤3：选择合适的模板，单击“应用”按钮。 3。将日常生活网页链接到框架网页 （1)打开all。html网页，选择rcsh图片。 （2)在属性面板中单击链接文本框后的“浏览文件”按钮。选择网页rcsh.html。 （3）设置目标框架为mainFrame，表示单击图片后，网页“日常生活\"在框架网页的下框架mainFrame中打开。 4。利用Flash按钮制作导航栏。 5。填充日常生活网页中的内容. 6。创建模板的其他方法。 24 三、课堂练习： 学生小组合作完成任务，并将任务上交到教师机。 四、课堂小结: 1。利用模板创建网页. 2.在框架中打开网页的方法。. 3制作Flash按钮链接。 五、布置作业： 六、板书设计： 七、教学后记： 课 题:第8课 自由穿梭 课 题 课 型 25 第8课 自由穿梭 新授课 授课时间 课时安排 一课时 教 学 目 标 教学重点 教学难点 知识与技能：1．灵活地使用水平线分隔网页元素. 2．学会插入命名锚记以创建锚点链接。 3。 学习使用Flash文本作为链接对象。 过程与方法:讲解、学生练习。 情感态度与价值观： 局部连接的插入 局部连接的设置于运用 教具学具学生电脑 准 备 教学方法 讲授法、演示法 教 学 过 程 一、导入新课: 当初步制作“交通出行\"网页后，可以看出本页包含的内容很多，不同主题的文 字和图片罗列在一起，难以区分，因此我们考虑使用水平线分隔元素，并为页面添加锚点链接，实现网页的局部跳转,快速地将访问者带到特定主题或者网页顶部。 复备 二、教学新课 （1）插入水平线 水平线对于组织信息很有用.插入水平线，操作比较简单,执行菜单“插入”→HTML →“水平线”命令就可以插入默认属性的水平线,其宽度为100%,高为2个像素,带有阴 影。另外，还可以打开“插入”工具栏中的HTML工具栏，单击“水平线”按钮插入 水平线， 在水平线的“属性检查器”面板中，可以设置水平线的宽度、高度、对齐方式、是 否带有阴影，应用的CSS样等，如要设置水平线的颜色可使用“快速标签编辑器\"按 钮 或在“拆分”视图中通过添加代码操作. 宽和高：以像素为单位或以页面尺寸百分比的形式指定水平线的宽度和高度。 对齐：指定水平线的对齐方式（“默认”、“左对齐”、“居中对齐\"或“右对齐”).仅 26 当水平线的宽度小于浏览器窗口的宽度时，该设置才适用. 阴影：指定绘制水平线时是否带阴影。取消选择此选项系统将使用纯色绘制水平线。 需要注意的是，水平线的有些设置在编辑窗口无法直接看到效果，需要在 IE浏览器中预览,例如图8。2所示的为2条不同属性设置的水平线在编辑窗口中的状态和IE浏览器中预览效果的对比。 （2)创建锚点链接 在教材中我们将创建锚点链接分为两个步骤：命名锚记和链接锚记. 在进行链接锚记的时候，我们采用是在“属性检查器”的“链接”文本框中输入锚记名称的方法,这就要求我们记住各个锚记对应的主题内容才能操作，否则还需要单击相应的锚记名称，通过该锚记的“属性检查器\"找到锚记名。其实，在进行链接设置的时候,锚记也可以像文件一样，直接被鼠标选择作为链接目标，其步骤如下： ① 选择要添加链接的主题文本,如“非机动车交通安全”。 ② 单击“属性检查器”中“链接\"文本框后的“指向文件”按钮 ，直接拖动按钮到页面上，此时将会出现黑色的箭头，我们将此箭头拖动到需要链接的锚记即可，如图8。3所示. 27 图8.3 用¡°指向文件¡±链接锚记 (3）插入Flash文本 Flash文本与Flash按钮十分相似，都是在Dreamweaver中制作出的具有Flash效果的网页元素,都可以设置超链接，当给Flash文本设置好背景色后，其外观就如同Flash按钮。 在保存Flash文本的时候，需要注意的地方是保存路径，参考Flash按钮设置即可，此处不再重复。 三、课堂练习： 在网页中插入局部连接 四、课堂小结: 五、布置作业: 六、板书设计： 七、教学后记 28 课 题：第9课 按图索骥 课 题 课 型 教 学 目 标 新授课 按图索骥 授课时间 课时安排 一课时 知识与技能：1．理解图像热点超链接的含义 2。 学会绘制各种形状的热区,并为之设置链接目标。 过程与方法： 情感态度与价值观： 教学重点 图像热点超链接 教学难点 图像热点超链接 教具学具学生电脑 准 备 教学方法 演示法、讲授法 教 学 过 程 一、导入新课： 在Dreamweaver 8中，允许使用者以多种方式综合使用图像，为网站增添生命力，同时加深浏览者对网站的良好印象。 二、教学新课 1）图像热点超链接 备 复 在“家务劳动\"页面中,我们插入了一张尺寸较大的图像，图 像的不同区域代表不同的主题内容，我们要为此图像设置局部图像 29 链接，制作出“一图多链”的效果。在Dreamweaver 中,这种被分为 多个区域（或称“热区\"）的图像就称为“图像地图”。 本图像地图包含3个热区,它们链接的目标既有命名锚记，也有新创建的网页，其对应链接关系和目标框架如图9。2所示 图9.2 设置图像地图的属性 （2）图像查看器 在制作图像查看器之前,先要准备素材图片。在Dreamweaver中，对3种格式图像的支持是最好的，它们是GIF、JPEG和PNG。但是IE浏览器只能部分支持PNG图像的显示，所以我们最好选用GIF和JPEG格式的图像制作图像检查器. 我们不仅可以通过执行“插入\"→“媒体\"→“图像查看器”命令的方法插入图像检查器，还可以直接单击“Flash元素”工具栏中的 30 “图像查看器”按钮，如图9。3所示. 图像查看器的制作过程也是制作swf格式的Flash动画文件的过程，我们在“Flash元素”面板中设置的参数直接影响此动画文件的效果。 在“窗口”菜单中,我们会发现其实并没有“Flash元素”命令，如果打开“标签检查器”面板,然后在编辑窗口中单击创建好的图像查看器的图标,那么“标签检查器\"面板会自动变为“Flash元素”面板,再此设置图像查看器的参数就可以了。 3）网页与模板分离 当网页通过执行“修改”→“模板”→“从模板中分离\"命令与模板分离之后,网页在编辑区域如图9.4所示的提示将会消失. 三、课堂练习： 完成课本练习 四、课堂小结: 七、教学后记 31 因篇幅问题不能全部显示，请点此查看更多更全内容
Copyright © 2019- oldu.cn 版权所有 浙ICP备2024123271号-1
违法及侵权请联系：TEL:199 1889 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务