北京信息科技大学-人机交互与界面设计_第2章课件

1、第2.1章网络超文本标记语言和CSS，1。学习和交流PPT、目录、2.1网络编程基础知识(教材第1章)、2.2超文本标记语言(教材第3章)、2.3页面设计(教材第5章)、2。学习和交流PPT，2.1网页编程基础知识，2.1.1什么是网页2.1.2网页工作原理网页2.1.3互联网网络协议2.1.4 IP地址，域名和网址2.1.5动态网页设计技术介绍2.1.6。NET框架介绍3。学习交换PPT，2.1.1什么是网络，它被称为万维网，缩写为WWW。也称为万维网、万维网、全球信息网等。网络是一种架构，通过它可以访问分布在互联网主机上的链接文档。它有以下含义：网络是由互联网提供的服务。网络不是互联网，而

2、是基于互联网并采用互联网协议的架构。网络是存储在全世界互联网计算机中的文档的集合。网络上的大量信息是由相互关联的页面组成的。4，学会交流PPT，2.1.1什么是网络？网站内容存储在网站(网络服务器)中，用户可以通过浏览器访问网站。网络通过一些简单的操作模式(如点击鼠标)将世界各地的超媒体信息连接起来。5，学会交流PPT，2.1.1什么是网页，几个概念：超链接：指的是从一个网页到一个目标的连接关系，它可以是另一个网页，同一网页上的不同位置，一张图片，一个电子邮件地址，一个文件，甚至一个应用程序。超文本：一种网络文本，通过超链接将文本信息组织在不同的空间中。超媒体：超媒体是信息浏览环境中超文本和多

3、媒体的结合。用户可以通过链接激活声音、显示图形甚至播放动画。6，学会交流PPT，2.1.1什么是网络，网络的特点： (1)网络是一个超文本信息系统。(2)网络是图形化的，易于导航。(3)网络独立于平台。(4)网络是分布式的。网络有新闻价值。(6)网络是动态的、互动的。2.1.2网络浏览器/服务器(B/S)结构的工作原理客户端浏览器是一个具有特定格式的文档阅读器，它可以根据网页内容解释和显示网页中的标记，并执行网页中包含的客户端脚本。网络服务器是指安装了网络服务程序的计算机；指的是网络服务器程序，它可以管理各种网络文件，并为发出超文本传输协议请求的浏览器提供响应。数据库服务器，网络基本工作原理图

4、，8，学习与交流PPT，2.1.2网络工作原理，客户/服务器，C/S)配置客户服务器网络服务器配置服务器操作系统UNIX，Windows Server 2003，Linux等网络操作系统安装专用信息服务器程序IIS(互联网信息服务器)，Apache等。9、学习交换PPT，web服务器提供服务的过程：用户在浏览器中输入一个网址，浏览器向该网址所指向的Web服务器发送一个请求。在从浏览器接收到请求后，网络服务器将网址转换为页面所在服务器的文件路径名。如果网址指向一个普通的超文本标记语言文档，网络服务器会直接把它发送到浏览器。超文本标记语言文档可能包含用Java、JavaScript、ActiveX

5、、VBScript等编写的程序。服务器还将它们与超文本标记语言文档一起传输到浏览器，并在浏览器所在的机器上执行它们。如果ASP程序嵌入在超文本标记语言文档中，网络服务器运行ASP程序并将结果返回给浏览器。2 . 1 . 2 web的工作原理，10、学习通信PPT，客户端编程客户端编程是指客户端浏览器下载服务器上的程序来执行动态服务工作。程序员将客户代码写入超文本标记语言文件。当用户请求网页时，这些客户端代码和超文本标记语言文件代码会返回给请求浏览器。该程序在客户端浏览器上执行。常见的客户端编程技术，如VBScript JavaScript Java applet。，2.1.2腹板的工作原理，1

