Web标准与用户体验.css.ppt

《Web标准与用户体验.css.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、WebStandardandUserExperienceWeb标准与用户体验版权声明：CreativeCommon(署名-非商业-派生)版权联合：李超&EduBeta.com主题什么是Web标准?Web客户端表现层技术的起源与发展表现(Design)与内容(Content)分离的页面技术Web标准与用户体验(UE)设计什么是Web标准？Web标准是网站开发中的一系列标准的集合。每一个标准对应网站开发中的每一个环节，如HTML用于表现信息结构，CSS用于表现信息的展示方式，Javascript用于表

2、现信息的简单动态处理等无论是HTML，还是XHTML，还是CSS，javascript,都是Web标准其中之一Web客户端表现层技术的起源与发展Web客户端表现层技术的起源与发展Web的基本架构与主要功能Web客户端表现技术的作用HTML与JavaScriptGif动画Css技术Quicktime、ActiveX控件FlashWeb的基本架构与主要功能分布式的Web架构网站服务器(WebServer)MobilePCPocketPCUserPCPC应用服务器(AppsServer)XBox360We

3、b的基本架构与主要功能通过客户端与服务器端技术，向用户提供信息与服务服务器端(Server)客户端(Client)User服务(Service)Web客户端表现层技术的作用什么是客户端技术?客户端技术是一个广义的概念，他表示的是客户端与服务器端进行信息交换与展现的技术UserPCServer展现信息获得信息与数据交换Web客户端表现层技术的作用客户端表现层技术是指将从服务器端获得的信息进行展现与表现的技术什么是客户端表现层技术?UserPCServer展现信息获得信息与数据交换Web客户端表现层技

4、术的作用客户端表现层技术的最终目的是为用户提供最优质的信息，使用户拥有最好的用户体验(UserExperience)客户端表现层技术的最终目的HTML与Javascript历史1945年,VannevarBush表达了一种文本之间超级链接相互关联的思想1960年TedNelson为关联技术命名为超文本(Hypertext)1969年IBM发明了GML语言用于描述超文本信息1990年，HTML延生1996年，Netscape开始支持JavaApplets和Javascript,同时IE3.0开始支持同

5、样的技术HTML与JavascriptHTML的作用最初仅仅作为实现一种非线性的信息组织而设计线性的非线性的HTML与Javascript目前的HTML4.0已经是一种非常成熟的页面描述语言，除了信息的组织，还有一定的设计功能，能对版式、字体颜色及图片等信息做出控制。Gif动画早期的HTML纯文本网页满足不了对丰富图片信息的表现，于是GIF动画出现css技术CSS是一种专注于对信息的视觉表现进行控制的技术。CSS的目标是用来取代HTML中的“设计”部分，使HTML专注于信息整理，而CSS来专注于信息

6、的视觉表现优秀的CSS与HTML设计使内容与表现完全分离，以更好的结构来展示信息，使得信息易于展现并易于修改Quicktime、ActiveX控件网络趋向于多媒体形式的展示、通过Quicktime、ActiveX实现在网页中的视频与音乐播放。Flash目前最优秀的互动表现技术、丰富用户体验通过FLASH开发环境或编程实现与用户的实时交互丰富的媒体支持及动画制作是目前为品牌用户建立线上推广、为用户提供优秀交互界面的强大工具表现(Design)与内容(Content)分离的页面技术表现(Design)

7、与内容(Content)分离的页面技术什么是表现与内容？为什么要实现表现与内容的分离？XHTML与CSS的协同作战高效开发易于维护其它方面优势现阶段的问题什么是表现(Design)与内容(Content)？内容是指具体的信息，仅仅表示信息正文及各部分的名称，如标题、作者、正文、图片表现是指信息的展示形式，如标题使用16号黑体，正文使用12号宋体、图片采用文绕图间距10px的排列方式等内容(Content)表现(Design)什么是表现(Design)与内容(Content)？使用传统的HTML来表现

8、(Design)设计方式复杂控制区域较多代码繁杂易读性差表现与内容分离的技术设计简单易于控制代码简单易于修改什么是表现(Design)与内容(Content)？DIV元素的掌握是表现与内容分离的基础传统表格式排版DIV排版更自由为什么要实现表现与内容的分离？分离使得网站代码可维护性提高分离使代码重用得到可能，大幅提高开发效率重用使得代码量可以成倍减少，减轻服务器负担使得降低宽带成本成为可能加快浏览器解析速度使用户阅读更快捷迅速为什么要实现表现与内容的分离？分离技术使我