HTML5响应式布局企业网站设计+源代码
时间:2019-08-17 16:15 来源:毕业论文 作者:毕业论文 点击:次
| 摘 要：中国的网络经过十多年的快速发展，成就了中国式互联网。它的快速发展促进了3G移动4G移动通信设备各种技术飞速上升，移动互联网的发展将更加快速。中国的互联网发展已经开始向多样化发展。所以网站的开发也应该适应互联网的发展。 据统计，在2014年第三季度，移动互联网用户数将超过桌面用户。除了移动电话的用户能够访问因特网，电视的发展也趋向于互联网化，因此在这个时候，另一个问题自然就出来了，就是各种移动端的兼容问题，俗话说的好一个时代的产生，必定带动另一个时代的到来，因此在这个年代，响应式网站也随之诞生。38547 毕业论文关键词：响应式；通信设备；移动终端 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设备的使用越来越少。越来越多的设备，比如手机、平板、电视等等对于网页设计产生了挑战，如何设计出适应各种设备的屏幕分辨率，大小和种类成为了很重要的问题，因此响应式企业网站设计与实现应运而生。来保持在不同的屏幕页面的一致性，不同的系统平台环境，以满足一个一致的用户体验。 (责任编辑：qin) |