第7章Web界面设计 山东大学计算机学院 SHANDONG UNIYEKSETY
第7章 Web界面设计 山东大学计算机学院
本章内容简介 Web界面及相关概念 nWeb界面设计原则 nWeb界面要素设计 Web界面基本设计技术 Web3D界面设计技术 山东大学计算机学院 SHANDONG U YERSETY
本章内容简介 ◼ Web界面及相关概念 ◼ Web界面设计原则 ◼ Web界面要素设计 ◼ Web界面基本设计技术 ◼ Web3D界面设计技术 山东大学计算机学院 2
Web界面及相关概念 万维网( World wide web,WWW) 口高能核理学家 Tim berners-Lee雏形,建立一个能够整合各 种资源、文件及多媒体的系统,让使用者方便地取得不同媒 体的资料 口建立在客户服务器模型之上 超文本标记语言( Hypertext Markup Language,HTML) 超文本传输协议(HypertextTransportProtocols,HTTP) 通过 Interne把遍布世界各地的服务器连接起来,它能够提供各 种 nternet服务,具有一致用户界面的信息浏览功能。 山东大学计算机学院 SHANDONO
Web界面及相关概念 ◼ 万维网（World Wide Web，WWW） ❑ 高能核理学家Tim Berners-Lee雏形，建立一个能够整合各 种资源、文件及多媒体的系统，让使用者方便地取得不同媒 体的资料。 ❑ 建立在客户/服务器模型之上 ◼ 超文本标记语言（Hypertext Markup Language，HTML） ◼ 超文本传输协议（Hypertext Transport Protocols， HTTP） ◼ 通过Internet把遍布世界各地的服务器连接起来，它能够提供各 种Internet服务，具有一致用户界面的信息浏览功能。 山东大学计算机学院 3
Web的发展趋势 图形Web页面的爆炸性发展。 口网上浏览中包括了大量使用的动态图形,使图形Web遍布网 络的各个角落。 新一代Web信息描述标准XML ¤能更详尽地描述文档的结构信息,具有比HTM有更强大的 功能,为Web的发展提供了强有力的支持。 ■网格的概念 云的概念 山东大学计算机学院 SHANDONGL4VEXstTY
Web的发展趋势 ◼ 图形Web页面的爆炸性发展。 ❑ 网上浏览中包括了大量使用的动态图形，使图形Web遍布网 络的各个角落。 ◼ 新一代Web信息描述标准XML ❑ 能更详尽地描述文档的结构信息，具有比HTML有更强大的 功能，为Web的发展提供了强有力的支持。 ◼ 网格的概念 ◼ 云的概念 山东大学计算机学院 4
超文本与超媒体 超文本( Hypertext) 口是一种使用于文本、图形或其他信息的组织形式,是一种非 线性的信息组织形式。它使得单一的信息元素之间可以相互 交叉引用,这种引用并不是通过复制来实现的,而是通过指 向对方的地址字符串来指引用户获取相应的信息 超媒体( Hypermedia) 口利用超文本形式组织起来的文件不仅仅是文本,也可以是图 文、声、像以及视频等多媒体形式的文件。这些多媒体信 息就构成了所谓的超媒体 山东大学计算机学院 SHANDONG VEKS
超文本与超媒体 ◼ 超文本 （Hypertext） ❑ 是一种使用于文本、图形或其他信息的组织形式，是一种非 线性的信息组织形式。它使得单一的信息元素之间可以相互 交叉引用，这种引用并不是通过复制来实现的，而是通过指 向对方的地址字符串来指引用户获取相应的信息。 ◼ 超媒体 （Hypermedia） ❑ 利用超文本形式组织起来的文件不仅仅是文本，也可以是图 、文、声、像以及视频等多媒体形式的文件。这些多媒体信 息就构成了所谓的超媒体 。 山东大学计算机学院 5