6、1。学习与PPT通信，服务器端的程序员保存服务器上编写的代码。当用户请求网页时，在服务器端执行该请求要访问的页面代码，并将执行结果以超文本标记语言文件代码的形式发送回浏览器，使浏览器只接收程序执行的结果。常见的服务器端编程技术。网络2.1.2网络工作原理网络2 . 1 . 2学习交流PPT 2 . 1 . 3网络协议互联网协议传输控制协议是一套协议，其中最重要的是传输控制协议和互联网协议。TCP/IP参考模型和现场视察参考模型之间的比较，13。学习和交流PPT，2.1.3互联网网络协议，超文本传输协议，超文本传输协议是专门为网络设计的协议。应用层协议基于TCP/IP协议集中的其他协议。网络浏览

7、器和服务器使用超文本传输协议来传输网络文档。超文本传输协议基于客户端请求和服务器响应的工作模式。网络事务处理的步骤是在客户端和服务器之间建立连接；客户端请求服务器；如果请求被接受，服务器发回一个响应，包括状态代码和所需文件；客户端和服务器已断开连接。14，学习通信PPT，功能：将用户主机连接到互联网上的远程登录服务器(称为远程主机)。成功连接后，用户主机成为远程主机的终端，可以在远程主机上访问信息或运行程序。当用户使用远程主机时，有两种情况：他们需要一个帐户来登录而不需要一个帐户(打开)，远程登录，2.1.3互联网协议，15，学习通信PPT，文件传输协议，文件传输协议是一种在两台计算机之间传输

8、文件的客户机-服务器协议。文件传输协议不仅是一种文件传输协议，也是一种服务。提供文件传输协议服务的设施称为文件传输协议服务器。匿名文件传输协议服务器用户可以连接到匿名文件传输协议服务器，复制文件，无需密码和用户名。2.1.3互联网网络协议，16，学习和通信PPT，2.1.4 IP地址，域名和网址， IP地址，它是识别互联网中主机和网络设备的唯一标识符。每个IP地址的长度为4 B(字节)，32位的IP地址由两部分组成：网络地址、主机地址点、十进制表示法：它由四个用“.”分隔的十进制数组成，每个数字不超过255，如53，17。学习PPT，IP地址可以分为五类

