网页设计制作第章.ppt

1.2.3 浏览器和服务器 3. Web服务器 一个Web服务器的任务是： ① 接受请求。 ② 请求的合法性检查，包括安全性屏蔽。 ③ 针对请求获取并制作数据，包括用Java脚本和程序、CGI脚本和程序来对数据进行前期处理和后期处理。 ④ 把信息发送给提出请求的浏览器。 1.2.4 URL地址： 在Web上的任何可用资源（包括HTML文档、图像、视频、程序等）都有一个地址，称为统一资源定位符URL（Uniform Resource Locator）。 一个URL包括了以上所有的信息，它由3部分组成：资源类型、存放资源的主机域名及资源文件名，例如：/docs/abc.html,其中http表示该资源类型是超文本信息，使用超文本传输协议，是北京化工大学北方学院的主机域名， docs/abc.html为资源文件名（含有路径）。 1.3 网页制作的技术和工具介绍 1.3.1 网页制作中的技术知识 1.3.2 常用的网页制作软件 1.3.1 网页制作中的技术知识 1. HTML 2. DHTML（Dynamic HTML） 3. CGI 4. ASP 5.JSP 6. PHP 7. XML 1.3.1 网页制作中的技术知识 1. HTML：HTML即HyperText Markup Language，中文翻译为“超文本标记语言”，它是一种用特殊标记来描述文档结构和表现形式的语言，由W3C（World Wide Web Consortium）所制定和更新。它利用标记（Tag）来描述网页中文字的字体、大小、颜色及页面布局等等，使用任何的文本编辑器都可以对它进行编辑。 网页就是由HTML语言编写出来的。通常我们看到的网页，都是以htm或html后缀结尾的文件，俗称HTML文件。 1.3.1 网页制作中的技术知识 2. DHTML（Dynamic HTML）： 确切地说，DHTML包含了HTML、CSS、DOM和脚本语言（JavaScript和VBScript）。DHTML只比HTML多了一个字母D，而正是这个D使得DHTML有比HTML强大的Web功能。Dynamic的中文意思是“动态的、活泼的”——这也暗示了DHTML可以使Web页面上的元素“动”起来。 1.3.1 网页制作中的技术知识 2. DHTML（Dynamic HTML）： （1）CSS CSS（Cascading Style sheets，层叠样式表）可以使网页的内容和结构版面控制相脱离，大量的减少网页中重复使用的HTML代码，从而减小网页的体积，这对于在网上传输是非常有利的。并且通过CSS可以使用更丰富、更灵活的样式，更简单设计出更美观的网页。 1.3.1 网页制作中的技术知识 2. DHTML（Dynamic HTML）： （2）DOM 文档对象模型（DOM）是HTML和XML文档的编程接口规范，它与平台和语言是无关的，因而可以用各种语言在各种平台上实现。该模型定义了HTML和XML文件在内存中逻辑结构（即为文档），提供了访问、存取HTML和XML文件的方法。 CSS本身没有交互功能，要实现交互，就须将CSS定义的对象与文档对象模型DOM结合在一起，将Web文档转换为DHTML文档。 1.3.1 网页制作中的技术知识 2. DHTML（Dynamic HTML）： （3）脚本语言 脚本语言是一种描述性语言，常用的脚本语言有JavaScript和VBScript，脚本语言是HTML一个有力的补充，传统的HTML代码显示的Web页面是静态的，而脚本语言却可以通过控制Web页面元素的位置等手段，使得Web页面“动”起来。在服务器端，脚本语言还能替代CGI等语言而完成诸如表单提交等交互行为的过程。 1.3.1 网页制作中的技术知识 3. CGI CGI全称为Common Gateway Interface（公共网关接口），它是一种客户端和服务器端交互的通信标准，它规定了Web服务器调用其他可执行程序（CGI程序）的接口协议标准。客户端和服务器端通过CGI脚本交互的过程一般是这样：客户端发出请求并连接服务器，CGI接受请求作分析，如果合法，则从服务器端取得要求的元素（比如HTML页面），再反馈至客户端。即CGI程序通过读取使用者的输入请求从而产生HTML网页。CGI程序通常用于查询、有哪些信誉好的足球投注网站、或其他的一些交互式的应用。 绝大多数的CGI程序被用来解释处理来自表单的输入信息，并在服务 器产生相应的处理，或将相应的信息反馈给浏览器。 1.3.1 网页制作中的技术知识 4. ASP ASP全称为Active Server Pages（动态服务器主页），它是微软公司IIS3.0中的一个组件，实际上是一个服务器端的脚本语言开发环境。 ASP是在IIS下开发Web应用的一种简单、