第12章静态网站的动态化.pptVIP

基于工作过程的网页设计与网站开发教程 第12章静态网站的动态化 项目展示与项目目标 第12章静态网站的动态化 地址:北京百万庄大街22号 邮编:100037 编辑热线: (010)机 械 工 业 出 版 社 CHINA MACHINE PRESS 地址:北京百万庄大街22号 邮编:100037 编辑热线: (010)机械工业出版社 主编：张洪斌 刘万辉 情境1书法家庄辉动态网站建设 基于工作过程的 网页设计与制作教程 1. 项目展示与项目目标 2. 项目资讯 3. 项目计划与决策 4. 项目实施 5. 项目检查与评估 1项目展示与项目目标 掌握搜索CMS系统的能力 掌握静态与动态代码的整合方法 掌握栏目设置、内容添加与模板设置的方法与技巧 掌握动态代码的调试与调用的方法 项目资讯 动态网站从功能上简单可以分成前台静态模块和后台动态模块。前面制作的效果图与网页编辑以及动画制作简单可以理解为静态模块，而后台模块主要采用两种方式进行解决： 方式一：下载免费的网站管理平台，然后与前台整合，称之为代码融合。 方式二：所有功能完全自主开发，根据客户的要求定制，逐一实现功能。 以实两种方式各有利弊，方式一使用与初期网页设计的初学者，能够满足大多数通用网站，使用方法简单，但是不能随心所欲的实现通用以外的功能：方式二完全开发，对初学者要求较高，要求能够编写程序，属于网站开发的高级阶段，能够随心所欲实现各种功能。 3. 项目计划与决策 书法家庄辉个人动态网站主要是利用第三章制作的主页效果图导出作为主页，利用第四章制作的网站模板效果图导出的网页为模板基础，利用第五章制作的动画应用到项目中去，在第六章的网页基础编辑之上运用CSS样式表，最终由第八章制作出的“庄辉个人网站CSS设计改进完整版”作为静态网页的模型。网站利用代码融合的结构示意图如图所示。 庄辉个人网站CSS设计 改进完整版（主页效果 图、动画、表格布局 后的网页、网站模板） 动态网站CMS系统 （搜索CMS系统、配置IIS 系统，静态与动态的融 合、添加栏目、添加 内容、前台调用） 书法家庄辉个人动态网站 + = 3. 项目计划与决策 1）搜索网站管理平台。 2）网站管理平台与静态页面的整合。 3）IIS的安装与配置。 4）栏目的设置。 5）网站内容的添加。 6）网站模板的添加。 7）前台网站调用后台程序。 8）后期完善。 主要步骤 搜索网站管理平台 1.讯时网的网址：/ “讯时程序”栏目 搜索网站管理平台 “讯时网站管理系统3.7”下载 网站后台与静态页面的整合 1）首先创建文件夹“庄辉个人网站动态完整版”，将前面做好的静态页面index.html、grjj.html等静态界面和flash、images、style文件夹拷贝到“庄辉个人网站动态完整版”文件夹中，将下载的讯时网站管理系统“News3.7.rar”也拷贝至“庄辉个人网站动态完整版”文件夹中，如图所示。 网站后台与静态页面的整合 2）将“庄辉个人网站动态完整版”文件夹中的讯时网站管理系统“News3.7.rar”压缩包进行解压缩至“庄辉个人网站动态完整版”文件夹，然后将其重命名为“admin”，同时删除“News3.7.rar”文件，如图所示。 IIS的安装与配置 1）执行“开始” →“设置”→“控制面板”命令，在“控制面板”窗口中，点击“添加或删除程序”按钮。 “添加/删除程序”窗口 2）点击“添加/删除Windows组件”按钮，单击“下一步”按钮，直到安装完成为止 。 “Windows组件向导”对话框 IIS的安装与配置 3）“新建”虚拟目录” 创建新“虚拟目录” IIS的安装与配置 4）输入虚拟目录别名 zh IIS的安装与配置 5）输入主目录的路径 虚拟目录路径 IIS的安装与配置 6）设置站点的访问权限，完成。 IIS的安装与配置 1）打开IIS，鼠标选中刚创建的虚拟目录“zh”，然后鼠标打开右窗口的“admin”文件夹，选中“login.asp”文件，然后右键执行“浏览”命令，或在浏览器地址栏中输入测试网址http://localhost/zh/admin/login.asp，预览效果如图所示。 系统登录与栏目的设置 程序调试 2）后台管理用户名和密码默认是 admin”，用户名、密码都输入“admin”，输入验证码后，点击“登录”按钮即可进入系统，后台系统的主界面如图所示。 程序调试 3）设置栏目界面。 栏目添加主界面 程序调试 4）在图中首先删除原有的“国内新闻