响应式网络课程设计.docVIP

响应式网络课程设计 1研究背景 响应式网页设计，是目前网页前端设计领域最前沿的话题．那么，什么是响应式网页设计，为什么把网页设计成响应式，我们的网络课程制作为什么要遵循这一设计思路是本文阐述的重点．伴随着互联网高速发展，各种类型的网络技术及应用服务纷纷涌现．从静态网站到动态网站，从web1．0到web2．0，日新月异的网络技术和服务时刻在刷新我们的眼球．近些年，智能手机及平板电脑等移动设备快速崛起，基于移动终端的互联网访问已经走入了我们的日常生活，现在移动终端的网络访问量已超过基于普通电脑的访问量．因此要求网络课程不仅要在普通电脑的大尺寸屏幕上可以为学习者提供友好的用户界面和学习体验，同时在各种不同分辨率的小尺寸移动终端上也应提供相对一致的学习体验． 2基本技术方案 显然，面对这一问题，原有的网络课程设计模式已经远远不能适应这一要求，那么，如何让网络课程也能实现响应式设计，并可以根据不同的终端设备给出不同的输出信息数据，我们根据现有的一些网站开发的技术手段和前端页面的设计模式，以及根据实际开发过程中总结出的一些实践方法，一般使用以下手段来实现，比如把固定的数值包括位置定位、长宽高、大小等变为相对的量，这其中主要包括三个主要手段:流体式表格，液态图片，媒体选择器． 2．1流体式表格 在流体式表格出现之前的页面设计，一般会使