人机界面设计8-用户界面设计WebUI.pptx

用户界面设计WebUI 开发环境 Visual Studio Code 微软开源的免费开放平台 可以自己添加运行环境 /webstorm/ 开发环境 Chrome 运行，调试平台 Web技术的起源及发展 Web亦称作“万维网”、“WWW”、“3W”,其英文全称为：“World Wide Web” Web是一个由许多互相链接的超文本文档(资源)组成的系统分布式系统。 WEB 发展 Web的前身是1980年Tim Berners-Lee负责的Enquire（Enquire Within Upon Everything的简称）项目 1990年11月，第一个Web服务器nxoc01.cern.ch开始运行，Tim Berners-Lee在自己编写的图形化Web浏览器“WorldWideWeb”上看到了最早的Web页面。 1991年建立并开通第一个WWW网站http://info.cern.ch/ 1991年，CERN（European Particle Physics Laboratory）正式发布了Web技术标准。 目前，与Web相关的各种技术标准都由著名的W3C组织（World Wide Web Consortium）管理和维护。 Web Browser 1993 NCSA Mosaic 1994 Netscape 1995 Internet Explorer 1996 Opera 1998 Mozilla Foundation -- 2004 FireFox 1.0 2003 Safari (WebKit) 2008 Google Chrome Web架构 用超文本技术（HTML）实现信息与信息的连接 HTML : HyperText Mark-up Language,即超文本标记语言或超文本链接标示语言 用统一资源定位技术（URI）实现全球信息的精确定位URI: Uniform Resource Identifier,通用资源定位标志注：大多数人可能熟悉URL，而不是URI。URL是URI命名机制的一个子集。URL是Uniform Resource Location的缩写，译为“统一资源定位符”。 用新的应用层协议（HTTP）实现分布式的信息共享HTTP: Hypertext Transfer Protocol，超文本传输协议 10 HTML Hypertext Markup Language 超文本标记语言 HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。所谓超级链接，就是一种URL指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。 在WWW（万维网）上的一个用HTML编写超媒体文档称之为一个页面（page）。作为一个组织或个人在万维网上放置开始点的页面称为主页Homepage，或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接）。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或Site）。 11 超文本标记语言– HTML 1995.11 HTML 2.0 (IETF, Internet Engineering Task Force, /) 1997.01 HTML 3.2 (W3C, World Wide Web Consortium, ) 1997.12 HTML 4.0 (Strict, Transitional, Frameset) 1998.04 HTML 4.0 1999.12 HTML 4.01 2001.05 HTML 4.01 2008.01 HTML 5 HTML基本结构 html //网页开始 head //网页头部信息开始 title网页标题/title /head //网页头部信息结束 body //网页主体内容 h1 align=“center”文章标题/h1 p文章主体内容/p a href=“xxx.html”超级链接/a img src=“xxx.jpg” alt=“图片” /body //网页主体内容 /html //网页结束 13 Web客户端开发的发展 14 1996 Microsoft的IE 3.0开始支持Java,VBScript,CSS等技术 1996 W3C提出了CSS的建议标准 1996 Netscape2.0中增加了对Java Applet和JavaScript的支持，支持插件QuickTime 1990 第一个Web服务器运行 1996年 Java Applet－实际上是一种富客户端技术－缺点：下载速度，运行速度，安全性 JavaScript－最流行最强大的客户端技术－基于对象的开发语言－