- 1、本文档共77页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
响应式企业网站设计与实现毕业论文
目 录
第一章 绪 论 6
1.1 本课题研究的背景和目的 6
1.2 国内外HTML5响应式企业网站建设的状况 7
1.3本章小结 7
第二章 前端开发 及相关技术 7
2.1?HTML5前端开发环境 8
2.2?HTML5前端开发工具 8
2.3?HTML5前端开发相关技术 8
2.3.1?javascript简介 8
2.3.2?javascript基本特点 9
2.3.3?css简介 9
2.3.4?jQuery 10
2.4?本章小结 10
第三章 前端布局分析与设计 10
3.1?前端总体开发流程与设计 10
3.1.1?分层开发 10
3.1.2?代码编写 11
3.1.3?内部测试与后续优化 11
3.2?前端UI设计 11
3.2.1?模块分布 11
3.2.2?颜色配置 12
3.2.3?css元素 12
3.3?交互设计与UI 14
3.4?网站结构布局与设计 14
3.5.1??网站首页结构 14
3.5.2??主题鲜明,富有特色 14
3.5?网站前台页面设计 14
3.5.1?首页 15
3.5.2?其余子页面 15
3.7?本章小结 15
第四章 主要功能的实现 15
4.1?界面设计 15
4.2?具体设计文档 15
4.3?前台新闻文摘显示 16
4.3.1?网站装饰风格 16
4.3.2?网站的链接结构 16
4.4?可视化设计 16
4.5?具体实现技术 16
4.5.1?css在“写意集团响应式企业官网”中的应用实例 16
4.6?本章小结 18
第五章 总结 18
致谢 18
参考文献 19
第一章 绪 论
1.1 本课题研究的背景和目的
如今的互联网已经渗透到了我们生活的每一个层面,网站的内容越来越丰富全面,各大浏览器商也在竞相的开发各种各样的新的功能,供开发者进行开发构建出更好的用户体验,以此来满足各种不同需求的浏览者。随机计算机的这些技术的飞速生长,手机的上网率高于传统PC,而在手机端上,传统网站又难以做到兼容所有的设备尺寸,越来越多的商家的传统门户官网已经不能满足用户的体验,各大商家大企业都开始重构新的HTML5响应式网站
,以求将自己的产品信息和企业动态,更直接的展示给用户,并且通过丰富的交互去优化与用户沟通的过程。
目前很多的企业已经建立起了自己的响应式官网。这些网站的建立使得企业可以突破传统的PC媒介,在移动网络上开辟属于自己的新天地。用户能在手机上,随时随地就能看到企业的最新动态,可以更好的利用用户的碎片时间去关注企业,网络之所以为网,也正是因为他具有超时空性。人们无论在哪都应该可以进行访问,体验空间层面上带来的开放性。
整个官网设置多个板块与分页面,分别放置相关内容,不同板块的信息相互独立。交互上更多是体验在CSS3的新属性带给用户的新体验,用户在与官网进行交互的方式更加丰富与精彩了。
与传统官网相比,响应式网站不外乎也是企业介绍,新闻发布,产品介绍一类等。
为何还要花时间精力和人力去建立和维护网站呢?是正如上面所说:内容更加多姿多彩,板块,内容更加丰富,而且能够相应不同屏幕大小,在这个用手机多过PC的时代,能更好更快地将第一手信息送到用户手上。
这些都促成了各个企业组织新的信息化建设,构建专业,易于维护和管理的网站。
我们要构建专门的企业响应式官网,网站前端开发最基本的还是3个技能:html;css;Javascript,也用到其他部分工具,如PS图片处理工具,新的HTML5,css3;javascript的工具集jQuery。这些都是开发中最基本的技能。前端开发的过程中,页面的布局将会用HTML元素进行定义和布局,css对布局元素进行元素的定位和画面效果的渲染,然后再通过javascript实现相对应的网站效果和优化用户交互体验。
1.2 国内外HTML5响应式企业网站建设的状况
1、截至2015,有80%的App将全部或部分基于HTML5。这意味着大部分App的内容都将是以网页的形式呈现,典型的例子包括微信、Facebook、Twitter等。(数据来源:国际科技媒体 ReadWriteWeb,2015)
2、浏览量最高的1000个H5作品中,42%是心灵鸡汤,最高17,358,480 uv;27%是测试题,最高49,940,339 uv;15%是社交互动游戏,最高2,892,047 uv; 5%是大型品牌宣传,最高551,195 uv。(数据来源:在线h5工具平台,2015.9)
3、谷歌浏览器于9月1日起不再自动播放Flash。 亚马逊宣布旗下网络(包括A门户在内)的所有广告将不再使用Flash。在可预见的未来,Flash广告将被HTML5广告所替代。
4、朋友圈广告上线,据传起投20万, CPM 40元。详情
您可能关注的文档
- 商厦空调工程设计论文.doc
- 商丘市新城区给水工程初步设计论文.doc
- 商务标编制设计论文.doc
- 商务管理专业人才培养方案论文.doc
- 商务英语听说能力提高的方法研究论文.doc
- 商学院论文模板.doc
- 商学院学生论文选题审批表.doc
- 商业工程施工设计论文.doc
- 商业广场工程施工组织设计论文.doc
- 商业区的停车问题研究论文.doc
- 《GB/T 12668.7202-2024调速电气传动系统 第7-202部分:电气传动系统的通用接口和使用规范 2型规范说明》.pdf
- 《GB/T 15692-2024制药机械 术语》.pdf
- GB/T 15692-2024制药机械 术语.pdf
- 中国国家标准 GB/T 15692-2024制药机械 术语.pdf
- GB/T 19633.1-2024最终灭菌医疗器械包装 第1部分:材料、无菌屏障系统和包装系统的要求.pdf
- 中国国家标准 GB/T 19633.1-2024最终灭菌医疗器械包装 第1部分:材料、无菌屏障系统和包装系统的要求.pdf
- 《GB/T 19633.1-2024最终灭菌医疗器械包装 第1部分:材料、无菌屏障系统和包装系统的要求》.pdf
- 《GB/T 30117.1-2024非相干光产品的光生物安全 第1部分:通用要求》.pdf
- 《GB/T 33348-2024高压直流输电用电压源换流器阀 电气试验》.pdf
- GB/T 33348-2024高压直流输电用电压源换流器阀 电气试验.pdf
最近下载
- 校园节水知识竞赛试题及答案 .pdf
- 达摩多罗禅经1-14讲(全).doc
- 2023年广东省广州市越秀区委宣传部属下事业单位招聘1人高频考点历年难、易点深度预测(共500题含答案解析)模拟试卷.docx VIP
- 《秘书写作》课件——模块二:经济应用文 经济合同.ppt VIP
- 毕业设计(论文)_年产950吨奶粉喷雾干燥的设计.doc
- NBA体能训练——专家设计的122项练习要点.pdf
- 2023年江西财经大学软件工程专业《计算机组成原理》科目期末试卷B(有答案).docx VIP
- 2020年江苏省连云港市卫生系统考试《护理学基础知识》真题精选试卷(含解析).pdf VIP
- DB32∕T 4166-2021 力值检测数据采集传输技术规程.docx
- 《政治学概论》教学大纲.docx
文档评论(0)