《网页发展及xhtml》由会员分享，可在线阅读，更多相关《网页发展及xhtml（7页珍藏版）》请在金锄头文库上搜索。
1、（一）回顾过去（一）回顾过去随着互联网技术进步，网页 UI 设计也在不断演变。我们先简要回顾一下，UI 方面的发展历程：（1）“远古时期”的互联网传输的只有文本（2）后来增加了超文本也就是链接，不过依旧是文本；然后又有可视化得数据也就表格。（3）再后来，增加了图片的二进制解析，互联网一下子“多媒体”起来，网页也就出现了设计。把原本用于数据形象化展示的表格，弄成了排版工具，而图片和背景图片也超越了内容，用于装饰美化。（4）随着早期的 office 合集中的 frontpage 以及 macromedia 公司的”三剑客”等一些所见即所得开发设计工具，涌现出一大批早期的网页设计师。这批设计师一直使
2、用表格布局，直到 5-6 年前 xhtml 传入中国。期间又有了专门用于手机上网的 wap。（5）目前主流设计师采用 xhtml 和 css 来制作网页，色彩和修饰图片用 css 来控制，用 div 标签代替表格来布局。同时涌现出一批所见即所得的 xhtml 开发工具。这些人兼有代码编写和美术设计两种能力，并致力于网站兼容各个浏览器版本，设计的工作难度稍微提高了。（二）展望未来（二）展望未来现在我们再看一下未来几年内的 UI 设计发展趋势：（1）HTML5 和 CSS3 近期将要出台完整规范，各大浏览器已经部分支持 HTML5。HTML5 大有替代 xhtml 之势。关于 HTML5 的特性大
3、家可以从网上查阅资料，我比较看好的是 HTML5 会更进一步统一各浏览器版本的呈现，因为各浏览器开发商都意识到开放型的统一规范对大家都有利。另外 HTML5 可以更好配合 CSS3 来改进 CSS2 的一些弱点，HTML5 另两个可圈点之处是客户端储存和更优化的多媒体支持。请大家方心，在未来一段时间内，xhtml 和 HTML5 呈共存状态。（2）Flash 继续扩展，3D 支持是其一个发展方向，失量绘图功能在 GIS 地图位置应用方面执行效率方面很高，其跨平台支持的优势继续稳固，3G 的主流手机都会支持 Flash，不过 iphone 是个例外，我很不看好 iphone 的发展策略，不过这是
4、苹果的传统和无奈之处。（3）随着国内网络硬件水品的提高、我们在 09 年就已看到大图片和视频支持日益提高。网页的装饰将从原来的切碎图片的局部修饰向“大”和“震撼力”方向发展。这与平面媒体比如传统报刊杂志的发展趋势一致，大家现在看到的大图片在早些时候是多么奢侈啊。互联网领域利润比较高的时尚型网站和纸质时尚杂志的区别日益缩小，网站将更象一本杂志，报刊杂志也不得不充分利用网络用户生产的内容，以迎合社会发展趋势。（4）随着 3G 的迅速普及，几年后手机上网用户数量会超越传统互联网桌面电脑用户。不必过于担心，未来用桌面电脑的不会放弃桌面终端，不过是个人又额外增加了一个移动终端；而未来用手机上网的绝大部分
5、用户根本不用桌面电脑，比如几亿农民。也就是说，3G 不会过度争抢桌面电脑的用户。但是，这里有一个关键。资金流在一定时空内是个定值，3G 的普及相当于恐怖地拓宽了网络消费领域。原来桌面互联网用户有限的个人资金通过 3G 花掉一部分，那么传统桌面互联网企业的收入就会减小一部分，这叫行业萎缩，收益会莫名的少了。而新增的仅仅通过手机上网的用户，是 3G 的普及所扩展出来的，其中绝大部分人的互联网消费会通过过 3G 手机渠道花掉，而新增 3G 用户转化到桌面互联网的消费在未来可能弥补不了桌面互联网消费资金池的萎缩部分。在未来就得使一大批互联网企业面临现金流萎缩的问题，而不得不转型，其中受手机消费冲击最大
6、的企业将迫切面临一个调整期。并不是 3G 把你的用户夺走了，而是资金池中的水流往它处，而使得你不得不调整公司结构、主营业务、现金流配备以适应发展生存。是“发展生存”的问题，不是“生存发展”的问题，不发展就是等死。更严峻的问题是 3G 以及未来 3G 手机的主要应用之一“手机视频”服务，被“国家”垄断，突破障碍还是需要一些选择性技巧的。3G 手机的应用本质，突出表现在基于实名制（这是中国完善实名制、建立消费信誉的唯一可行途径）的手机支付，银行金融领域将缓慢的发生巨变，进而影响到国家经济体制，从而继续影响政治体制改革，而民主化进程是在实名制高压政策、经济体制无奈的顺应和政治体制经历痛苦之后被动发展
7、的。实名制很恐怖，历史车轮挡不住。未来短期 3G 手机的主要服务应用，除了手机支付、还表现在手机视频、GIS 地图位置应用、资讯阅读、游戏、影视收看上。更远的未来的，将表现在个人移动监控、现场直播、移动异地存贮等一些专业行业领域，并将这些专业技术转移到民用的工作生活的方方面面，通过专业技术创新带动民间用户的异地即时信息点对点，多对点的信息共享和传播。而传统桌面互联网将成为个人的数据管理后台，但并不是每一个手机用户都使用这个“后台”。（5）上面说到，3G 对未来的影响。现在回归到网页设计上。目前很大一批网站为同时适应桌面互联网和移动互联网，而把网页设计成 800 像素宽，以 twitter 为代
8、表，信息传播更加短小精悍，传播效率和影响力很恐怖；而以“嘀咕”为代表的国内微博，从一开始就定位到未来的手机应用，从图片、视频、GIS 地图位置服务，无一不是有目的去日益改进其服务功能。那么未来网页设计将依据终端划分为两部分，一部分是传统桌面互联网，它向传统媒体方向靠拢，因为在界面显示大小、操作复杂度上来说，比巴掌大的手机更自由一些。另一部分是手机移动终端，它更加直白精简突出即时性的信息传播和异地存储，这与分辨率没多大关系，即使手机实现 1024*768 的分辨率，但从人体工学的尺度上来讲，其用户操作的效率和方便自由度都是一个永远无法超越的难点。所以未来手机应用将更加注重用户体验、更简洁，遵循
9、iphone 的设计理念，是给用户创造好用的工具，否则没人用你的新产品。即使桌面互联网可以在手机上直接观看，未来也不得不开发专门针对手机用户的简洁版，不管分辨率有多高，至少按钮在实际感官显示上得有一平方厘米才容易识别。未来会催生一大批手机界面设计师，与桌面互联网设计同步协同完成工作，桌面和移动二个终端同时发布更新。网站的设计方式。虽然我们不能确定确切的趋势，我们可以预测所有可能出现的变化可以在网页设计中。网站的设计方式。虽然我们不能确定确切的趋势，我们可以预测所有可能出现的变化可以在网页设计中。让我们更深入地了解让我们更深入地了解 20132013 年网站设计趋势的预测：年网站设计趋势的预测：
10、第一.响应和自适应的设计在时代的智能手机和 iPad，不限于标准的计算机访问互联网。现在，人们通过他们的智能手机和平板电脑的移动网络浏览互联网。由于介质被用来查看一个网站是不固定的，网页设计师开始创建响应网站的设计，根据正在使用的介质，以查看它适应。虽然这种趋势已经开始出现在 2011 年的最后几个月，这将是我们进入 2012 年的时候，所有的地方。第二.HTML5 和 CSS3这是最新版本的 HTML 和 CSS，分别的目的是在你的网站设计到另一个层次。 截至目前，虽然这些语言都无法完全完成，网页设计师将利用其现有的功能全面的形式，到 2012 年。 HTML5 允许你添加到您的网站设计中的
11、一些惊人的功能，并获得独特的竞争优势。HTML5 支持的网站设计将更加灵活和快速加载。CSS3 也将得到普及，在未来的一年，因为一些令人兴奋的功能，它提供。 通过实施 CSS3，你可以创建一个具有视觉吸引力的网页设计容易。第三.超大的标志/页眉/页脚/图像在 2013 年，其时 Web 设计人员将使用过大的标志，标题，页脚，图片前所未有的.巨大的页眉/标志/页脚/图像的游客留下了深远的影响，并让他们记住你。他们是非常迷人的，有趣的，并且用正确的内容可以真正建立一个网站，除了其竞争。第四.杂志布局信息娱乐系统可以很好看的杂志版式的网页设计网站。许多网站设计者正朝着杂志的布局，其中的内容是奠定了一
12、个主页上以有组织的方式。它给游客提供机会，为有兴趣探讨。这种格式将呼吁任何人谁喜欢阅读一本杂志或报纸，而无需翻页。第五.单页设计为了降低单页网站的浏览体验，都将是网站设计的最新趋势之一。虽然在 2012 年本身，这种趋势已经开始冒头，这将是 2013 年比较流行的。单页的设计更适合较小的网站，其中大部分的信息可以从主页访问。第六.固定导航另一个新兴的趋势在 2013 年的网站设计是固定的导航。此功能的主要目的是要从事的用户以更好的方式和提升用户体验。固定的导航功能和视觉上的吸引力。”什么是什么是 XHTMLXHTML？与？与 HTMLHTML 相比相比 XHTMLXHTML 有什么特点？有什么
13、特点？(网络营销教学网站 2005-02-28)HTML 是一种基本的 WEB 网页设计语言，XHTML 是一个基于 XML 的置标语言，看起来与 HTML 有些相象，只有一些小的但重要的区别。本文简单介绍什么是 XHTML，以及与 HTML 相比 XHTML 有什么特点。1 1、什么是、什么是 XHTMLXHTML？HTML 是一种基本的 WEB 网页设计语言，XHTML 是一个基于 XML 的置标语言，看起来与 HTML 有些相象，只有一些小的但重要的区别，XHTML 就是一个扮演着类似 HTML 的角色的 XML，所以，本质上说，XHTML 是一个过渡技术，结合了 XML（有几分）的强
14、大功能及 HTML（大多数）的简单特性。2000 年底，国际 W3C(World Wide Web Consortium)组织公布发行了 XHTML 1.0 版本。XHTML 1.0 是一种在 HTML 4.0 基础上优化和改进的的新语言，目的是基于 XML 应用。XHTML 是一种增强了的 HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。下面是 W3C 的 HTML 工作组主席 Steven Pemberton 回答的关于 XHTML 的常见基础问题。问：什么是 XHTML?答：XHTML 是一种为适应 XML 而重新改造的 HTML。当 XML 越来越成为一种趋势，就出现了这样
15、一个问题：如果我们有了 XML，我们是否依然需要 HTML?为了回答这个问题，1998 年 5 月我们在旧金山开了两天的工作会议，会议的结论是：需要。我们依然需要使用 HTML。因为大量的人们已经习惯使用 HTML 来作为他们的设计语言，而且，已经有数以百万计的页面是采用 HTML 编写的。问：为什么 XHTML 1.0 相对 HTML 4.0 独立发展?答：并不是这样。XHTML 恰恰就是 HTML 4.0 的重新组织，(确切的说它是 HTML 4.01，是一个修正版本的 HTML 4.0，只不过以 XHTML 1.0 命名发行。) 它们在 XML 里的解释会有一些必要的差别，但另一方面，它
16、们依然非常相似，我们可以把 XHTML 的工作看作是 HTML 4.0 基础上的延续。问：XHTML 1.0 如何实现 XML 标准?答：XHTML 就是一种 XML 应用。它采用 XML 的 DTD 文件格式定义，并运行在支持 XML 的系统上。这里要感谢 XML 的 Namespaces 功能，浏览器制造商不需要再创造新的私有标签(tags)，他们只需要在 XHTML代码里包含 XML 代码片段，或者 XML 代码里包含 XHTML 代码片段。2 2、与、与 HTMLHTML 相比相比 XHTMLXHTML 有什么特点？有什么特点？（1）XHTML 解决 HTML 语言所存在的严重制约其发展的问题。HTML 发展到今天存在三个主要缺点：不能适应现在越多的网络设备和应用的需要，比如手机、PDA、信息家电都不能直接显示 HTML；由于 HTML代码不规范、臃肿，浏览器需要足够智能和庞大才能够正确显示 HTML；数据与表现混杂，这样你的页面要改变显示，就必须重新制作 HTML。因此 HTML 需要发展才能解决这个问题，于是 W3C 又制定了XHTML，XHTML
