地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 英语等级考试专题学习网站代码融合 机械工业出版社 主编：张洪斌 刘万辉 基于工作过程的网页设计与网站开发教程.

Presentation on theme: "地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 英语等级考试专题学习网站代码融合 机械工业出版社 主编：张洪斌 刘万辉 基于工作过程的网页设计与网站开发教程."— Presentation transcript:

1 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 英语等级考试专题学习网站代码融合 机械工业出版社 主编：张洪斌 刘万辉 基于工作过程的网页设计与网站开发教程

2 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS 代码融合 动态网站从功能上简单可以分成前台静态模块和后台动态模块。前面制作的 效果图与网页编辑以及动画制作简单可以理解为静态模块，而后台模块主要采 用两种方式进行解决： 方式一：下载免费的网站管理平台，然后与前台整合，称之为代码融合。 方式二：所有功能完全自主开发，根据客户的要求定制，逐一实现功能。 以实两种方式各有利弊，方式一使用与初期网页设计的初学者，能够满足大多 数通用网站，使用方法简单，但是不能随心所欲的实现通用以外的功能：方式 二完全开发，对初学者要求较高，要求能够编写程序，属于网站开发的高级阶 段，能够随心所欲实现各种功能。

3 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS 搜索网站管理平台 1. 讯时网的网址： http://www.xuas.com/ “ 讯时程序 ” 栏目

4 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS 搜索网站管理平台 “ 讯时网站管理系统 3.5” 下载

5 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS 网站后台与静态页面的整合 1 ）首先创建文件夹 “ 英语等级考试专题学习网站 ” ，将静态页面与动态文 件存放到一起 。

6 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS 网站后台与静态页面的整合 2 ）网站管理系统 “News3.5.rar” 压缩包进行解压缩至 “ 英语等级考试专题 学习网站 ” 。

7 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS IIS 的安装与配置 1 ）执行 “ 开始 ” →“ 设置 ”→“ 控制面板 ” 命令，在 “ 控制面板 ” 窗口中，点击 “ 添加 或删除程序 ” 按钮。 “ 添加 / 删除程序 ” 窗口

8 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS IIS 的安装与配置 2 ）点击 “ 添加 / 删除 Windows 组件 ” 按钮，单击 “ 下一步 ” 按钮，直到安装完成为止 。 “Windows 组件向导 ” 对话框

9 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS IIS 的安装与配置 3 ） “ 新建 ” 虚拟目录 ” 创建新 “ 虚拟目录 ”

10 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS IIS 的安装与配置 4 ）输入虚拟目录别名 wyks 虚拟目录别名

11 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS IIS 的安装与配置 5 ）输入主目录的路径 虚拟目录路径

12 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS IIS 的安装与配置 6 ）设置站点的访问权限，完成。 虚拟目录权限

13 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS 程序调试 1 ）虚拟目录 “wyks” 。浏览 login.asp 文件 虚拟目录窗口

14 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS 程序调试 “ 浏览 ” 命令执行后的效果 2 ）输入用户名、秘密都输入 “admin” ，输入验证码后，点击 “ 登录 ” 按钮即可进入系统

15 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS 程序调试 2 ）进入系统主界面

16 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS 程序调试 3 ）设置栏目界面。 栏目添加主界面

17 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS 程序调试 3 ）设置栏目。 添加栏目后的效果

18 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS 程序调试 4 修改模板

19 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS 程序调试 5 ）现在添加一条 “ 公告通知 ” 进行测试。 添加新闻内容

20 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS 程序调试 7 ） “ 新闻修改 ” 与浏览新闻。 新闻内容修改页

21 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS 新闻内容信息

22 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS 程序调试 8 ）代码调用 JS 调用： <script TYPE="text/javascript" language="javascript" src="/wyks /newscodejs.asp? lm2=73&list=10&icon=1&tj=0&font=9&hot=0&new=1&line=2&lmname=0 &open=1&n=20&more=1&t=0&week=0&zzly=0&hit=0&pls=0" charset='gb2312'>

23 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS 程序调试 9 ）使用 Dramweaver 打开主页 “default.htm” ，鼠标聚焦 “ 公告通知 ” 栏目，然后再 进入代码编辑视图，将第 8 步中的 “JS 调用 ” 部分的代码复制到 “ 公告通知 ” 栏目，然 后用 IIS 浏览 “default.htm” 页，公告通知栏目如图所示。 代码调用页

24 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS 10 ）设置模板 程序调试

25 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS 设置模板 程序调试 新闻系统设置中心 新闻栏目模板管理

26 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS 设置模板 程序调试 系统个所需的模板页面

27 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS 设置模板 程序调试 “ 更多新闻列表 ” 页的模板与普通模板的不同

28 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS 程序调试 新闻内容页 新闻更多页面

29 地址 : 北京百万庄大街号邮编编辑热线 地址 : 北京百万庄大街 22 号 邮编 : 100037 编辑热线 : (010) 88379739 机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社机 械 工 业 出 版 社 CHINA MACHINE PRESS 后期完善 后台登录界面的原始背景图片 后台登录界面的修饰后的背景图片