第十二课《制作网站首页和框架》
12、制作网站首页和框架(自制)
1、观察几个风格不同的个人主页，注意观察主页的内容版块布局 2、“网站首页的一般内容：网站标题、网站图标、导航栏、水平 线、网站主题介绍、作者及电子邮箱……” 常见的网页布局有： “国”字型；“匡”字型；“三”字型；“川”字型；封面型； Flash动画型；标题与文本型；框架型…… 3、选择一种布局方式来设计自己的首页 4、练一练：新建一个网页，根据上节课自己拟订的网站设计方案， 在空白位置输入网站名称、栏目名称、主题介绍、作者姓名等内容。 5、仿照word的操作，利用格式栏中的工具按钮，设置改变文字效 果，展示出自己的个性。小组内交流：怎样使文字格式更美的。 6、保存主页文件 教师指导学生保存时，首页应保存为index.htm 或default.htm，保存的位置是上节课所规划的网站文件夹。
1、试一试：改变网页的背景和插入图片 学生阅读 课本89页，独立试探完成背景颜色效果的设置。 2、进一步尝试和交流：除了使用色彩作为背景， 还可以怎样美化背景？能用图片作为背景吗？试试 看，怎样才能办到？ Frontpage能像word一样插入 图片吗？试试看。 3、组织学生进行交流：怎样设置背景网，欣赏 /xsgrzy/ 网站的学 生作品。选择一种你最欣赏的主页布局样 式，自找素材制作一个介绍“中国年”的 主题网站首页。
川教版六上信息技术
1、用以前学过的打开软件的方法，在“程序”中 找到并打开“FrontPage”。 2、用鼠标试探FrontPage网页编辑窗口界面上各 部分的名称，了解各按钮的作用，小组内进行交 流，说说与Word窗口有哪些异同。 3、练习：打开一个已经做好的网页，试探一下三 种编辑视图模式按钮的效果。
六年级信息技术上册 第12课 打造自己的网站 1教案 华中师大版
第12课打造自己的网站教学目标：1.认识网页制作工具FrontPage2000。
2.能建立个人网站。
3.会更改网站文件存储的地址。
教学重难点：掌握FrontPage的打开、保存、退出以及在FrontPage中编辑文字，并根据模板创建个人网站。
教学时间：1课时教学过程：一、激趣导入(出示电脑课件，学生自行点击浏览优秀网站)师：这都是伍、六年级学生做出来的网页，大家说，做得好不好？(生：好)只要大家努力，我们也能做出这样的网页。
同学们，从这节课开始，我们白手起家，创造自己的网屋，从制作最简单的网页开始，步步深入，最终建成内容丰富的漂亮的网屋。
不过，做网页有个工具才行，我们先来认识一下吧!二、初识FrontPage(电脑演示电脑的操作)和窗口的组成。
师：(开始----程序----Microsoft FrontPage)这窗口看起来有点熟悉吧，你能说出FrontPage 与以前我们学过的哪个软件相似吗？他们有哪些相同的地方和不同的地方？(出示word窗口和FrontPage窗口进行对比)【设计意图：让学生初步认识FrontPage，了解FrontPage窗口的组成。
培养学生独立思考的能力。
】三、制作网页1.布置任务。
师：看了这么多精彩的网页，也初步熟悉了FrontPage这个软件，大家是不是有点动心了，想不想自己动手来做自己网站啊!大家可以小组合作完成一个主题网页，每人做一个内容，也可以单独来完成自己的个人网页。
【设计意图：布置任务，推动学生探索，培养学生自主探究的精神。
】2.操作示范：以教师制作的网页为例讲解最简单的网页制作。
师：有的同学在看完了操作之后忘记了怎么办呢？到课件网页里面看看，老师已经为你们准备了相干的引导，点击这里，可以帮助你解决问题，如果在制作过程中还有不懂的地方还可以和老师、同学一起来讨论解决它。
【设计意图：引导学生合作，培养学生的合作能力。
使留学生明白网络课件的使用，使学生利用课件交互学习。
完整川教版小学信息技术教案六年级上册
六年级（上期）信息技术执教老师：信息技术教学计划第一课刺探磁盘和文件夹的秘密小明的妈妈为他买了一个 MP3播放器，据说有512兆，你知道是什么意思吗? 大概能装多少首歌曲？你还知道哪些表示存储空间大小的单位？这些单位之 间有什么关系？ 一、进一步了解磁盘信息师：同学们，电脑中的硬盘和MP3播放器哪个容量更大？打开电脑，你能在“我 的电脑”中找出硬盘C:的容量大小信息吗？1、学生探究：在“我的电脑”中了解每个硬盘使用情况，填写下表：（教师 提示学生注意观察选中磁盘后有什么新信息出现）抽生汇报：你的电脑中每个硬盘各多大？你是怎么查看到的？2、提问：如果要同时列出所有磁盘的使用情况，又该怎么做？ 提示学生读书，找到解决的方法并实验。
抽先完成的同学回答具体操作步骤。
二、 查看和修改磁盘的卷标师：在“我的电脑”窗口中，C:、D:、E:是盘符，为了进一步说明哪个盘 主要保存什么内容，操作系统允许我们给磁盘取一个简单的“名字”，这就是 显示在盘符左边的卷标。
例如，我们一般把C 盘叫“系统盘”，保存游戏的叫 “游戏盘”等等。
如果想修改卷标，该怎么做呢？学生尝试，或通过看书学习操作的方法，学会后演示给本组同学看。
师教学反思：查看和修改卷标的方法不止一种，既可以右击图标，选“属性”， 然后再修改卷标；也可用“重命名”的方法改；还可以在卷标处单击再修改。
三、 了解文件和文件夹的详细信息1、查看文件夹的属性教材册次 课 题四川省义务教育阶段信息技术课改教材教学设计1课序号知识与技能 掌握利用“属性”了解磁盘大小，使用情况，卷标名字等信息； 利用“属性”了解文件夹，文件有关信息； 学会修改文件、文件夹的属性（只读等）； 用“资源管理器”看磁盘和文件夹。
过程与方法通过学生尝试探索，学会查看有关磁盘和文件的信息，观察各各磁 盘和文件的属性。
情感态度与 价值观 培养学生学习计算机的兴趣和良好的上机习惯，培养学生勇于尝试， 在自主学习中体验成功的乐趣。
(人教版)小学五年级信息技术上册 第12课《制作框架网页(二)》word教案
（演示）教具
电脑，投影仪。
第6页/共14页
教学资源
多媒体教室。
基本资源
教科书，黑板，粉笔等。
活动流程图
1、课题引入 2、提出主题 3、学生自主学习 4、难点讲解 5、学生自主学习 6、难点讲解 7、学生自主学习
六、教学过程
活动内容和目的
1、观察“西祠胡同”和校园网单击超级链接的效果， 了解框架网页的概念和作用 2、仔细观看框架网页成品 3、根据教师提供的操作步骤完成任务一 4、掌握新建框架网页的方法 5、思考回答教师提出 6、根据教师提供的操作步骤完成任务二 7、掌握设置框架网页属性的一些技巧，将框架属性和网页 属性区分开来 8、完成任务三 9、认真观察教师的操作过程 10、完成基本任务的学生继续完成拓展任务
学生自主探究学习，可向老师寻求帮助。完成设置后请同学示范操作，并说明自己设置的
方法和原因。操作基础扎实的同学完成任务后可进行扩展学习。
小结
1.本章学习：框架网页； 2.框架网页的保存，需要保存各小框架中的网页和框架网页本身；
1.注意体会框架网页的保存，从而理解框架网页的结构；
思考题及作业
2.在课堂上发送作业“F：/关于 frontpage 题，学生完成并提交；
知识与技能：1、 了解框架网页的概念和作用 2、 掌握框架网页的新建和保存的方法 3、 掌 握设置框架网页初始页面和新建页面的方法 4、 会对框架网页进行简单的设置 5、 掌握框架网 页中插入超级链接的方法 6、 学会在网页中插入动画 过程与方法：根据教师提供的素材及操作 步骤，能独立完成基本制作任务，并能在制作的过程中发现问题解决问题 情感态度与价值观：1、 能根据网站主题设计出美观实用的框架结构 2、 能通过对框架网页的制作，开拓学生的思路，提 升学生的创造力。
五年级下册信息技术教案12设计框架网页 闽教版
五年级下册信息技术教案12设计框架网页闽教版一、课时布置1课时二、教学目的1、创立〝我的作品〞框架网页。
2、保管〝我的作品〞框架网页。
三、教学重点创立〝我的作品〞框架网页。
四、教学难点创立〝我的作品〞框架网页。
五、教学进程〔一〕、导入新课师：框架网页是一种特殊的HTML网页，它可以将阅读器窗口联系成不同的区域，每一个区域显示不同的网页内容，这些区域就称为框架，具有这种功用的网页，就叫框架网页。
〔二〕、新课教学1、创立〝我的作品〞框架网页。
FrontPage提供了多种框架网页的模板供你选择，经过执行菜单栏中〝文件〞-〝新建〞-〝网页〞命令来完成。
〔1〕将教员提供的文件夹中的〝my production〞文件夹拷贝到自己电脑D盘上，并在Frontpage中翻开该站点；〔2〕执行菜单栏中〝文件〞-〝新建〞-〝网页〞命令，翻开〝新建〞对话框，单击对话框中的〝框架网页〞选项卡，在框架模板框中，选择〝目录〞模板；〔3〕单击〝确定〞按钮，新建一个〝目录〞样式的框架页；〔4〕单击左边的〝目录〞框架中的〝新建网页〞按钮，就在左框架中新建了一个网页；〔5〕在〝目录〞框架网页中拔出一个7行1列的表格，表格的高度与宽度均为100%，边框粗细为0；〔6〕依次在表格的第二至第五行单元格中输入〝笨笨熊之家〞、〝我喜欢的植物〞、〝我的课程表〞和〝七巧板〞，并设置字体、字号、颜色等；在第六行拔出一个.gif图形〔images文件夹中的email.gif〕；〔7〕设置网页背景，设置表格各个单元格水平居中对齐；〔8〕单击左边主框架中的〝设置初始网页…〞按钮，翻开〝创立超链接〞对话框；在对话框中选择〝tangram〞文件下的〝index．htm〞文件，并单击〝确定〞按钮，就把这个网页设置成了主框架的初始网页；〔9〕选中〝笨笨熊之家〞，单击常用工具栏中〝超链接〞按钮，翻开〝创立超链接〞对话框，选择站点文件夹中的bear文件夹下的index.htm文件；〔10〕单击〝目的框架〞方框左边的〝更改目的框架〞按钮，弹出〝目的框架〞对话框，选择〝公用的目的区〞中的〝网页默许值〞，单击〝确定〞按钮，回到〝超链接〞对话框，单击〝确定〞按钮；用异样的方法设置其他三个标题的超链接；〔11〕区分右击左右框架网页，在弹出的快捷菜单中，单击〝框架属性〞命令，翻开〝框架属性〞对话框，单击〝可在阅读器中调整大小〞复选框，取消该功用；〔12〕单击〝框架网页〞按钮，在翻开的〝网页属性〞对话框中，选择〝框架〞选项卡；单击〝显示边框〞复选框，取消该功用，单击〝确定〞按钮，回到〝框架属性〞对话框，再单击〝确定〞按钮；〔13〕将编辑形式切换到〝预览〞，预览网页效果。
人教版六年级信息技术上册 第12课 框架网页尝试做 教案
第12课框架网页尝试做教学目标1、使学生能掌握COOL 3D软件菜单上的功能及工具的使用2、指导学生运用软件上的工具进行创建文件、运用工具、运用特效。
制作动画。
3、引导学生通过简单的创意和操作,感受电脑美术课的乐趣,从而激发学生学习电脑美术的兴趣和热情。
4、通4、通过COOL 3D的实践操作,提升审美情趣;感受3D动画的魅力,产生进一步学习的兴趣;通过完成任务,产生对学校的热爱之情。
2学情分析教学对象是八年级的学生。
大部分学生有一定的信息技术素养和计算机基础,COOL 3D软件对学生来说比较简单,学习起来容易上手。
抓住这一先决条件,以学生为主体,我设置一个让学生充分展示的活动,激发全体学生的学习兴趣,提高综合应用所学知识去解决问题,锻炼学生宏观分析问题的能力和综合实践能力。
并利用“小组制”每组选出“小老师”。
在学生操作时,又提倡互帮互助,增强学生的团队合作精神。
3重点难点重点:1.使学生掌握运用工作室、对象样式内的各种特殊效果创建动画。
2.输入文字,通过特效组合加入动画样式,进行动画创作设计。
难点:1.熟悉COOL 3D的窗口以及了解COOL 3D的基本用法2.学生在操作过程中把握好工具的使用特点。
4教学过程4.1 第一学时4.1.1教学活动活动1【导入】制作动画文字教学过程引入新课教师:同学们在闲暇之余喜欢看电影吗?知道3D电影吗?我们满洲里有3D电影院吗?今天老师也给大家带来了一部很热播的3D电影。
1、打开《阿凡达》3D电影让学生欣赏,从而调动学生学习热情与兴趣。
教师:它与普通的电影有哪些不同?学生:给人更强的立体感和更真实的感觉,甚至仿佛身临其境……教师:像这些精彩的3D动漫都是由强大的3D软件制作完成的。
今天我们一起来学习简单的文字动画制作,它是台湾友立公司研发的Ulead Cool 3D。
讲授新课教师:打开书53页(学生阅读),问:COOL 3D这个软件主要是用来制作什么的?应用在哪些领域?学生:各种文字动画,应用网页、演示文稿、多媒体作品制作标题(目前广泛应用于医学、教育、军事、娱乐)、广告产品展示、片头飞字等。
人教新课标信息技术五年级上册第12课制作框架网页(二)课件
设置框架集的属性
使用框架集属性面板可以设置边框和边框大 小。设置框架属性会覆盖在框架集中设置的相应 属性。比如，设置某框架的边框属性，将覆盖在 框架集中对该框架设置的边框属性。
选取框架集，打开框架集的【属性】面板。 如图所示。
•边框：设置文档在浏览器中查看时是否显示框架边框。 •边框颜色：设置边框的颜色。 •边框宽度：指定框架集中所有边框的宽度。 •框架大小：单击【行列选择范围】区域左侧或顶部的选项卡；然后在“值” 文 本框中，输入高度或宽度。
第12课《制作框架网页（二）》
保存框架和框架集
理解框架集HTML代码
创建框架和框架集
• 锁谓框架集就是指定义网页结构与属性的 HTML 页面，这其中包含了显示在页面中 框架的数目，框架的尺寸，装入框架的页 面的来源，以及其他一些可定义的属性的 相关信息。框架集页面不会在浏览器中显 示（noframes 部分除外），它只是向浏 览器提供如何显示一组框架以及在这些框 架中应显示哪些文档的有关信息。
本章习题 上机练习
练习1 制作一个3栏框架
制作一个3栏框架网页效果，如图8-51所示。
图8-51 框架效果
练习2 制作框架网页
• 制作一个框架网页， 如图8-52所示。在这 个页面中将文档分成 了上、中左、中右、 下4部分，上下两部 分在浏览者浏览整个 站点时内容保持不变， 在中左的框架中放置 了二级导航的相关内 容，单击一级导航的 链接文字显示不同的 二级导航菜单，单击 二级导航菜单中的链 接文字，则在中右部 分的文档中显示相应
制作一个简单框架网页
• 要制作框架网页，就要建立框架集。框架 集是组织页面内容的常见方法，通过框架 集可以将网页的内容组织到相互独立的 HTML页面内，相对固定的内容（比如导航 栏、标题栏）和经常变动的内容分别以不 同的文件保存将会大大提高网页设计和维 护的效率。
《制作框架网页》PPT课件
8.4 设置框架和框架集属性
框架属性确定了框架集内各个框架的 名称、源文件、边框的框架能否调整大小 等。框架集属性确定框架的大小和框架之 间的边框宽度和颜色等。在框架结构文档 中，框架和框架集都有各自的属性设置面 板，它们的属性应该分别进行设置。
8.4.1 框架的属性
1．启动框架属性面板
图8-10 “框架”控制面板和框架属性面板
创建框架的目的是在框架中建立新的 网页或打开已有的网页文档。
8.3.4 保存框架和框架集
框架集文件和与之相关的框架文件必 须先保存，才能在浏览器中预览整个框架 网页内容。可以分别保存框架集页面或框 架页面，也可以同时保存所有打开的框架 文件和框架集页面。
1．保存框架
图8-9 “保存为”对话 框
2．保存框架集
利用框架结构，可以把导航条内容固 定在页面的顶部、左边或右边。在浏览网 页时，用户可以直接选择导航条上相应的 内容，切换到所对应的页面，这都需要事 先对各个框架建立超链接。
要想在框架内使用链接，必须为链接 设置一个目标，该目标是指框架内链接要 打开的网页内容。根据链接目标的不同， 框架中的链接主要有两种：框架内的链接 和关键字的链接。
2．设置框架的属性
8.4.2 框架集的属性
1．启动框架集属性面板
图8-11 “框架”控制面板和框架集属性面板
2．设置框架集的属性
8.4.3 设置或更改框架的属性
1．设置框架的大小 2．设置框架和框架集的边框 3．设置框架或框架集的边框颜色 4．改变框架的背景色
8.5 链 接 框 架 的 内 容
8.3 编 辑 框 架
8.3.1 选定框架和框架集
在对框架进行编辑操作之前必须先选 择所需的框架，可以直接在网页文档视窗 中选择框架，当然利用“框架”控制面板 对框架进行操作比较方便。
六年级上册信息技术教案-制作网站首页和框架-川教版
第十二课制作网站首页和框架
第二课时
教学目标：
知识目标：
1.了解首页的功能，知道把作为首页。
2.掌握主题设置的方法，能为网页添加横幅及标题文字；
3.学会在网页中插入表格，进行布局，掌握如何向表格中添加图片及文字。
能力目标：培养同学们的自学能力，解决困难的能力。
情感态度价值观：使同学们体验成功的喜悦，树立自学的意识。
学习重点：
1.设置主题，为网页添加横幅及标题文字。
2.用表格进行页面布局，在表格中添加图片及文字。
学习难点：在表格中添加图片并保存。
课前准备：
1.知识准备：学生建立自己的主题站点，并进行规化；
2.材料准备：自学资料
教学过程：。
教学设计：制作网页(框架)
教学设计：制作网页（框架）学习目标:制作框架网页在网页中插入字幕和超链接知识制作框架网页框架网页是一种特殊的网页，它将窗口划分成若干小窗口区域（框架）。
每个框架独立显示一个不同的网页（有自己的网页名字），整个框架网页有一个总的名字。
框架与表格在组织网页结构时相似。
表格是对页面区域进行划分，框架是对整个浏览窗口进行划分。
·创建框架网页：单击菜单文件→新建→网页，选择框架网页标签→选择嵌套式层次结构·选中的框架边框为蓝色，在拆分或删除框架时应注意是否选中。
·隐藏框架间的横线：右击框架网页→单击框架属性→在对话框中单击框架网页按钮，在网页属性对话框中选框架标签→设置显示边框为未选中状态。
·按住键，拖动鼠标可以快速拆分框架。
·删除框架：单击菜单框架→删除框架。
·保存框架网页时注意要保存所涉及到的所有网页。
·更改框架链接的网页：右击相应的超链接→在弹出的快捷菜单上选择超链接属性命令，打开超链接对话框→可直接选择列出的文件，或在框中输入网页的地址→单击目标框架右边的更改目标框架按钮，在当前框架网页中选择目标框架。
网页中插入字幕·插入字幕：光标定位插入点→单击插入→组件→字幕打开字幕属性对话框；→在文本框中输入文字，选择方向速度表现方式等；→选中字幕，拖动鼠标，调节字幕运动范围。
·修改字幕：双击字幕，可以打开字幕属性对话框，对字幕属性进行修改。
超链接相关网页超链接是从一个网页指向另一个目标的连接。
一般在网页中的某文字或图片上设置超链接。
·创建超链接：单击文字或图片→常用工具栏的超链接按钮，打开创建超链接对话框。
·取消超链接：选中具有超链接的文本或图片，单击超链接按钮，在打开的对话框中将栏中的内容删除。
·跟踪超链接：在超链接上右击，在打开的快捷菜单上选择跟踪超链接命令；或：在普通视图中，按住键，将光标移到超链接上，单击，会跟踪连接到超链接指向的目的位置。
信息技术《制作网站首页》教案
（2）网页布局方法：学生可能对表格布局与层布局的适用场景和优缺点理解不深。
举例：讲解表格布局适用于较为简单的页面布局，但灵活性较差；层布局适用于复杂、灵活的页面布局，但需要掌握CSS样式。
（3）网站首页设计技巧：学生在设计网站首页时可能缺乏创新和审美能力，难以把握整体风格和布局。
举例：提供一些设计技巧，如使用统一的色彩搭配、合理的空间布局、关注用户体验等。
四、教学流程
（一）导入新课（用时5分钟）
同学们，今天我们将要学习的是《制作网站首页》这一章节。在开始之前，我想先问大家一个问题：“你们在日常生活中是否访问过各种网站，有没有注意过它们的首页是如何设计的？”这个问题与我们将要学习的内容密切相关。通过这个问题，我希望能够引起大家的兴趣和好奇心，让我们一同探索制作网站首页的奥秘。
3.成果展示：每个小组将向全班展示他们的讨论成果和实验操作的结果。
（四）学生小组讨论（用时10分钟）
1.讨论主题：学生将围绕“网站首页在实际生活中的应用”这一主题展开讨论。他们将被鼓励提出自己的观点和想法，并与其他小组成员进行交流。
2.引导与启发：在讨论过程中，我将作为一个引导者，帮助学生发现问题、分析问题并解决问题。我会提出一些开放性的问题来启发他们的思考。
五、教学反思
在本次《制作网站首页》的教学过程中，我发现学生们对网页设计充满好奇，但同时也存在一些挑战。首先，对于HTML标签和属性的使用，虽然大部分学生能够跟随课堂进度，但仍有个别学生对此感到困惑。在今后的教学中，我需要更加耐心地辅导这部分学生，可以通过更多的实际操作和案例解析来帮助他们理解和记忆。
举例：介绍如何利用表格进行网页布局，以及如何使用层布局实现网页元素的自由排列。
信息技术七年级上册第12课《规划与设计网站》教学设计
信息技术七年级上册第12课《规划与设计网站》教学设计一、教材分析本课是七年级信息技术上册中关于网站制作的重要内容。
教材通过引导学生进行网站的规划与设计，让学生了解网站建设的基本流程和方法，培养学生的创新思维和实践能力。
通过学习本课，学生将掌握网站规划的要素、设计原则以及初步的网页布局技巧，为后续的网站制作奠定基础。
二、学情分析七年级学生对网络和信息技术有一定的兴趣和了解，在日常生活中也经常浏览各种网站。
然而，他们对于如何规划和设计一个网站可能缺乏系统的认识和方法。
这个年龄段的学生具有较强的创造力和好奇心，通过适当的引导和实践，可以激发他们的学习热情，提高他们的网站设计能力。
三、教学目标（一）知识目标了解网站规划的重要性和基本要素。
掌握网站设计的原则和方法。
认识不同类型的网页布局。
（二）能力目标能够根据需求进行网站的规划与设计。
提高学生的创新思维和审美能力。
（三）情感目标培养学生的团队合作精神和责任感。
激发学生对信息技术的兴趣和探索欲望。
四、教学重难点（一）教学重点网站规划的要素和设计原则。
网页布局的设计方法。
（二）教学难点如何根据特定需求进行个性化的网站规划与设计。
协调网站的内容、功能与美观性。
五、教学过程（一）导入新课（5 分钟）展示一些优秀的网站案例，引发学生对网站设计的兴趣。
提问学生：“这些网站有哪些优点？如果你要设计一个网站，你会从哪些方面入手？”引出本课主题。
（二）新授内容（30 分钟）网站规划的重要性和基本要素讲解网站规划的意义，如明确目标、提高效率、保证质量等。
介绍网站规划的基本要素，包括网站主题、目标受众、内容结构、功能需求等。
组织学生进行小组讨论，确定一个网站主题，并分析其规划要素。
网站设计的原则和方法阐述网站设计的原则，如简洁性、易用性、美观性、一致性等。
讲解网站设计的方法，如色彩搭配、字体选择、图片运用等。
展示一些违反设计原则的网站案例，让学生分析问题并提出改进建议。
网页布局的设计方法介绍常见的网页布局类型，如流式布局、固定布局、响应式布局等。
(人教版)小学五年级信息技术上册 第12课《制作框架网页(二)》word教案
教具 电脑
教学过程 课题引入 （3 分钟）
课前安排
学具 课本
教学过程设计
教师活动
计算机辅助教学 投影
学生活动
教学意
1、打开“西祠胡同”主页，输入
观察“西祠胡同”和校园
通过学
用户名，单击左侧各讨论版名 网单击超级链接的效果，了解 平常经常浏
称，让学生观察讨论版的首页 框架网页的概念和作用
的网站，让学
显示的位置
3、 提出本节课学习主题：制作 完成框架网页
仔细观看框架网页成品
通过对 品的展示，让 生对本节课 内容有一个 体认识
学生自主学习
布置任务一、
根据教师提供的操作步骤
框架网
（5 分钟）
框架网页的新建与保存
完成任务一
的保存是框
1、 根据要求新建一张框架网页
网页制作这
2、 根据要求保存框架网页
章节非常重
的内容，首先
三、学习者特征分析
学生在学习过建立站点，新建普通网页，制作表格网页之后，学习制作框架网页。大部分学 生已经比较好的掌握了制作网页的有关知识，对本章节的学习是很有帮助的。由于本章节内容较 前面的内容稍有难度，因此教师根据实际情况设计课堂任务，让学生牢固地掌握本章内容。
四、教学重难点
重点 难点
1、框架网页的新建与保存 2、设置框架网页的初始页面及新建网页 3、框 架网页中超级链接的设置 1、 框架网页属性的设置：重新设置初始页面，滚动条的设置，框架的拆 分等 2、 框架属性和网页属性的区别 3、 框架结构的设计
（1）通过以“能源与环境”为主题的框架结构网页制作活动，了解更多有 关能源与环境和谐相处的知识，通过故事趣闻，增强学生关注动物的兴趣和意识 。
《制作主页》框架问题设计
《制作主页》案例平罗四中李红燕教学目标八年级上学期第五单元《建设网站》的教学内容，是让学生在已经创建好站点的基础上，学会利用frontpage 2003制作主页。
利用英特尔未来教育框架问题来设计本课，我设计课题是“家乡特色”。
基本问题：如何创作出有“特色”的网页作品?单元问题：1、哪些内容能展现家乡的特色?2、如何运用所学技术来完成作品?3、有特色的作品是什么样的?内容问题：1、你从那几个方面来突出家乡的特色?2、如何收集你要的素材?3、你会利用表格来规划你的主页吗?4、网页背景是怎么设置的?5、如何在网页中插入图片和文字内容？6、如何给网页添加背景音乐？7、如何更改网页图片保存文件夹？教学流程第一步：教师用《宁夏川》视频主题片，请同学们为介绍家乡浓郁的宁夏乡土气息，将宁夏的地域、人文素材作背景创设学习情景，培养学生热爱家乡、建设家乡的情感。
做演示文稿的情境来引入新课。
第二步：学生分成学习小组，八人一组，推选出小组长，每个小组可以为小组命名并分工。
第三步：作品制作前技术储备，介绍内容问题。
1、你从那几个方面来突出家乡的特色?2、如何收集你要的素材?3、你会利用表格来规划你的主页吗?4、网页背景是怎么设置的?5、如何在网页中插入图片和文字内容？6、如何给网页添加背景音乐？7、如何更改网页图片保存文件夹？第四步：各小组收集资料并整理归类，初步尝试进行作品制作。
第五步：活动——作品发布会，由小组长介绍小组作品。
第六步：确定作品内容，引出单元问题。
1网页应包含的内容。
◆作品标题◆导航列表◆图片内容◆背景图片和背景音乐2引出单元问题●哪些内容能展现家乡的特色?●如何运用所学技术来完成作品?●有特色的作品是什么样的?第七步：作品评价。
讨论基本问题：如何才能创作出有“特色”的网页作品? 第八步：教师出示自我评价表，列出评价细则，学生评价自我的表现。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
新课
教学准备
大屏幕投影、多媒体网络教室、相关图片及文档素材
教
学
过
程
一、创设情景，引入课题：
师：老师今天给大家带来了一个礼物，它是一个漂亮的网站，它就是“刘翔个人官方网站”，请同学们欣赏。
刘翔全球个人官方网站（/）
上节课我们已经规划了自己的网站，并且搜集了素材，这节课咱们来动手制作网站的首页。你知道有哪些软件可以用来制作网页吗？ 教师引入：其实好多字处理软件都可以设计网页，如word中，利用“另存为web页”就可以将文档保存为网页，有些图像处理软件如PhotoShop也可以制作网页，windows“记事本”也可以制作网页……不过FrontPage和Dreamweaver却是最方便的网页制作软件，因为它们不仅可以制作网页，而且能方便地设计和管理网站，很适合入门学习。
任务三：美化网页
师：（通过广播展示一些学校或公司网站、以及学生网站4幅截图）请同学们观察这四个网站的首页，色彩和风格上有什么不同？（抽生回答） 要使我们的首页更美，我们可以用色彩或图案来美化它，你还希望你的网页背景是什么色彩或图案？你觉得可以插入什么图片来突出网站的主题呢？ 1、试一试：改变网页的背景和插入图片 学生阅读课本89页，独立试探完成背景颜色效果的设置。 投影展示：“格式——背景”的关键步骤画面
我们先学习用FrontPage2000制作网站的首页。
二、新课教学
任务一：认识FrontPage2000
1、学生探究：用以前学过的打开软件的方法，在“程序”中找到并打开“FrontPage”。
2、师引入：FrontPage与Word的操作非常相似，请同学们用鼠标试探FrontPage网页编辑窗口界面上各部分的名称，了解各按钮的作用，小组内进行交流，说说与Word窗口有哪些异同。
设置网页背景
进一步尝试和交流：除了使用色彩作为背景，还可以怎样美化背景？能用图片作为背景吗？试试看，怎样才能办到？ Frontpage能像word一样插入图片吗？试试看。 2、组织学生进行交流：怎样设置背景效果？怎样插入图片和调整大小？ 四、课外拓展
上互联网，欣赏/xsgrzy/ 网站的学生作品。选择一种你最欣赏的主页布局样式，自找素材制作一个介绍“中国年”的主题网站首页。
抽生回答：你觉得网站首页应当包含哪些图、文内容？你能形象地描述以上网站的布局样式吗？
根据学生的回答，适时板书“网站首页的一般内容：网站标题、网站图标、导航栏、水平线、网站主题介绍、作者及电子邮箱……” 常见的网页布局有：“国”字型；“匡”字型；“三”字型；“川”字型；封面型；Flash动画型；标题与文本型；框架型……你能指出老师展示的这些网站属于哪种布局吗？你准备选择哪一种布局方式来设计自己的首页？
信息技术教学设计
课题
第十二课《制作网站首页和框架》
教学目标
1、知识与技能：理解个人网站首页的基本构成；了解制作网页的软件，掌握FrontPage2000网页文本编辑和图片插入方法，以及网页背景的设置方法。
2、过程与方法：先让学生观摩一些漂亮、有个性特色的首页，然后任务驱动，让学生参考教材，互助学习，自主学会知识与技能，实现首页的制作。
3、情感、态度、价值观：培养学生的审美能力和创造能力，在小组协作学习中，培养学生的团队精神。
教重难点
【教学重点】：
1、理解个人网站的基本组成和网页框架布局；
2、学习FrontPage2000制作网页的一般方法（重点是文本格式、图片、背景）；
【教学难点】：
1、首页的艺术性与个性布局，色彩的搭配；
2、图片的插入和背景的设置。
2、练一练：新建一个网页，根据上节课自己拟订的网站设计方案，在空白位置输入网站名称、栏目名称、主题介绍、作者姓名等内容。 3、仿照word的操作，利用格式栏中的工具按钮，设置改变文字效果，师鼓励学生在设计时要展示出自己的个性。 小组内交流：我是怎样使文字格式更美的。 4、保存主页文件 教师指导学生保存时，首页应保存为index.htm或default.htm，保存的位置是上节课所规划的网站文件夹。
五、小结：
通过本节课的学习，你的网站首页做好了吗？向大家介绍你的首页中都做了哪些内容？你对自己作品的哪一方面最满意呢？小组互评网站首页。
学生活动
观看并思考
思考问题
上机操作
二次备课
板
书
设
计
作业教学反 Nhomakorabea思
3、抽2~3个小组代表交流讨论结果，教师适时展示FrontPage界面并辅助说明。重点指出新建、保存、插入、预览等菜单或按钮的位置和功能。
4、学生练习：打开一个已经做好的网页，试探一下三种编辑视图模式按钮的效果。（教师事先下载一个简单的网站首页发送给学生，让学生自主操作）
任务二：制作网站首页
1、师引入：在我们动手制作网页前，我们应当考虑好网页的布局和内容，个人网页的布局就像办小报一样，没有固定的格式，完全可以由我们自己大胆地进行设计。（教师利用广播展示几个风格不同的个人主页，让学生注意观察主页的内容版块布局）