1、粤教版信息技术九年级上第七节搭建简易动态网站教学设计粤教版信息技术九年级上第七节搭建简易动态网站教学设计课题 搭建简易动态网站搭建简易动态网站单元第二单元学科信息技术年级九年级学习目标知识目标：学会安装与配置 ASPCMS 系统；网站栏目的管理技能目标：理解利用 ASPCMS 系统删减栏目；利用 ASPCMS 系统添加合适的图片等情感目标：培养利用 ASPCMS 系统的兴趣，提高学习效率。重点掌握利用 ASPCMS 系统添加合适的图片等难点学会安装与配置 ASPCMS 系统。教学过程教学环节教师活动学生活动设计意图导入新课为了搭建班级网站，我们学了 HTML 语言和 Frontpage 的网页
2、编辑技术，但网页每次有任何改动都要重新编辑、保存，然后上传，非常麻烦。有没有更好的办法呢?有的同学从网上了解到很多人都使用动态网站制作技术，既不用插入表格，也不用设置超链接，只需设计栏目和添加文章就可以了。哪里有这样的系统呢?今天我们就来学习这方面的知识。思考 激发学生学习兴趣并快速进入学习状态讲授新课问题：如何使用易智能建站系统来制作动态网站?通常，我们将网页分为静态网页和动态网页。静态网页是纯粹用 HTML 语言来编写的，可以在测览器上直接运行。我们前面几节学习的就是静态网页制作技术，静态网页的后缀名是“html”和“hm”等;而动态网页就是在 HIML.的基础上加人了 Vbscript
3、B 或 Javascript 等代码。动态网页的优势是以数据库支持为基础，由用户发送请求而形成不同的反馈页面，体现了所见即所得的思想，因而便于维护，能提高我们的工作效率。另外，动态网页灵活性比较大，当不同时间、不同的人访问同一网址时会看到不同的页面。活动服务器网页(Active Server Page，ASP)是微软公司开发的一种简单、方便的编程工具，它可以与数据库或其他程序进行交互。ASP 的网页文件的后缀名是“asp”，现常用于各种动态网站中。这一节我们就来体会一下用简易智能建站系统(ASPCMS)制作班级网站的过程。任务：任务：(1)安装与配置 ASPCMS 系统。(2)通过“栏目管理”
4、来没置班级网站的相关栏目。(3)通过“文章管理”在各栏目中添加内容。ASPCMS 是一套完全开源的制作动态网站的工具，可以快速地建造简洁、高效、易用、安全的网站，一般的开发人员就能够使用本系统以最低的成本、最少的人力投入在最短的时间内架设一个功能齐全、性能优异的网站。ASPCMS 是基于ASP+Aces(或 SQL2000 开发的，提供了“栏目管理”“文章管理”“公告管理”“投票管理”等实用模块。视频：配置 ASPCMS一、安装与配置一、安装与配置 ASPCMS 系统系统1.配置配置 ASPCMS 系统系统将智能建站程序复制到 D:wwwrootASPCMS目录下，然后启动“Internet
5、信息服务（IIS）管理器”进行配置操作。2.浏览网站浏览网站打 开 卫 浏 览 器，在 地 址 栏 输 入“htt:/192.168.0.5:801/”，打开动态网站主页3.管理登录管理登录在主页面最下面，按“管理登录”进入“后台管 理”登 录，在“帐 号:”栏 框 中 输 人“admin”，在“密 码:”栏 框 中 输 入“admin”，然后点击“提交”按钮，进入后台管通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。通过小组合作，加强学生组内团结、共同完成任务，理4.网站配置网站配置可以在后台管理系统中修改“网站名称”“网站描述”“网站关键词”“联系我们”“联系我们主题”“版权说明
6、”等，修改好后按“提交”，即可以在网站首页中反映出来。实践：实践：在网站中设定“班级相册”“艺展示”“快乐学习”“通信联络”等栏目。二、栏目管理二、栏目管理栏目管理是制作网站非常重要的步骤，在 ASPCMS 系统中可以根据个人需要定制相应的栏目。1.添加栏目添加栏目添加网站首页导航栏内容，同时可以选择添加的内容是否在导航栏上显。若选择“V”，表示在导航栏目显示添加的内容，否则表示不在导航栏目显示，然后按“添加”。2.编辑栏目编辑栏目选中相关的栏目后，若需修改，点击“改名”，修改相关栏目名称及其是否在导航栏目上显 示等;若要删除，按“删除”即可。三、文章管理三、文章管理任务：任务：为班级网站的“
7、快乐学习”栏目添加文并置上合活的图片。1.添加文章添加文章在“后台管理系统”菜单中选择“添加文章”，出现，按图示步骤完成各项操作，按“提交”后，即可将这篇文章保存到数据库中，文章就发布成功了。学生动手实践操作，学生小组间讨论，共同完成任务。通过老师演示学生动手操作，提高动手能力。小组交流、分享培养学生动手操作能力，并且锻炼学生的语言组织能力和表达的能力。加强学生组内团结、共同完成任务，2.上传图片上传图片在编辑器中点击图片上传按钮，选择“本地上传”，选择好图片后按确定”3.选择图片属性选择图片属性若要在主页上出现图片，则要在编辑器中选择图片并在该图片上单击鼠标右键，弹出菜单，然后选择“图片属性
8、4.查找与复制图片地址查找与复制图片地址5.设置图片新闻设置图片新闻先在“图片新闻”栏的方框中打钩，接着把图片地址粘贴到地址框中，然后单击“提交”6.查看结果查看结果（1）添加完成后的窗口（2）在浏览器中打开网页查看效果交流：交流：（1)ASPCMS 系统中有一个投票営理功能，请仿照示例自己也发孫究)布一个小投票系统，井欢迎全班同学参与投票。(2)观摩其他专业网站的投票系统，和同学们讨论一下，投票系统有什么作用，如何改进你的投票系统等。(3)请用 Frontpage打开班级的所国面(news.asp)，对它进美化拓展：拓展：丰富多彩的网页编辑工具1.ASPASP 是 Active Server
9、 Page 的缩写，意为“活动服务器网页”。ASP 是微软公司开发的代替 CGI脚本程序的一种应用程序它可以与数掊库或其他程序进行交互，是一种简单、方便的编程工具。2.Dreamweaver通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。学生小组间讨论，共同完成任务，并分组汇报。培养学生组间合作能力，并且锻炼动手能力培养学生独立完成练习的能力。Dreamweaver 即 Adobe Dreamweaver，筒称“DN”，中文名 Dw 为“梦想编织者”，是美国 Macromedia 公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化
10、网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。3.PHPPHP 是 Hypertext Preprocessor 的缩写，中文为“超文本预处理器”，是一种通用开源脚本语言。其语法吸收了 C 语言、Java 和 Perl 的特点，入门门槛较低，易于学习，使用广泛，主要用于 Web 开发领域。4.JavascriptJavascript 是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言，同时也是一种广泛应用于客户端 Meb 开发 Javascript 的脚本语言，常用来给 HTML(超文本标记语言，是标准通用标记语言的子集)网页添加动态功能，如响应用
11、户的各种操作。5.KindeditorKindeditor 是一套开源的在线 HTML 编辑器，主要 Kindeditor 用于让用户在网站上获得所见即所得编掛效果，发人员可以用 Kindeditor 把传统的多行文本输入框 Textarea)替换为可视化的富文本输入框。Kindeditor 使用 Javascript 编写，可以无缝地与 Java、NET、PHP、ASP 等程序集成，比较遁合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。课堂练习课堂练习1、通常，我们将网页分为（、通常，我们将网页分为（）和（和（）。）。2、ASP的网页文件的后缀名是“（的网页文件的后缀名
12、是“（），现常用于各种动态网站中。），现常用于各种动态网站中。3、()是基于是基于 ASP+Aces(或或SQL2000 开发的，提供了“开发的，提供了“()”“”“()”“公 告 管 理”“”“公 告 管 理”“()”等实用模块。”等实用模块。课堂小结分小组总结归纳，教师补充。各组汇报总结，其他小组成员做补充。锻炼学生的总结能力，逻辑思维、语言表达能力。布置作业为班级网站的“快乐学习”栏目添加文并置上合适的图片。为班级网站的“快乐学习”栏目添加文并置上合适的图片。板书一、安装与配置一、安装与配置 ASPCMS 系统系统1.配置配置 ASPCMS 系统系统2.浏览网站浏览网站3.管理登录管理登
13、录4.网站配置网站配置、栏目管理、栏目管理1.添加栏目添加栏目2.编辑栏目编辑栏目三、文章管理三、文章管理1.添加文章添加文章2.上传图片上传图片3.选择图片属性选择图片属性4.查找与复制图片地址查找与复制图片地址5.设置图片新闻设置图片新闻6.查看结果查看结果信息技术粤教版信息技术粤教版 九九年级年级上上第七节 搭建简易动态网站新知导入为了搭建班级网站，我们学了HTML语言和Frontpage的网页编辑技术，但网页每次有任何改动都要重新编辑、保存，然后上传，非常麻烦。有没有更好的办法呢?有的同学从网上了解到很多人都使用动态网站制作技术，既不用插入表格，也不用设置超链接，只需设计栏目和添加文章
14、就可以了。哪里有这样的系统呢?今天我们就来学习这方面的知识。通常，我们将网页分为静态网页和动态网页。静态网页是纯粹用HTML语言来编写的，可以在测览器上直接运行。我们前面几节学习的就是静态网页制作技术，静态网页的后缀名是“html”和“hm”等;而动态网页就是在HIML.的基础上加人了 Vbscript B或 Javascript等代码。如何使用易智能建站系统来制作动态网站?问题新知讲解 动态网页的优势是以数据库支持为基础，由用户发送请求而形成不同的反馈页面，体现了所见即所得的思想，因而便于维护，能提高我们的工作效率。另外，动态网页灵活性比较大，当不同时间、不同的人访问同一网址时会看到不同的页
15、面。活动服务器网页(Active Server Page，ASP)是微软公司开发的一种简单、方便的编程工具，它可以与数据库或其他程序进行交互。ASP的网页文件的后缀名是“asp”，现常用于各种动态网站中。这一节我们就来体会一下用简易智能建站系统(ASPCMS)制作班级网站的过程。新知讲解任务(1)安装与配置 ASPCMS系统。(2)通过“栏目管理”来没置班级网站的相关栏目。(3)通过“文章管理”在各栏目中添加内容。新知讲解 ASPCMS是一套完全开源的制作动态网站的工具，可以快速地建造简洁、高效、易用、安全的网站，一般的开发人员就能够使用本系统以最低的成本、最少的人力投入在最短的时间内架设一个
16、功能齐全、性能优异的网站。ASPCMS是基于ASP+Aces(或SQL2000开发的，提供了“栏目管理”“文章管理”“公告管理”“投票管理”等实用模块。新知讲解 配置ASPCMS新知讲解一、安装与配置ASPCMS系统 将智能建站程序复制到D:wwwrootASPCMS目录下，然后启动“Internet信息服务（IIS）管理器”进行配置操作。1.配置ASPCMS系统新知讲解 2.单击“添加网站”1、单击“网站”3.输入“aspcms”4.选择“物理路径”5.输入本机IP地址112.239.209.706.输入端口号，如“801”7.选择“立即启动网站”选项8.单击“确定”新知讲解9.选择“asp
17、cms”10.启用父路径“True”新知讲解11.选择“默认文档”并双击鼠标新知讲解12.单击“添加”14.单击“确定”13.输入名称，如“index.asp”新知讲解15.单击“浏览网站”新知讲解打开卫浏览器，在地址栏输入“htt:/192.168.0.5:801/”，打开动态网站主页2.浏览网站新知讲解在主页面最下面，按“管理登录”进入“后台管理”登录，在“帐号:”栏框中输人“admin”，在“密码:”栏框中输入“admin”，然后点击“提交”按钮，进入后台管理3.管理登录新知讲解可以在后台管理系统中修改“网站名称”“网站描述”“网站关键词”“联系我们”“联系我们主题”“版权说明”等，修改
18、好后按“提交”，即可以在网站首页中反映出来。4.网站配置新知讲解实践 在网站中设定“班级相册”“艺展示”“快乐学习”“通信联络”等栏目。新知讲解 栏目管理是制作网站非常重要的步骤，在 ASPCMS系统中可以根据个人需要定制相应的栏目。、栏目管理新知讲解添加网站首页导航栏内容，同时可以选择添加的内容是否在导航栏上显。若选择“V”，表示在导航栏目显示添加的内容，否则表示不在导航栏目显示，然后按“添加”。1.添加栏目新知讲解选中相关的栏目后，若需修改，点击“改名”，修改相关栏目名称及其是否在导航栏目上显示等;若要删除，按“删除”即可。2.编辑栏目新知讲解为班级网站的“快乐学习”栏目添加文并置上合活的
19、图片。任务三、文章管理新知讲解1.添加文章在“后台管理系统”菜单中选择“添加文章”，出现，按图示步骤完成各项操作，按“提交”后，即可将这篇文章保存到数据库中，文章就发布成功了。新知讲解2.上传图片在编辑器中点击图片上传按钮，选择“本地上传”，选择好图片后按确定”新知讲解3.选择图片属性若要在主页上出现图片，则要在编辑器中选择图片并在该图片上单击鼠标右键，弹出菜单，然后选择“图片属性新知讲解4.查找与复制图片地址新知讲解5.设置图片新闻先在“图片新闻”栏的方框中打钩，接着把图片地址粘贴到地址框中，然后单击“提交”新知讲解6.查看结果添加完成后的窗口在浏览器中打开网页查看效果新知讲解 （1)ASP
20、CMS系统中有一个投票営理功能，请仿照示例自己也发孫究)布一个小投票系统，井欢迎全班同学参与投票。(2)观摩其他专业网站的投票系统，和同学们讨论一下，投票系统有什么作用，如何改进你的投票系统等。(3)请用 Frontpage打开班级的所国面(news.asp)，对它进美化交流新知讲解拓展 丰富多彩的网页编辑工具知识拓展1.ASPASP是ActiveServerPage的缩写，意为“活动服务器网页”。ASP是微软公司开发的代替CGI脚本程序的一种应用程序它可以与数掊库或其他程序进行交互，是一种简单、方便的编程工具。知识拓展2.Dreamweaver Dreamweaver即 Adobe Drea
21、mweaver，筒称“DN”，中文名Dw为“梦想编织者”，是美国 Macromedia公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。知识拓展3.PHP PHP是 Hypertext Preprocessor的缩写，中文为“超文本预处理器”，是一种通用开源脚本语言。其语法吸收了C语言、Java和Perl的特点，入门门槛较低，易于学习，使用广泛，主要用于Web开发领域。知识拓展4.Javascript Javascript是一种基于对象和事件驱动并具有相对
22、安全性的客户端脚本语言，同时也是一种广泛应用于客户端Meb开发Javascript的脚本语言，常用来给HTML(超文本标记语言，是标准通用标记语言的子集)网页添加动态功能，如响应用户的各种操作。知识拓展5.Kindeditor Kindeditor是一套开源的在线HTML编辑器，主要Kindeditor用于让用户在网站上获得所见即所得编掛效果，发人员可以用 Kindeditor把传统的多行文本输入框Textarea)替换为可视化的富文本输入框。Kindeditor使用 Javascript编写，可以无缝地与Java、NET、PHP、ASP等程序集成，比较遁合在CMS、商城、论坛、博客、Wiki
23、、电子邮件等互联网应用上使用。课堂练习1、通常，我们将网页分为（）和（）。2、ASP的网页文件的后缀名是“（），现常用于各种动态网站中。3、()是基于ASP+Aces(或SQL2000开发的，提供了“()”“()”“公告管理”“()”等实用模块。asp投票管理动态网页静态网页文章管理ASPCMS栏目管理课堂小结板书设计一、安装与配置ASPCMS系统1.配置ASPCMS系统2.浏览网站3.管理登录4.网站配置、栏目管理1.添加栏目2.编辑栏目三、文章管理1.添加文章2.上传图片3.选择图片属性4.查找与复制图片地址5.设置图片新闻6.查看结果 为班级网站的“快乐学习”栏目添加文并置上合适的图片。作业布置
