欧朋始于1994年,总部位于挪威奥斯陆,并在全球12个国家设有分公司,全球员工总数超过1000人。在中国,欧朋拥有本地化的技术、研发及市场运营团队,专注于研发、推广及运营欧朋手机浏览器。
欧朋始终以用户的需求为中心,致力于为用户提供简洁、高速、流畅的上网体验和服务,让人们尽享舒适的移动生活。
我们的使命–让人们能够舒适的访问个人化的信息每天通过移动互联网连接在一起。
我们的愿景–让人们享受舒适的移动互联网生活。我们始终相信,移动生活之道,本应如此。
我们来自五大洲四大洋,我们都是干劲青年,我们的工程师睡到自然醒,投入起来经常忘了睡觉的时间。我们市场创意疯狂无限,脑子里都是稀奇古怪的东西。我们女产品经理是摇滚控,抱着吉他做文档,写出来的东西一晃一晃。我们的设计师喜爱摄影,画图的时候要拍照片。
我们春天潜水,夏天风帆,秋天爬山,冬天滑雪,全年工作。
自由,热诚,FUN。
我们认为,工作之道,本应如此。
古语有云:“有朋自远方来,不亦乐乎”。欧洲的“欧”,朋友的“朋”,欧朋是全球最流行手机浏览器——Opera浏览器的中文版本。欧朋浏览器秉承了Opera速度快、省流量、功能强大的优点并为中国用户精心设计及推出了本地化的优质服务,为用户提供最佳的移动互联网体验。
我们的界面简洁、自由、有格调;
我们的导航精准、快捷、有内容;
我们的微博好读、方便、有生活;我们的新鲜事儿好玩儿、有趣、有故事。
欧朋始终以你的需求为中心,努力为你带来便捷、舒心的浏览体验,我们希望你和他都能享受舒适的移动互联生活,每天通过互联网联系在一起。
我们觉得,浏览之道,本应如此。
北京朝外大街乙6号朝外SOHOC座0931
电话:010-59002130传真:010-59002133
marketing@oupeng.com
channels@oupeng.com
以上代码是一级页面的内容部分,这是公司页面,介绍的是关于欧朋的信息,是一些公司的简单信息,供大家查看。这两段代码的显示效果如图4所示:图4公司页19 举例说明:欧朋始于1994年,总部位于挪威奥斯陆,并在全球12个国家设有分公司,全球员工总数超过1000人。在中国,欧朋拥有本地化的技术、研发及市场运营团队,专注于研发、推广及运营欧朋手机浏览器。
这句代码就是让这段文字在一段中显示,下面代码是在这一段中字的高为24px,跟顶部具体为24px,颜色值为#777777、并且有浮动效果。.leftBoxp{line-height:24px;padding-top:24px;color:#777777;}.leftBoxp{float:left;}4.1Photoshop4.2.1首页首页是整个网站中最重要的,首页做的好才能吸引大家查看信息,以下是整个首页的设计效果图,如图5所示:图5首页19 此页是整个网站的首页效果,用PS软件设计并制作出来的效果图,首页是最重要的页面,设计一定要有创意,在页面中我用了企业色蓝色做了一个大的广告放在上面,下面是欧朋的版本信息,让人们第一眼就能够看出这个网站的主要内容信息。广告我采用了蓝色,比较醒目,让你打开网站第一眼看到的就是这一广告,广告上有下载跟欧朋浏览器手机显示样式,主要内容都在该广告中体现。4.2.2一级页面除了首页以外,一级页面也占据着重要的地位。如果一级页面设计的不好,那么制作三级或四级页面也就没有什么意义了,以下是一级页面(示例)的设计效果图,如图6所示:图6公司页这一页面是一级页面效果图,是公司页面,简单介绍了关于欧朋的信息。图6所示是一级页面公司页面的效果图,该页面主要是介绍了关于欧朋的信息,比如:欧朋起源时间、起源地、人数、欧朋宗旨、欧朋愿景、欧朋简介等信息。下面是一个欧朋浏览器的地址、电话、传真信息。该页面将欧朋信息一一都列举了出来,称为公司页。19 第5章网站的测试与维护一个网站制作完成后,在网站发布之前应进行严格的测试,以检查各个链接是否正确,网页是否正确,文字、图像显示是否正确等等。网站只有不断更新才会有生命力,人们上网无非是要获取所需信息,只有不断提供人们所需要的内容,才能有吸引力。网站应当经常有吸引力的、有价值的内容,让人能经常访问。主要测试内容有:1.服务器稳定性、安全性。2.程序软件的测试。3.网站兼容性测试,如浏览器、显示器。4.根据需要的其他测试。19 第6章总结本次网站交互原型设计,具有自身的特色和创新之处。网站在交互模式设计上,紧紧抓住用户体验这一关键点。以用户为中心,通过分析设计,再分析再设计的过程,反复更正[15]。但是,也看到在本次设计过程中存在一定不足,这也是日后应该加强改进和弥补的地方。主要包括几点:第一,在原型设计时,运用axure的onpageload功能失败率较高,运用极不灵活熟练,以至于很多页面的交互设计走了弯路。第二:有些交互设计仅停留在界面呈现上,没有延伸出去把它的一系列动作设计完整,仅停留在静态的页面呈现上,完整的交互流程实现得不多;第三,对于交互的理解还不全面,且对网站规划的步骤不清晰,一开始设计脱离了实际,走了不少弯路。本次毕业设计,对于我来说,是花精力的一个项目。总的来说,这次的毕业设计为我即将踏入社会之前提供了一次锻炼的舞台,有些东西自己不会,但是可以去查,去学习,如果自己不去了解,那么永远都不会,以后还要加强知识的学习,不断的完善自己。经过这次设计,不仅学会了软件,更重要的是在学习的过程中,脚踏实地、实事求是的学习态度,不怕困难、吃苦耐劳的精神是我在这次设计中最大的收益,是对我实际能力的一次提升,也会对我未来的学习和工作有很大的帮助。19 参考文献[1]任学文,范严.网页设计与制作[M].北京:中国科学技术出版社,2006:30~50.[2]武创,王惠主.网页设计探索之旅[M].北京:电子工业出版社,2006:100~120.[3]马志强,蒋晓.基于用户体验的智能手机网站界面设计探讨[J].包装工程,2013(16):78~85.[4]伍梵华.网页设计与网站开发—HTML网页制作网站开发完全实战[M].北京:航空工业出版社,2000:60~71.[5]胡崧.HTML从入门到精通[M].北京:中国青年出版社,2007:20~25.[6]杨选辉.网页设计与制作教程[M].北京:清华大学出版社,2008:50~70.[7]曹雁青,杨聪.Photoshop经典作品赏析[M].北京:北京海洋智慧图书有限公司,2002:19~26.[8]张怒涛.Photoshop平面设计图像处理技法[M].北京:清华大学出版社,2003:65~70.[9]夏慧中.网页设计视觉呈现分析[J].现代商贸工业,2014(1):56~62.[10]许凌云,柳勇良.网站设计全方位学习[M].北京:清华大学出版社,2008:60~62.[11]何秀芳.网页制作与网站建设课堂实录[M].北京:人民邮电出版社,2009:70~78.[12]李双远,马勘.DIV+CSS在网页设计中的应用方法[J].吉林化工学院学报,2013(9):89~92.[13]李晓宁.论网页设计中视觉元素的特性[J].大众文艺,2014(2):201~203.[14]谢成开.网站的可用性分析与设计[J].艺术教育,2014(1):223~225.[15]张伟娜.王海波.DIV+CSS网页设计初探[J].电脑知识与技术,2013(3):230~232.19 致谢在论文完成之际,我要特别感谢我的指导老师的热心关怀和悉心指导。在我撰写论文的过程中,老师倾注了大量的心血和汗水,无论是在论文的选题、构思和资料的收集方面,还是在论文的研究方法以及成文定稿方面,我都得到了老师的悉心细致的教诲和无私的帮助,在此我表示真诚地感谢和深深的谢意。在论文的写作过程中,也得到了许多同学的宝贵建议,同时还到许多在工作过程中许多同事的支持和帮助,在此一并致以诚挚的谢意。感谢所有关心、支持、帮助过我的良师益友。感谢参考文献中的各位作者,真诚的感谢对我的帮助。最后,向在百忙中抽出时间对本文进行评审并提出宝贵意见的各位老师表示衷心地感谢!19此文档下载收益归作者所有