基于HTML5的响应式新闻门户网站设计与实现

来源 :湖南大学 | 被引量 : 0次 | 上传用户:hrwhrw
下载到本地 , 更方便阅读
声明 : 本文档内容版权归属内容提供方 , 如果您对本文有版权争议 , 可与客服联系进行内容授权或下架
论文部分内容阅读
近几年来,尤其是随着以智能手机为代表的移动互联网的飞速发展,原来针对普PC的网页设计越来越跟不上时代发展需要。在移动互联网发展正盛的当代,人们出于便捷性地考虑,偏向于喜欢使用智能设备浏览阅读网站信息,如手机、平板等。对于没有进行页面适配的各种传统网站,其功能性、友好性越来越显得不足。所谓响应式网页设计,就是指网站页面根据用户不同设备、不同操作等,通过数据的动态调整,进行相应的样式转化,以最大的友好度向用户展示他们所需要的内容。无论用户使用的是何种类型的终端设备,用户所浏览的页面,都能够根据设备的硬件尺寸等信息,自动进行横屏竖屏的样式转换,各种图片的最优缩放,各类资源的最佳调配等,以适应不同设备不同终端。进行响应式网页开发,应主动联系实际,将移动页面作为开发重点来抓。根据统计数据显示,用户浏览新闻70%以上是通过移动设备,而移动设备尺寸、类型、分辨率等千差万别,想要一一做好适配,达到最优效果,的确不容易。为了最低限度满足不同类型设备需求,我们可以根据尺寸大小分门别类,做有针对性的适配工作。作为新闻从业者,很早就开始与新闻网站打交道。所在媒体的网站由于开发时间较早,基本上是针对PC端用户,手机页面很不友好,存在着结构臃肿,可移植性差等多方面的问题,在HTML5广泛应用的今天,已经不太适应时代的发展和受众的需求。对此,非常有必要采用新技术解决新问题,利用HTML5标准,构建一个对同时对PC端、手机端有着友好界面,性能优异,结构轻巧的响应式新闻类门户网站。本文前期做了大量的调研工作,对当前我国互联网行业网站响应式技术方案的应用进行了调查摸底,发现实际应用非常稀少,大部分还停留在研究方面。而现实中已经时不我待,在实际应用中,针对不同终端采用不同模板的文件的做法,已经越来越吃力,运营维护人员不堪重负。统一编码、统一模板,适配多种终端已经成为迫切需求。响应式开发是目前最为可行的方案之一。随着人工智能的发展的技术的迭代,相信在不久的将来,终端适配工作可以通过操作系统或浏览器智能转换自动完成,一劳永逸地解决响应式设计所要达到的目的。
其他文献
英语是目前全球交流应用最广泛的语言之一,学好英语是许多人的梦想,但如何学,学什么,却是很多人很迷茫的问题。基于一定目标的英语学习,再根据不同的目标进行子目标的制定和实施,将
马金莲是西海固优秀的青年作家,她的作品近年来引起了学界的关注。马金莲的小说力图还原原乡生活原貌,勾勒西海固传统的生活图景。她的小说书写乡土的宁静与和谐,道义与温情,朴实与伦理,以乡土的日常生活展现传统乡民的价值追求,生命形式以及乡土精神与道德规范,构建了乡土大地上温暖的精神家园。马金莲在小说中探究现代性对西海固传统文化的影响,描写了现代性冲击下的西海固村庄里人性与庄风的异变,揭示了现代学校教育对当
在高职英语教学中,培养学生英语的自主学习能力,能使学生在英语学习和实践活动中主动地掌握英语知识和技能,从而具有实际运用英语的能力。本文在分析自主学习的实质和自主学
“员工帮助计划”(EAP)是企业为员工设置的一套系统的、长期的福利与支持项目,它通过专业人员提供的专业指导、培训和咨询,提高员工在企业中的工作绩效。东方地球物理公司研究院
微型品赏充满画面的黑色背景中,是蓝色横与竖的线条所构成的乐谱。女吹奏员淡红的肌肤,与黑蓝色的背景构成了强烈的对比。黑辫子上的鲜红色的蝴蝶结夺人眼目,
高知识型企业的员工往往对自己有着较高的期望值,所以根据他们的心理及能力特征进行有效激励十分重要。对知识型员工应尽量采取正激励,最好不要采取负激励。而正激励应从提供有
城市污水强化一级处理工艺——高负荷活性污泥法(HAS)具有不设初次沉淀池,负荷高,泥龄短,污泥沉降性能良好.不存在污泥膨胀等特点,对有机物的去除以絮凝、吸附、沉淀作用为主,对COD、
蹦蹦兔正在用望远镜观察夜空。突然,他大叫起来:“哈奇,快来看,我发现了一颗新星。” 哈奇朝着蹦蹦兔所指的方向望去,果然,在原来没有星星的地方,突然出现了一颗闪闪发光的星
4月13日,第17期国有重要骨干企业领导人员培训班在我院开班。本期培训班共有来自国有企业的69名领导干部参加学习,中国石油天然气股份有限公司总工程师蔺爱国、总地质师王道富
介绍了企业MIS(Management Information System)系统的子系统——职工保险管理系统的设计。该系统基于客户-服务器结构,采用SQL Server数据库及Visual Basic语言开发完成,利用了O