HTML5响应式布局企业网站设计+源代码
毕业论文关键词：响应式；通信设备；移动终端
design and implementation of Responsive layout corporate website
Abstract:China's network after ten years of rapid development, the achievements of the Chinese-style Internet. It promotes the rapid development of 3G mobile 4G mobile communications device technical rapid rise, development of mobile Internet will be a more quickly. China's Internet development has begun to persify. So the website of development also should be adapted to the development of the Internet. According to statistics, since the third quarter of 2014, mobile Internet users will surpass desktop users. In addition to mobile phone users can access the Internet, the development of television also tend to the Internet, thus, at this time, another question naturally came out, that is compatible with a variety of mobile terminal problem, resulting in an era of good old saying goes, will drive the arrival of another era, so in this era, along with the birth responsive website.
Key Words: Responsive design; Web design; mobile terminal; dynamic page
目 录
摘 要 1
引言 2
1. 课题研究目的和意义 2
2. 响应式网站设计概述 2
2.1传统Web设计的不足 2
2.2响应式网站的设计思想 3
3. 关键性开发技术的介绍 4
3.1 HTML介绍 4
3.2 DIV+CSS介绍 4
3.3 Photoshop介绍 5
3.4 Dreamweaver介绍 5
4. Web响应式设计原则 5
4.1移动优先原则 5
4.2触控优先原则 5
4.3弹性化原则 6
5. Web响应式网站的设计 6
5.1总体框架布局设计 6
5.2灵活的栅格布局模式 6
5.3垂直列表布局模式 6
6. Web响应式网站的实现-以佳尔斯农场为例 7
6.1使用Photoshop图像处理软件制作网站效果图 7
6.2使用Dreamweaver对网站进行排版 8
6.3使用CSS Sprites技术设计图片的加载 8
6.4使用html5+css3实现网站的响应式布局 8
6.5对响应式网站布局的测试 9
7.总结 10
参考文献 11
致谢 12
响应式布局企业网站设计与实现
引言
随着21世纪互联网技术及其Web2.0技术的发展及其兴起，近年来，越来越多的用户与各种移动设备，如智能手机，平板电脑，智能手表，在移动设备越来越受欢迎的今天，人们对于PC设备的使用越来越少。越来越多的设备，比如手机、平板、电视等等对于网页设计产生了挑战，如何设计出适应各种设备的屏幕分辨率，大小和种类成为了很重要的问题，因此响应式企业网站设计与实现应运而生。来保持在不同的屏幕页面的一致性，不同的系统平台环境，以满足一个一致的用户体验。
上一篇：公司访客管理信息系统设计与实现