《制作网站》教学设计

巡山小妖精
654次浏览
2020年12月02日 00:55
最佳经验
本文由作者推荐

夜夜夜夜歌词-现在去哪旅游最好

2020年12月2日发(作者:雍陶)


第10章第2节 《制作网站》教学设计(第1课时)
句容市大卓中学 邰小佳
2014年11月27日
一、教学要求
1.认识FrontPage软件窗口的基本结构,比较与Word的异同。
2.理解站点的意义,学会建立、删除站点。
3.掌握建立简单网页的方法,能够排版、编辑文字与图片。
4.能够灵活设置网页属性,如背景、背景音乐等。
5.掌握网页设计中图片、水平线的插入方法及属性设置。
6.掌握保存网页的方法,进一步理解建立网站的意义。
二、教材分析与教学建议
【教材地位和要求】:
本部分是网页设计的第一步,是网页设计中最基础的部分,其侧重点是 熟悉软件界面、
网页设计中文字的编辑、排版与修饰,图片的插入与排版以及网页属性的设置。本部分具 有
承前启后的作用,其教学目的是为了提高学生综合处理文字、图片等信息的能力。
【教学重点】:
(1)认识FrontPage 2003窗口结构及主要菜单的功能。
(2)掌握建立、删除网站的基本方法,网站的管理作用。
(3)掌握简单网页设计的基本方法,如文字、图片以及水平线的插入与编辑等。
(4)掌握设置网页属性的一般方法。
【教学难点】:
(1)站点的作用和存储路径。
(2)网页的保存。
【教学方法】:对比、任务驱动、自主探究、演示、小组合作等。
三、教学中的几个关键知识点:
(1)网站的作用,它与文件夹的区别。
(2)网 页属性、水平线属性、图片属性的设置方法。(引入对象不同,属性也不同,所
以属性设置的对话框也不 同)
(3)文字的编辑与排版:网页设计中,应正确引用网上下载的资料,除了内容的相关
性 以外,还要注意文字导入的方法,一般不宜采取直接粘贴的方法,而执行“编辑→选择性
粘”命令,采用 “普通段落”,能够清除原来格式,再利用“格式”菜单下的工具排版文字。
(4)标志设计:简单介绍标志的意义。
(5)标题设计:作为拓展内容,在组间交流作品后根据学生设计情况做出相应要求。
(6) 注意指导学生保存网页文件,如网页存储的位置、网页中图片信息的存储位置、
背景音乐等多媒体信息的 存储位置等。
四、教案:
【教学目标】:
1.知识与技能
(1)认识FrontPage软件窗口结构,比较与Word窗口的相同与不同点。
(2)了解站点与主页的概念,理解站点的意义,学会建立、删除站点。
(3)掌握简单网页 的新建方法,能够在网页中插入、排版文字,掌握图片、水平线的
插入方法及属性的设置方法,能够灵活 应用“网页属性”对话框,设置网页属性,如背景、
背景音乐等。

1


