2
第二章 前端开发 及相关技术 .........................................
3
2.1 HTML5前端开发环境 .............................................
3
2.2 HTML5前端开发工具 .............................................
5
第三章 前端布局分析与设计 ..........................................
6
3.1 前端总体开发流程与设计 .........................................
6
3.1.1 分层开发 ...................................................
11
4.3.1 网站装饰风格 ..............................................
11
4.3.2 网站的链接结构 ............................................
11
4.4 可视化设计 ....................................................2015版毕业论文题目：
响应式企业网站设计与实现
学生姓名： 专业班级： 指导教师： 企业导师： 二级学院：
罗智刚
学 号 ： 1202012132
B12 计算机科学与技术 2 班
李莉
林志宏
电气与信息工程学院
摘要
在信息高速发展的这个时代， 网络作为现今最为方便快捷的媒介也越来越被 人们接受，并且融入我们的生活。在 2015 年时，随着 HTML5在国内的兴起，也 在不断的推进着信息时代的发展， 网站也逐渐脱离了传统的枯燥页面风格， 如今 的 HTML5比起以前的 HTML来说，更容易维护和管理， 而且还能实现跨平台开发， 减少开发成本。
8
3.3 交互设计与 UI ..................................................
9
3.4 网站结构布局与设计 .............................................
9
3.5.1
网站首页结构 .............................................
Analyze and solve technical problems in implementation of: The official website of the general principles of corporate background
personalized page HTML5 and responsive layout; elaborate structure and working principle of the whole enterprise official website; Analysis Implementation difficulties and priorities;
4
2.3.3 css 简介 ...................................................
4
2.3.4 jQuery .....................................................
5
2.4 本章小结 .......................................................
9
3.5.2
主题鲜明，富有特色 ......................................
10
3.5 网站前台页面设计 ..............................................
10
3.5.1 首页 ......................................................
75
第一章 绪 论
响应式企业网站设计与实现
1.1 本课题研究的背景和目的
如今的互联网已经渗透到了我们生活的每一个层面， 网站的内容越来越丰富 全面，各大浏览器商也在竞相的开发各种各样的新的功能， 供开发者进行开发构 建出更好的用户体验， 以此来满足各种不同需求的浏览者。 随机计算机的这些技 术的飞速生长，手机的上网率高于传统 PC，而在手机端上，传统网站又难以做 到兼容所有的设备尺寸， 越来越多的商家的传统门户官网已经不能满足用户的体 验，各大商家大企业都开始重构新的 HTML5响应式网站 ，以求将自己的产品信息和企业动态， 更直接的展示给用户， 并且通过丰富的交 互去优化与用户沟通的过程。
6
3.1.2 代码编写 ...................................................
6
3.1.3 内部测试与后续优化 .........................................
6
3.2 前端 UI 设计 ....................................................
1
1.1 本课题研究的背景和目的 ..........................................
1
1.2 国内外 HTML5响应式企业网站建设的状况 ............................
1
1.3 本章小结 ........................................................
11
4.1 界面设计 ......................................................
11
4.2 具体设计文档 ..................................................
11
4.3 前台新闻文摘显示 ..............................................
7
3.2.1 模块分布 ...................................................
7
3.2.2 颜色配置 ...................................................
7
3.2.3 css 元素 ...................................................
This paper mainly around Freehand Group HTML5Responsive website development topics, used in the three most essential elements of skill, in the layout of the page, using HTMLto define the elements, layout basic layout; css to display HTML elements positioning layout rendering, then use Javascript or jQuery to achieve the appropriate effects and interactions. Although such looks very simple, but here need to understand a lot of serious things. Before development, the need to clarify these concepts in the development process, but also consider a variety of problems with compatibility, performance and so on.
3
2.3 HTML5前端开发相关技术 .........................................
3
2.3.1 javascript 简介 ............................................
3
2.3.2 javascript 基本特点 ........................................
11
4.5 具体实现技术 ..................................................
12
4.5.1 css 在“写意集团响应式企业官网”中的应用实例 ..............
12
4.6 本章小结 ......................................................
13
第五章 总结 ......................................................
73
致谢 ..............................................................
73
参考文献 ..........................................................
本论文主要围绕写意集团的 HTML5响应式网站为开发主题， 用到的也是最必 备的三个技能元素，在布局页面时，用 HTML将元素进行定义，布局基础布局； css 对展示的 HTML元素布局进行定位渲染，然后利用 Javascript 或者 jQuery 实现相应的效果和交互。 虽然这么看起来很简单， 但这里需要认真了解的东西很 多。在开发前，需要对这些概念弄清楚，在开发过程中还要考虑兼容，性能等各 种问题。