9、，其中以下三类是常用的：a类。a类地址允许126个网络，每个网络可以包含1700万台主机。b类：适用于大中型网络。b类地址允许16，384个网络，每个网络可以包含65，000台主机。c类：用于小型局域网。2.1.4 IP地址，2.1.4 IP地址，域名和网址，18，学习交换PPT，24位网络标识，24位主机标识，16位网络标识，8位网络标识，以及IP地址中的网络号字段和主机号字段。b类地址、c类地址、0、1、1、d类地址、1 1 1 0、多播地址、e类地址、保留供将来使用、1 1 1 1 1、0、1、19、学习交换PPT、TCP/IP协议提供域名服务系统(域名不仅容易记住，而且即使IP地址改变

10、也可以通过改变解析对应关系保持不变。域名系统在网络通信中自动实现域名和IP地址的转换。域是命名空间中可管理的划分，它可以进一步划分为子域，如二级域和三级域。互联网中的域名是分级命名的，其基本结构如下：三级域名、二级域名、顶级域名、域名、2.1.4 IP地址、域名和网址、20、学习和通信PPT、统一资源定位符(网址)，通过定义资源位置的抽象标识符来定位网络资源，格式如下：/指互联网协议名称，包括ftp(文件传输协议)、http(超文本传输协议)等。指定网络主机的域名或IP地址。在某些情况下，主机域名后面应该跟一个端口号，域名和端口号应该用冒号(:)分隔。通常，服务器程序使用标准的保

11、留端口号，所以它们可以在网址输入中省略。统一资源定位符网址，2.1.4 IP地址，域名和网址，21，学会与PPT通信，以下是网址的一些例子：http :/http :/telnet :/:70 FTP 3360/gopher :/(gopher提供信息查询服务)news 3360/comp sys . Novell(news提供网络新闻服务)wais 3360/(提供数据库信息检索服务)，ASP可以将网页、ASP命令和ActiveX组件结合起来，构建动态、交互式和高效的网络服务器应用程序。ASP中的命令和脚本语句由服务器解释和执行。ASP基于ActiveX技术，支持

12、面向对象和可扩展的ActiveX服务器组件。程序员可以使用Visual C、Visual Basic等语言创建具有特定功能的服务器端组件，扩展ASP的应用功能。2.1.5，23，学习与交流PPT，2.1.5动态网页设计技术导论，ASP具有以下特点：(1)完全嵌入的超文本标记语言，与超文本标记语言和脚本语言完美结合。(2)不需要手动编译或链接程序。(3)面向对象和可扩展的ActiveX服务器组件功能。(4)访问数据库很容易(使用ADO组件)。(5)您可以用任何语言编写自己的ActiveX服务器组件。(6)不存在浏览器兼容性问题。(7)程序代码是隐藏的，在客户端只能看到ASP输出的动态HTML文件

13、。2.1.5(续)，24，学习交流PPT，2.1.5介绍动态网页设计技术，ASP的优点：(1)客户端浏览器接收到网页服务器执行后生成的纯超文本标记语言文件，可由运行在任何平台上的浏览器执行。(2)ASP脚本程序在服务器端执行，保证了程序代码的安全性。(3)程序执行后，服务器只将程序执行的结果返回给客户端浏览器，减少了网络传输的负担。2.1.5(续)，25，学习与交流PPT，2.1.5动态网页设计技术介绍，PHP(超文本预处理器)是一种跨平台的服务器端嵌入式脚本语言。它是一种易于学习和使用的服务器端脚本语言，它嵌入了超文本标记语言文件，从C、Java和Perl语言中借用了大量的语法，并结合了PH

14、P本身的特点，形成了自己独特的风格。目前，PHP支持大多数数据库，网络开发人员可以使用PHP快速编写脚本代码来生成动态网页。PHP是完全免费的。它可以从PHP()的官方网站上免费下载，并且可以不受限制地获取源代码，还可以添加自己需要的功能。PHP，26，PPT for learning and communication，2.1.5动态网页设计技术简介，JSP(Java Server Pages)是孙公司于1999年6月推出的网站开发语言。它是一种基于Java Servlet和整个Java系统的网络开发技术，可以用来构建先进、安全、跨平台的动态网站。JSP程序可以在大多数网络服务器上运行，无需

15、修改，符合Java“一次编写，随处运行”的原则，实现了程序与服务器平台的独立性。此外，基于JSP技术的应用程序比基于ASP的应用程序更易于维护和管理。2.1.5，27，学习与交流PPT，2.1.5引入动态网页设计技术，ASP.NET采用全新的编程环境，而ASP.NET与ASP的主要区别体现在以下三个方面：(1)效率。当ASP程序完成时，应该在每次请求时对其进行解释和执行。ASP.NET是基于。NET框架，并且程序在第一次执行时就被编译了，然后就可以直接运行而不需要重新编译，所以速度和效率都比ASP高得多。(2)可重用性。ASP代码和超文本标记语言混合在一起，使得代码维护变得困难。ASP.NET可以实现代码和内容的完全分离，这使得维护更加方便。(3)编码数量。ASP需要编写代码来实现所有要实现的功能。在ASP.NET，只要程序员事先解释清楚，ASP.NET就能自动实现这个功能。因此，为了实现相同的功能，使用ASP.NET的代码量比使用ASP要少得多。 ASP。NET，28，学习与交流PPT，2.1.6。 NET框架简介。NET是微软公司提出的新一代程序开发框架，ASP.NET是其中的一部分。NET框架，它是。NET框架。它运行在带有。NET