初中信息技术第七节 搭建简易动态网站优质ppt课件

导入新课

为了搭建班级网站，我们学了HTML语言和 Frontpage的网页编辑技术，但网页每次有任何改动都要重新编辑、保存，然后上传，非常麻烦。有没有更好的办法呢?有的同学从网上了解到很多人都使用动态网站制作技术，既不用插入表格，也不用设置超链接，只需设计栏目和添加文章就可以了。哪里有这样的系统呢?今天我们就来学习这方面的知识。

思考

 激发学生学习兴趣并快速进入学习状态

讲授新课

问题：

如何使用易智能建站系统来制作动态网站?

通常，我们将网页分为静态网页和动态网页。静态网页是纯粹用HTML语言来编写的，可以在测览器上直接运行。我们前面几节学习的就是静态网页制作技术，静态网页的后缀名是“html”和“hm”等;而动态网页就是在HIML.的基础上加人了 Vbscript B或   Javascript等代码。

动态网页的优势是以数据库支持为基础，由用户发送请求而形成不同的反馈页面，体现了所见即所得的思想，因而便于维护，能提高我们的工作效率。另外，动态网页灵活性比较大，当不同时间、不同的人访问同一网址时会看到不同的页面。

活动服务器网页( Active Server Page，ASP)是微软公司开发的一种简单、方便的编程工具，它可以与数据库或其他程序进行交互。ASP的网页文件的后缀名是“asp”，现常用于各种动态网站中。这一节我们就来体会一下用简易智能建站系统( ASPCMS)制作班级网站的过程。

任务：(1)安装与配置 ASPCMS系统。

(2)通过“栏目管理”来没置班级网站的相关栏目。(3)通过“文章管理”在各栏目中添加内容。

ASPCMS是一套完全开源的制作动态网站的工具，可以快速地建造简洁、高效、易用、安全的网站，一般的开发人员就能够使用本系统以最低的成本、最少的人力投入在最短的时间内架设一个功能齐全、性能优异的网站。ASPCMS是基于ASP+Aces(或SQL2000开发的，提供了“栏目管理”“文章管理”“公告管理”“投票管理”等实用模块。

视频：《配置ASPCMS》

一、安装与配置ASPCMS系统

1.配置ASPCMS系统

将智能建站程序复制到D:\wwwroot\ASPCMS\目录下，然后启动“Internet信息服务（IIS）管理器”进行配置操作。

2.浏览网站

打开卫浏览器，在地址栏输入“htt:/192.168.0.5:801/”，打开动态网站主页

3.管理登录

在主页面最下面，按“管理登录”进入“后台管理”登录，在“帐号:＂”栏框中输人“ admin”，在“密码:＂”栏框中输入“ admin”，然后点击“提交”按钮，进入后台管理

4.网站配置

可以在后台管理系统中修改“网站名称”“网站描述”“网站关键词”“联系我们”“联系我们主题”“版权说明”等，修改好后按“提交”，即可以在网站首页中反映出来。

实践：

在网站中设定“班级相册”“オ艺展示”“快乐学习”“通信联络”等栏目。

二、栏目管理

栏目管理是制作网站非常重要的步骤，在 ASPCMS系统中可以根据个人需要定制相应的栏目。

1.添加栏目

添加网站首页导航栏内容，同时可以选择添加的内容是否在导航栏上显。若选择“V”，表示在导航栏目显示添加的内容，否则表示不在导航栏目显示，然后按“添加”。

2.编辑栏目

选中相关的栏目后，若需修改，点击“改名”，修改相关栏目名称及其是否在导航栏目上显示等;若要删除，按“删除”即可。

三、文章管理

任务：

为班级网站的“快乐学习”栏目添加文并置上合活的图片。

1.添加文章

在“后台管理系统”菜单中选择“添加文章”，出现，按图示步骤完成各项操作，按“提交”后，即可将这篇文章保存到数据库中，文章就发布成功了。

2.上传图片

在编辑器中点击图片上传按钮，选择“本地上传”，选择好图片后按确定”

3.选择图片属性

若要在主页上出现图片，则要在编辑器中选择图片并在该图片上单击鼠标右键，弹出菜单，然后选择“图片属性

4.查找与复制图片地址

5.设置图片新闻

先在“图片新闻”栏的方框中打钩，接着把图片地址粘贴到地址框中，然后单击“提交”

6.查看结果

（1）添加完成后的窗口

（2）在浏览器中打开网页查看效果

交流：

（1) ASPCMS系统中有一个投票営理功能，请仿照示例自己也发孫究)布一个小投票系统，井欢迎全班同学参与投票。

(2)观摩其他专业网站的投票系统，和同学们讨论一下，投票系统有什么作用，如何改进你的投票系统等。

(3)请用 Frontpage打开班级的所国面(news.asp)，对它进美化

拓展：

丰富多彩的网页编辑工具

1. ASP

ASP是 Active Server Page的缩写，意为“活动服务器网页”。ASP是微软公司开发的代替CGI脚本程序的一种应用程序它可以与数掊库或其他程序进行交互，是一种简单、方便的编程工具。

2. Dreamweaver

Dreamweaver即 Adobe Dreamweaver，筒称“DN”，中文名Dw为“梦想编织者”，是美国 Macromedia公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

3. PHP

PHP是 Hypertext Preprocessor的缩写，中文为“超文本预处理器”，是一种通用开源脚本语言。其语法吸收了C语言、Java和Perl的特点，入门门槛较低，易于学习，使用广泛，主要用于Web开发领域。

4. Javascript

Javascript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言，同时也是一种广泛应用于客户端Meb开发Javascript的脚本语言，常用来给HTML(超文本标记语言，是标准通用标记语言的子集)网页添加动态功能，如响应用户的各种操作。

5. Kindeditor

Kindeditor是一套开源的在线HTML编辑器，主要Kindeditor用于让用户在网站上获得所见即所得编掛效果，发人员可以用 Kindeditor把传统的多行文本输入框Textarea)替换为可视化的富文本输入框。 Kindeditor使用 Javascript编写，可以无缝地与Java、NET、PHP、ASP等程序集成，比较遁合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。

课堂练习

1、通常，我们将网页分为（            ）和（               ）。

2、 ASP的网页文件的后缀名是“（         ）＂，现常用于各种动态网站中。

3、(                 )是基于ASP+Aces(或SQL2000开发的，提供了“(                )”“(              )”“公告管理”“(             )”等实用模块。

通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。

学生动手实践操作，学生小组间讨论，共同完成任务。

通过老师演示学生动手操作，提高动手能力。小组交流、分享

通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。

学生小组间讨论，共同完成任务，并分组汇报。

通过小组合作，加强学生组内团结、共同完成任务，

培养学生动手操作能力，并且锻炼学生的语言组织能力和表达的能力。

加强学生组内团结、共同完成任务，

培养学生组间合作能力，并且锻炼动手能力

培养学生独立完成练习的能力。

课堂小结

分小组总结归纳，教师补充。

各组汇报总结，其他小组成员做补充。

锻炼学生的总结能力，逻辑思维、语言表达能力。

布置作业

为班级网站的“快乐学习”栏目添加文并置上合适的图片。

板书

一、安装与配置ASPCMS系统

1.配置ASPCMS系统

2.浏览网站

3.管理登录

4.网站配置

ニ、栏目管理

1.添加栏目

2.编辑栏目

三、文章管理

1.添加文章

2.上传图片

3.选择图片属性

4.查找与复制图片地址

5.设置图片新闻

6.查看结果