响应式网站的介绍.ppt

4 下载系统 – 标准型 该系统分类只支持二级分类，PDF格式在线直接查看或是下载到本地文件夹 H5-微信推广 为 移 动 营 销 而 生 响应式网站解决方案 什么是响应式? 无论用户正在使用PC端、笔记本还是Pad、智能手机等终端，通过集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境（pc平台、屏幕尺寸、屏幕定向）进行相对应的布局；网站页面都始终能够自动切换分辨率、 图片尺寸及相关脚本功能等，以适应不同设备；换句话说，网站页面有能力去自动响应用户的不同设备环境。 响应式网站就是基于这一理念而形成的：一个网站能够兼容多个终端，而不是一个特定网站版本对应一个特定的网络终端 响应式的特点 实现：快捷传播，统一管理，维护方便；跨系统，跨平台，跨终端等的标杆级网站 只需对站点后台和域名作唯一的维护和推广，降低网站运营成本，提高传播效率。 用户可以使用浏览器、二维码扫描工具、微信平台中的“扫一扫”等获取网站信息。 响应式构架会根据各终端设备的分辨率自动调整页面布局和体验交互程序，让用户能够快速、舒适、直观地从浏览器或微信平台等获取企业信息。 1 响应式案例赏析 PC端样式 集中的创建页面图片排版大小，可以智能地根据用户使用的设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相对应的布局。网站结合JS特效，使页面展示更具丰富多彩。 banner展示添加JS特效，图片切换以上下擦除的方式呈现。 随页面大小的变化，自动判定导航栏是否能够平铺展示；适应屏幕大小将其归类成小图标样式，点击展开导航栏。 手机端访问时banner图自动变换为左右擦除展示。 根据屏幕尺寸大小自动调整排版样式 新闻排版样式可进行变换，点击图标切换新闻排版展现形式。 切换为文字列表形式，点击详情查看更多内容。 PC首页内容展示 PC端查看可通过鼠标手势查看各新闻模块简介 PC新闻栏目页 不同的排版样式，自主切换查看 新闻展示以瀑布流的排版效果显示。 联系我们 屏幕大小的切换不只是排版会调整，数据的展现形式也会随之自适应更改。 点击查看调整对应信息页面。 点击查看，页面下拉显示内容。 查看职位详情后可在线直接提交应聘申请。 填写完信息点击提交，管理员可子啊后台查看应聘记录。 可以将详细的个人简历文档直接选择，点击上传。 点击表单对应分类展开下拉列表，按要求填写信息。 手机访问时表单字段项排列直接根据屏幕发生改变。 填写完对应的信息之后提交到后台，管理员可查看。 手机端访问加载方式 移动端访问时通过手势上下滑动实现翻页，左右互动切换产品动态。 2 网站响应式介绍 1 产品管理系统 – 标准型 该系统分类只支持二级分类 2 新闻管理系统 – 标准型 该系统分类只支持二级分类 3 招聘系统 – 标准型 该系统分类只支持一级分类