第一节《网站巡礼--Web技术与网站制作流程》教学设计(湖南省湘潭市雨湖区)

文档属性

名称 第一节《网站巡礼--Web技术与网站制作流程》教学设计(湖南省湘潭市雨湖区)
格式 zip
文件大小 13.1KB
资源类型 教案
版本资源 通用版
科目 信息技术(信息科技)
更新时间 2009-02-22 18:56:00

图片预览

文档简介

信息技术八年级第一章网站建设
第一节《网站巡礼——Web技术与网站制作流程》教学设计
第一节 Web技术与网站制作流程
(一)教学目标
1、知识与技能:
①了解网站的基本概念;
②理解网站与网页的关系;
③了解Web服务器;
④了解Web技术的三个关键技术;
⑤了解常用网页制作软件;
2、过程与方法:网站制作流程
3、情感态度与价值观:培养严谨的治学态度
(二)教学重点:了解网站制作流程;了解常用网页制作软件;
(三)教学难点;了解http、HTML、URL的含义;了解Web技术的三个关键技术;了解Web技术的二个发展历程。
(四)教学策略:讲授法、对比教学法,探究学习法,模仿学习法
(五)教学过程:
1、导入新课
师:不会使用计算机等先进工具或不会检索、处理和利用信息资源的人将成为新文盲的牲征,而网络是我们获得信息的重要途径。现在我们就来了解与互联网有关的一些知识。
2、学习新课
Ⅰ、介绍Web、http、HTML、URL等网站基本概念的含义。
www:专门为用户提供网页数据存储及Web(万维网)服务器的计算机;
http:代表超文本传输协议;
HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接 ( http: / / baike. / view / 543390.htm" \t "_blank )标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML命令可以描述文字 ( http: / / baike. / view / 32894.htm" \t "_blank )、图形 ( http: / / baike. / view / 42121.htm" \t "_blank )、动画 ( http: / / baike. / view / 7262.htm" \t "_blank )、声音 ( http: / / baike. / view / 27063.htm" \t "_blank )、表格 ( http: / / baike. / view / 899068.htm" \t "_blank )、链接 ( http: / / baike. / view / 147669.htm" \t "_blank )等。
URL:统一资源定位器(URL,英语Uniform Resource Locator的缩写)也被称为网页地址,是因特网上标准的资源的地址。
Ⅱ、了解Web技术的三个关键技术:
HTML,超文本标记语言,网页文档的主要语言。
URL:统一资源定位器,也被称为网页地址,是因特网上标准的资源的地址。
http:代表超文本传输协议;
Ⅲ、了解Web技术的二个发展历程。
Web1.0——静态网页
  静态网页通常以.htm保存;不可交互的网页,你编的是什么它显示的就是什么、不会有任何改变。
Web2.0——动态网页
网页 URL的后缀不是.htm、.html、.shtml、.xml等静态网页的常见形式,而是以.asp、.jsp、.php、.perl、.cgi等形式为后缀,并且在动态网页网址中有一个标志性的符号——“ ”,如有这样一个动态网页的地址为:
  http://www./ip/index.asp id=1 ( http: / / www. / ip / index.asp id=1" \t "_blank )
可以进行交互,如用户注册、用户登录、在线调查、用户管理、订单管理等等。
Ⅳ、了解常用网页制作软件:
编辑网页:Microsoft FrontPage、DreamWeaver;
图象编辑制作:PhotoShop
动画制作:Flash MX
Ⅴ、网站制作流程:
确定主题
网站规划—— 结构设计
↓ 版面设计
搜索素材

建立站点

制作网页

发布网站

评价网站
Ⅵ、学生上机操作的任务和目标:
(1)打开Word文档,将它另存为一个html文档,退出Word程序,用浏览器打开刚才保存的Word文档,理解静态网页。
(2 )打开浏览器,用URL搜索“博客网”,不少于五个,形成列表。
(3)尝试注册一个Blog,将网址用邮件发给老师或好伙伴,定期将个人感想记录在Blog中,体验利用Blog(动态网页)迅速发布信息的特点。
(六)教学反思:
同课章节目录