(4)掌握保存网页的方法,了解网页保存与普通文档保存的不同点。
2.过程与方法
(1)通过对比教学,使学生掌握学习及应用软件的基本方法和规律,达到举一反三的
功效。
(2)通过学生动手设计网站的实践活动,使学生建立对象属性设置的思维方法和操作
方法,为 学生今后学习其它软件奠定了基础。
3.情感态度与价值观
(1)通过对比学习使学生体验软件学习的方法及规律,提高学生学习信息技术的信心。
(2)通过网站创建和首页设计,掌握对象属性的设置方法,初步体验成功的快乐。
(3)通 过创建“动物—人类的朋友”网站,使学生树立人与动物和谐相处,珍爱、善
待和保护动物的理念。
【教学过程】:
教师活动
1.以学生上网、浏览网页为切入
口,提出本节课题。
2.通过浏览网站解释网站、网页、
首页概念。
网页:超文本标注语言(HTML) 描述
的文档,包括文本、图像、声音和动
画信息,我们通过浏览器在网上所看
到的每个 画面都是网页。
网站:按照某个目的规划的多个网页
引入
的集合。网页之间彼此链接,访问者
能利用超级链接看到每页的内容。
首页:访问网站时看到的第一个页面
通常称为这个网站的首页或主页。
3. 同学们 喜欢上网浏览别人制
作精美的网页、获取丰富的信息,是
否想过自己制作网页供别人去浏览呢?展示“动物——人类的朋友”首
页,提出本节课学习达成目标。
1.简单介绍HTM L语言,是一种
能识别文本、图像、声音、动画等信
息的语言,可直接用HTML语言编写程< br>序制作网页,但太专业,比较麻烦,
且不直观。通过查看网页源文件让学
过渡
生了解HTML语言。
2.如今网页制作的软件有很多,
如:Dream weaver 、FrontPage 、东
方网页王等。今天我们就来学习如何
使用FrontPage来制作网页。
3.展示本节课的3个学习任务。
启动FrontPage,与Word比较窗
口的组成有什么异同?
1.6种视图模 式:“页面”、“文件夹”、

一、认识
“报表”、“导航”、“超级链接”和“任< br>授
FrontPage
务”,通过切换视图模式,可以有针对

性地查看站点内容或网站结构。
2.编辑区的4种工作模式:设计、拆
分、代码和预览。

2
教学过程 学生活动 设计意图
通过教师浏览
网站了解网站、
网页、首页概
念。



了解本节课所
要达成的目标。

由学生已掌握
的知识入手,
自然过渡,活
跃气氛。


直观感知本节
课的学习成
果,激发学习
兴趣。
通过观察老师
查看网页源文
件了解HTML语
言。
通过对比超文< br>本标识语言与
网页制作软
件,增强学生
学习信心,也
为讲解4种工作模式做铺
垫。
学生打开软件,
仔细观察,类比
学习,同时翻看
教材,了解新知
识。

传授软件学习
的方法——类
比法、知识迁
移。


二、
建立站点



三、
设计首页
总结与评价
由于我们的网站需要制作多个网
页文件以及相关图片 、声音文件等,
我们以站点的形式来管理网站内部文
件。创建一个站点,在站点中制作网
页,并把制作的网页及相关素材保存
在站点的相关文件夹中。
【任务1】 在D盘下建立一个站点,
站点名称:dongwu。
1.指导学生对照书本进行学习,同时
注意学案上的提示。
2.删除站点:对于不再 需要的站点,
可以像删除文件夹一样,直接删除站
点文件夹,也可用“编辑”菜单中的
“删除”命令。
3.教师巡视课堂,做个别辅导。
4.针对普遍问题,教师做详细讲解。
5.小组内合作交流。
6.对学生的完成情况做简单评价。
深入一问:在文件夹列表中看到了什
么?
分析多出的文件夹列表栏,多了一个
文件夹,里面有两个子文件夹和主页,
图片存放在“images”文件夹中。
1.展示“ 动物——人类的朋友”网页,
介绍首页组成情况及标志图、水平线
的作用,提出课堂制作要求。
2.【任务2】 新建首页,要求首页中
有如下对象(不提出明确的属性设置
要求):
(1)网站标题、水平线、网站标志图。
(2)网站文字介绍。
(3)背景图片与音乐。
(4)欢迎光临动画、进入下一页标记。
3.保存网页
难点由教师深入讲解。
执行“文件——另存为”命令,以
命名保存,在“保存嵌入< br>式文件”中选择“更改文件夹”,将图
片保存在“images”中,便于站点的
管理。 保存后再次查看文件夹列表,
比较变化。
4.教师巡视课堂,做个别辅导
5.完成后组内交流。
6.组间进行交流,教师选择页面制作
精美的与一般的进行对 比,引导学生
总结不同对象的属性设置。
(1)引导学生进行总结,反馈学生
相关知识的掌握情况。
(2)教师与学生共同评 价。同学间
相互检查作业,推荐优秀作品,展示
给全班同学,表扬完成情况好的同学
与 帮助他人的同学。






