网站方面.ppt

网页制作与网站设计教学课件,淮安信息职业技术学院,网页制作与网站设计课程组开发,1.任务解析与项目目标 2.搜索网站管理平台 3.网站管理平台与静态页面的整合 4.IIS的安装与配置 5.IIS的安装与配置程序调试 6.后期完善,任务4：网站静态页面与动态代码的融合,网页制作与网站设计教程,情境3：英语等级考试专题学习网站建设,任务解析与项目目标,情境3：英语等级考试专题学习网站建设,动态网站从功能上简单可以分成前台静态模块和后台动态模块。前面制作的效果图与网页编辑以及动画制作简单可以理解为静态模块，而后台模块主要采用两种方式进行解决：方式一：先下载免费的网站管理平台，然后与前台静态页面进行整合，称之为代码融合。方式二：所有功能完全自主开发，根据客户的要求定制，逐一实现功能。以实两种方式各有利弊，方式一使用与初期网页设计的初学者，能够满足大多数通用网站，使用方法简单，但是不能随心所欲的实现通用以外的功能：方式二完全开发，对初学者要求较高，要求能够编写程序，属于网站开发的高级阶段，能够随心所欲实现各种功能。,搜索网站管理平台,1.讯时网的网址：http:/,“讯时程序”栏目,搜索网站管理平台,“讯时网站管理系统3.5”下载,网站后台与静态页面的整合,1）首先创建文件夹“英语等级考试专题学习网站”，将静态页面与动态文件存放到一起。,网站后台与静态页面的整合,2）网站管理系统“News3.5.rar”压缩包进行解压缩至“英语等级考试专题学习网站”。,IIS的安装与配置,1）执行“开始”“设置”“控制面板”命令，在“控制面板”窗口中，点击“添加或删除程序”按钮。,“添加/删除程序”窗口,IIS的安装与配置,2）点击“添加/删除Windows组件”按钮，单击“下一步”按钮，直到安装完成为止。,“Windows组件向导”对话框,IIS的安装与配置,3）“新建”虚拟目录”,创建新“虚拟目录”,IIS的安装与配置,4）输入虚拟目录别名 wyks,虚拟目录别名,IIS的安装与配置,5）输入主目录的路径,虚拟目录路径,IIS的安装与配置,6）设置站点的访问权限，完成。,虚拟目录权限,程序调试,1）虚拟目录“wyks”。浏览login.asp文件,虚拟目录窗口,虚拟目录窗口,程序调试,“浏览”命令执行后的效果,2）输入用户名、秘密都输入“admin”，输入验证码后，点击“登录”按钮即可进入系统,程序调试,2）进入系统主界面,程序调试,3）设置栏目界面。,栏目添加主界面,程序调试,3）设置栏目。,添加栏目后的效果,程序调试,4修改模板,程序调试,5）现在添加一条“公告通知”进行测试。,添加新闻内容,程序调试,7）“新闻修改”与浏览新闻。,新闻内容修改页,新闻内容信息,程序调试,8）代码调用,JS调用：,程序调试,9）使用Dramweaver打开主页“default.htm”，鼠标聚焦“公告通知”栏目，然后再进入代码编辑视图，将第8步中的“JS调用”部分的代码复制到“公告通知”栏目，然后用IIS浏览“default.htm”页，公告通知栏目如图所示。,代码调用页,10）设置模板,程序调试,设置模板,程序调试,新闻系统设置中心,新闻栏目模板管理,设置模板,程序调试,图 3-71 系统所需的模板页面,设置模板,程序调试,“更多新闻列表”页的模板与普通模板的不同,程序调试,图 3-73 新闻内容页 图 3-74 新闻更多页面,后期完善,后台登录界面的原始背景图片,后台登录界面的修饰后的背景图片,任务小结,情境3：英语等级考试专题学习网站建设,完成本分项任务后，应能够掌握网站后台的搜索，网站前台与后台的整合，服务器环境的配置，程序调试以及后期的完善等工作方法。请进行自我测试：你是否能够进行“网页设计与制作专题学习网站”的代码融合的方法。根据本项目的进展情况，大家进行“网页设计与制作专题学习网站”项目的代码融合。,谢谢大家,