(共26张PPT)
互联网上的网页内容如此精彩
我们能不能自己做个网页呢？
FrontPage
2003
都是微软公司开发的应用软件
想想我们是怎么打开Word的！
菜单栏
工具栏
编辑区
四个选项卡，用于切换视图
下面请同学结合已学的Word操作，将我们准备好的自我介绍文字复制到编辑区，尝试简单排版；除了文字排版外我们还能做哪些操作。将文件保存在自己的文件夹中，看看我们所保存的是些什么文件。再将文件夹提交给老师。
（复制提交文件夹时可以不关闭FrontPage
2003
程序）
文件名后缀为.htm的文件就是我们刚才所制作的网页文件了。
下面我们来看看如何发布网页。
发布网页需要一台Web服务器。
安装
了IIS的个人计算机也可以充当Web服务器。
电脑打开浏览器
访问IP：10.90.14.251
无线热点名：Net-test
密码：12345678
移动设备访问IP:192.168.137.1
接入无线热点的设备也可以访问
按
“Backspace”
键可以快速后退至上一张网页。
Web服务器
我们制作的网页
运行
接入
互联网
1、修改字体、字号、颜色
2、文字对齐
3、插入艺术字
4、插入图片（图片需要保存在相应文件夹下）
这四个操作都和在Word中的操作一样。第7课
网页越做越漂亮
教学目标
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff808081560d08720156103367c00314"
\l
"##?)
1.知识目标:了解网页从制作到发布(可以从服务器上浏览)的过程。
2.技能目标:学会Frontpage
软件的基本使用并能制作一个简单网页;引导学生利用已学的知识对新软件的操作做探索。
3.情感态度与价值观目标:激发学生对网页制作的好奇,让网页不再神秘。
2学情分析
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff808081560d08720156103367c00314"
\l
"##?)
六年级学生通过一年半的学习,掌握了Word
等Office办公软件的使用,且对互联网有了简单的认识。但是对网页、网站的认识只是停留在浅层次的能打开网页,会使用简单功能,其他知识缺乏。
3重点难点
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff808081560d08720156103367c00314"
\l
"##?)
教学重点:网页制作、网页发布(可以从服务器上浏览)的过程。
教学难点:Frontpage
软件的基本使用。
4教学过程
4.1
第一学时
4.1.1教学活动
活动1【导入】（一）谈话导入
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff808081560d08720156103367c00314"
\l
"##?)
师:先请同学们看几幅图片,这些内容大家熟悉么?
出示网站截图。
师:网页,为我们提供了丰富多彩的信息。同学们有没有想过这样一个问题,我们所浏览的网页是从何而来,我们能不能自己做一个网页呢?今天老师就带领大家玩一玩网页制作,看看网页是如何制作的,又是怎么发布的。
活动2【讲授】（二）介绍Frontpage软件的使用
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff808081560d08720156103367c00314"
\l
"##?)
师:首先我们来认识一个新朋友,Frontpage
2003。它是一款入门级的网站制作软件。同Word
、PowerPoint一样属于微软公司所开发,所以使用起来也有部分的类似。
运行程序
师:先请同学们回顾下我们是如何从“开始菜单”中打开Word程序的?同样的操作能否打开
Frontpage
2003呢?
引导学生自己找到软件并打开。
简单介绍软件界面及功能
请同学们先观察观察Frontpage
2003的操作界面。
师:Frontpage
2003的界面大家觉得熟悉么?是不是和Word有相似之处。它同样有菜单栏、工具栏、编辑窗口。只是在编辑窗口的下方多了4个选项卡用于视图的切换,今天我们只用“设计”和“预览”两项。
布置任务
师:下面请同学结合已学的Word操作,将我们准备好的自我介绍文字复制到编辑区,尝试简单排版,除了文字排版外我们还能做哪些操作;将文件保存在某个文件夹中,看看我们所保存的是些什么文件。再将文件夹提交给老师。
活动3【活动】（三）学生动手操作
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff808081560d08720156103367c00314"
\l
"##?)
鼓励学生大胆尝试,自己摸索软件的使用。
只强调将文件保存到文件夹中即可。
活动4【活动】（四）将学生制作的网页放到服务器中供学生查看
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff808081560d08720156103367c00314"
\l
"##?)
收集学生作品,制作网页链接,发布到服务器上,供学生浏览,了解网页发布的过程。
师演示:打开浏览器,输入服务器IP访问网站。
师:同学们,现在请大家打开浏览器,输入IP地址打开网页,找找你们自己做的网页在哪里,也看看其他同学做的网页。
活动5【讲授】（五）交流思考，如何做的更精美一些。
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff808081560d08720156103367c00314"
\l
"##?)
请完成的好的同学说说看他是如何做的,怎么想到这样做的。
总结我们可以直接迁移过来的操作:
1、字体、字号、颜色
2、文字对齐
3、艺术字
4、插入图片
活动6【练习】（六）修改作品再次提交
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff808081560d08720156103367c00314"
\l
"##?)
请同学们结合刚才的讨论修改自己的网页作品,再次提交。
点评一些可能出现的问题。如图片因路径不对无法显示。
活动7【讲授】（七）总结点评
(?http:?/??/?1s1k.eduyun.cn?/?portal?/?redesign?/?index?/?index.jsp?t=2&sdResIdCaseId=ff808081560d08720156103367c00314"
\l
"##?)
今天老师带领大家对网页制作和发布做了一个简单的了解,发现原来我们自己也可以制作并发布网页的,今后我们将继续做更深入的学习,感兴趣的同学也可以利用课余时间自学相关内容。希望同学们在今后学习信息技术课程的过程中多一些尝试与探索精神。