传授软件学习
的方法:对照
教材,操作步
骤自学法。





发挥信息素养
差异的同学合
作交流能力。

培养学生利用
文件夹列表查
看、管理网站
的意识。


学生构思自己
网站首页中各
对象的布局,不
做具体要求,但要求学生根据
要求出现元素教材和学案完
不得缺少。 成基本操作。

学生明确教师
要求后,阅读教
材和学案,开展
自学活动。
突破难点。
学生认真听讲,
按要求保存自发挥信息素养
己的网页。 差异的同学合
作交流作用。
组内交流制作
的情况。
加强属性设置
重点。






学生明确教师
要求后,阅读教
材和学案,开展
自学活动。






组内合作交流。



学生观察文件
夹列表。
学生总结,继续
完成自己的主
加 强总结反
页,完成的同学
馈,鼓励学生
做老师的小助
互帮互助。
手,辅导需要帮
助的组内同学。

3


五、学案

【学习目标】:1.认识FrontPage软件窗口的基本结构,比较与Word的异同。
2.理解站点的意义,学会建立、删除站点。
3.掌握建立简单网页的方法,能够排版、编辑文字与图片。
4.能够灵活设置网页属性,如背景图片、背景音乐等。
5.掌握网页设计中图片、水平线的插入方法及属性设置。
6.掌握保存网页的方法,进一步理解建立网站的意义。
【学习重点】:1.网站的建立与删除;
2.设计简单网页的基本方法,如文字、图片的插入与编辑;
3.设置网页属性的一般方法。
【学习难点】:网页的保存。
【学习方法】:类比法、自主探究、任务驱动、小组合作交流
【学习过程】:
一.了解网站、网页、主页的概念
二.认识FrontPage
1.启动FrontPage,打开窗口
2.熟悉FrontPage窗口
(1)标题栏、菜单栏、工具栏、视图窗口、编辑窗口、状态栏等
(2)六种视图:网页、文件夹、报表、导航、超级链接、任务
(3)四种工作模式:设计、拆分、代码、预览
三.建立站点
可以方便网页的管理、浏览及发布,便于网站存储位置的移动和维护。
在站点中制作网页,并把制作的网页及相关素材保存在站点的相关文件夹中。
任务1:建立站点 (课本P75 实践学习)
(1)注意文件的存储位置:d:dongwu
(2)文件命名尽可能用英文或汉语拼音,不要过长。
四.设计首页
不要忘了鼠标还有一个右健!
利用老师提供的素材制作关于动物保护的首页。
任务2:制作首页(课本P76-79 实践学习)
(1)插入图片时,图片定位可以左对齐 、右对齐、居中对齐,也可用图片工具的绝对
定位来实现;
(2)文字输入与排版可直接将素 材中《文字介绍》内容复制,但一般采用“编辑→选
择性粘贴”命令,采用“普通段落”粘贴方式便于排 版。
(3)标题、水平线、图片、网页背景图片与音乐均需进行属性设置,且方法各不相同;
(4)保存网页,要通过“另存为——保存嵌入式文件——更改文件夹”进行选择存放,
要养成良好的 归类保存文件的习惯!图片、动画可存入站点的“images”文件夹中。
五.组内、组间交流,学生总结。
六.再进行修饰、完善。
与你的小伙伴们一起分享下吧!
任务3(选做):你还能将首页设计的更美观吗?



4

鹰的组词-警犬


专利权的内容-给力是什么意思


sacked-景点推广


挽留的句子-秋天的果园作文


中华魂-堂吉柯德


imyours-音调怎么打


长白山旅游-smooth是什么意思


七年级生物教案-林俊杰因你而在