分类筛选
分类筛选:

关于前端论文范文资料 与WAP时代网页前端设计有关论文参考文献

版权:原创标记原创 主题:前端范文 科目:毕业论文 2024-01-16

《WAP时代网页前端设计》:该文是关于前端论文范文,为你的论文写作提供相关论文资料参考。

摘 要:WAP时代,通过移动终端进行网上冲浪和移动办公,已成为主流.W3C制定的HTML5(包括HTML、CSS和JavaScript 在内的一套技术组合)成为移动终端网页前端开发设计必不可少的工具.移动终端网页设计的趋势更倾向于交互性、个性化、简约性和实用性.

关键词:WAP ; HTML5; 移动终端 ; 网页前端设计

未来是触摸型移动终端的时代,用户渴望更简便高效的体验.在WAP时代,人机交互、人网交互已经成为常态.离开办公室,越来越多的人们抛弃PC,选择使用移动终端来完成各类网上互动.客户端完成的运算越来越多,高效、简单且人性化的网页应用受到用户的青睐.目前,主流网站基本应用HTML5 来进行移动终端的网页前端开发设计.W3C制定的HTML5将Web由内容平台改造为标准化的应用平台,统一标准,其主要特色是降低插件重要性,简化Web开发;大幅度提高对动态图像、位置服务、本地存储的支持;提高浏览器的安全性.

1 技术背景

1.1 WAP背景知识

WAP是“Wireless Application Protocol”(无线应用通讯协议)的英文缩写,是一项全球性的网络通信协议.WAP将Internet网上HTML的信息转换成用WML(Wireless Markup Language)描述的信息,显示在移动终端的显示屏上.WAP服务,通俗而言,就是一种使用移动通信设备上网,享受包括新闻浏览、股票查询、邮件收发、在线游戏、在线购物、即时通信等多种应用服务.

1.2 HTML5背景知识

广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript 在内的一套技术组合.它能够降低网络应用服务对于插件的依赖程度,如Adobe Flash等,并且提供更多能有效增强网络应用的标准集.HTML5有两大特点:首先,强化了Web网页的表现性能;其次,追加了本地数据库等Web应用的功能.

1.3 HTML5优势:

1.3.1统一的网络标准

HTML5是由W3C推荐出来的,是谷歌、苹果、诺基亚、中国移动等几百家公司一起酝酿的技术.它是个公开的技术, 开发者可以通过HTML5来调用W3C资料库中的应用程序内容.

1.3.2 跨平台应用

HTML5技术可以跨平台应用.例如采用HTML5开发的游戏,可同时移植到UC开放平台、Facebook应用平台等,或者通过封装技术放到App Store或Google Play上.这样,无形中避免了重复开发,大幅度节省了开发成本.

1.3.3即时更新

例如采用HTML5开发的游戏,进行更新是时时的,就如同更新页面一样.

1.3.4 有效的异常处理

旧版本的浏览器能够自动忽略掉新的HTML5 代码,这样,不同的浏览器即使在发生语法错误时也能返回相同的结果.HTML5在错误语法的处理上更加灵活有效.

HTML5能很大程度提高用户体验的友好度;为站点带来更多丰富的多媒体视听体验;完美替代FLASH和Silverlight的插件功能;提高网站的抓取和索引效率,增强网站SEO的效果;可被大量应用于移动终端应用程序和游戏开发.

2 移动终端网页设计趋势

2.1滚动翻页浏览日趋流行

随着移动终端的普及,滚动翻页浏览的方式越来越受到用户的青睐.以往用户浏览超长页面的内容时,只能通过点击按钮翻页的方式;而现在,用户可以选择以滚动翻页的方式来获取信息,使用更便捷,可操作性更强.对于设计师而言,这种方式常应用于网站的形象主页、产品介绍页面以及各类活动页面.和此同时,设计师还可以结合其他的HTML5 特效,让页面更生动,吸引用户群体的注意,引导用户进行浏览,达到预期的宣传效果.比如,一场招聘会活动的邀请函,如果平铺直叙地将内容以文字形式体现在页面上,用户浏览起来就无法在短时间内获取重要信息,还极有可能忽视某些信息.设计师应用滚动翻页和animate.css(来自dropbox的工程师Daniel Eden开发的一款CSS3的动画效果小类库)相结合的方式,运用晃动、弹跳、闪动、各种淡入淡出等动画特效来显示需要突出的内容画面,就能成功吸引用户的视觉注意力,引导用户快速获取我们需要让他们接收到的信息,从而达到最佳的宣传效果.

2.2故事性和互动性

对于企业而言,要让大众认知,通过网络可以事半功倍.网页前端设计师可从故事性和互动性的角度着手,将企业推介给用户群体.平板的文字叙述所能达到的宣传效果微乎其微.将宣传内容故事化,能让用户更感兴趣,更易接受.在此基础上,设计师在网站中加入互动和动画元素,可以带来令人意想不到的惊喜.互动的参和性能有效提升用户的认同感,提升用户体验,最大程度的达到品牌推广的效果.

2.3剔出非必要设计元素

由于移动终端所能显示的范围有限,网页设计应剔出非必要设计元素.另一方面,没有WIFI的环境中,移动终端浏览网页需要使用流量,这就使得用户希望网站设计能更加简洁、清晰,以便能够快速准确地获取所需要的信息.因此,原来PC网页中常用的复杂布局、众多图片等设计手段在移动终端网页设计中应当谨慎使用.设计师宜采用字体大小、字体样式、色彩、背景色、小图标、留白等设计手段,简化网站设计,突出重点,提高网站的性能和访问速度.

2.4个性化高质量专业摄影图片

图库的图片依然在设计中占据一席之地,但是对于大多数知名企业而言,采用个性化高质量专业摄影图片,既独一无二,又能如实呈现企业文化和底蕴.因此,这种方式有被广泛应用的趋势,被越来越多企业所接纳和采用.

2.5以百分比宽度为中心的网站布局

前端论文参考资料:

结论:WAP时代网页前端设计为适合前端论文写作的大学硕士及相关本科毕业论文,相关现在web前端面临失业开题报告范文和学术职称论文参考文献下载。

和你相关的