网站开发构件1.pptVIP

网站软件简介 B/S软件的体系结构 动态网站介绍 B/S软件的体系结构 动态网站介绍 动态网站开发所需要的Web构件 客户端浏览器(IE,FF) 可扩展的超文本标记语言(XHTML) 层叠样式表(CSS) 客户端脚本编程语言 （JavaScript） Web服务器(Apache) 服务器端脚本编程语言 (PHP) 数据库管理系统 (MySQL) 客户端浏览器 可扩展的超文本标记语言(HTML) HTML（HyperText Markup Language ）文档是一个放置了标记（tags）的ASCII文本文件 是一种超文本标记语言 HTML语言是通过各种标记来标识文档的结构，以及标识超链接、图片、文字、段落、表单等信息。 层叠样式表 HTML是通过标签标识页面的结构和显示页面内容 使用HTML标签所标识的内容，需要通过层叠样式表CSS（Cascading Style Sheets）来布局与美化。 样式可定义HTML元素如何被显示，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。 客户端脚本编程语言 （JavaScript） HTML用来在页面中显示数据 CSS用来对页面进行布局与美化 客户端脚本语言则是一种有关因特网浏览器行为的编程，能够实现用户和浏览器之间的互动性。这样才能有能力传递更多的动态网站内容。 开发页面特效 Web服务器 保存并发布网站的服务器软件 服务器端脚本编程语言 （PHP） 服务器端脚本是用来协助Web服务器在服务器端完成业务工作的编程语言 是对Web服务器功能的扩展，并外挂在Web服务器上一起工作。 数据库管理系统 （MySQL） 网页上的内容几乎都是来自数据库 数据库管理系统也是一种软件 它负责存储和管理网站所需的内容数据，包括文字、图片以及声音等数据内容 实例开发（网页选项卡） 合作开发过程 使用数据库去存储网页内容 使用HTML标识文档结构和添加内容 使用CSS对页面进行布局和美化 使用JavaScript完成用户与浏览器交互，实现页面特效 使用Web服务器（Apache）发布到网上 通过浏览器进行显示 代码库文件 card.html Css/card.css Js/card.js 在数据库中添加一些数据 内容总结 掌握Web开发所需要的构件 每个构件在开发网站时所起到的作用 Thanks 网站开发构件 课程内容 网站软件介绍 B/S软件体系统结构 动态网站介绍 动态网站开发所需要的Web构件 开发选项卡实例 通过实例了解Web构件 参考教材：《细说PHP》第一章 左：C/S结构的QQ客户端登录界面 右：B/S结构的客户端登录界面 动态网站的效果演示 静态网页的效果演示 IE Netscape Mozilla Firefox Safari Opera 1.4% 1.9% 1.3% 36.4% 1.5% 32.0% 21.2% 一月 1.4% 2.0% 1.2% 36.5% 1.3% 30.7% 21.5% 二月 1.4% 2.1% 1.1% 37.0% 1.1% 30.1% 21.9% 三月 Opera Safari Mozilla Firefox IE5 IE6 IE7 2009年 使用率在0.5%以上的浏览器在2009年第一季度比较 参考教材：《细说PHP》第一章 * *