响应式设计在B2C电子商务网站中的应用与实现研究,自助网站建设基础步骤
栏目:网络推广 发布时间:2025-01-13
王鹏1、董爱华1,2、鲍萍萍1 (1.东华大学信息科学与技术学院,上海;2.数字纺织服装技术教育部工程研究中心,上海) 摘要:随着移动互联网技术的快速发展, ... 响应式设计在B2C电子商务网站中的应用与实现研究
    王鹏1、董爱华1,2、鲍萍萍1

    (1.东华大学信息科学与技术学院,上海;2.数字纺织服装技术教育部工程研究中心,上海)

    摘要:随着移动互联网技术的快速发展,上网的移动设备数量呈爆炸式增长。为了解决网站与未来新设备的兼容性和可访问性,为PC和移动用户提供更舒适的访问界面和速度,设计为响应式。我们分别对响应式元素和媒体、响应式可伸缩布局、响应式字体和图片、响应式框架进行了讨论和研究,最终将响应式相关技术应用到B2C电子商务网站的设计中。

    0简介

    中国移动互联网用户数量已超过PC互联网用户。据中国互联网络信息中心(CNNIC)数据显示,截至2014年6月,我国移动互联网用户规模达5.27亿,覆盖率达83.4%,超过传统PC整体使用率80.9%。首次使移动互联网用户成为最大的互联网群体[1-2]。

    响应式网页设计(RWD)是由伊森·马克特(Ethan)于2010年提出的。该技术是现有三种新技术的组合——流体布局(fluid grids)、媒体查询(media)和弹性图片( )[3-4] 。通过响应式设计模型,网站可以自动响应不同的终端,动态改变网页的布局和元素的样式,在不同的终端下精美地呈现相同的内容,如图1所示。

    从响应式Web设计的提出到2014年,业界对于响应式Web的设计预测一直非常乐观。在2015年Web设计趋势预测中,响应式仍然是热点[5]。虽然现有的三项技术是响应式网页设计的关键,但它们并不是全部。随着各种互联网终端设备的出现,响应式网页面临设备不兼容、运行效率低等诸多问题[67]。为此,本文提供了响应式网页设计的相关技术手段和设计方法,并应用于实践。

    1 响应式网站的设计方法

    1.1 使用元标签

    在移动设备上浏览网页时,大多数浏览器默认为正常页面尺寸。由于移动设备分辨率较小,页面元素会显得不清晰。为此,您可以使用元标记,它是一个虚拟“窗口”,可以自动响应移动设备的宽度和高度,使页面的字体和图像自适应清晰。

    在HTML的头部嵌入以下代码将自动适应屏幕的宽度和高度。

    1.2CSS中的媒体查询

    @media query可以针对不同的浏览器窗口大小设置不同的CSS样式。当网页在不同的终端设备上浏览时,页面可以响应不同的页面布局。 CSS语法如下:

    @media and|not|only (media ) { CSS 代码;}

    您还可以针对不同的设备使用不同的:

    测试结果如图2和图3所示。

    1.3 伸缩式布局

    常规布局一般是基于块式和内联流式布局方法。其方向是确定的,缺乏灵活性。采用flexflow流式布局方式,可以从左到右、从右到左、从上到下、从下到上等多个方向对网页元素进行布局。

   


# 响应式设计在B2C电子商务网站中的应用与实现研究  # 百度关键词地区排名查询  # 宝安企业网站推广方案  # seo优化关键词技巧  # seo查看ip  # 中学生如何推广营销活动  # 网站建设案例分享  # 湘西网站排名优化软件  # 欧阳网站建设  # 高邑海外网站推广培训学校  # 龙岩外贸seo  # 番禺分销网站建设  # 青岛网站优化靠谱  # 隆尧本地网站建设报价  # 江西网站推广网络营销  # 苏州企业营销如何做推广  # 和田企业网站建设  # 定制建站网站建设优化  # 微信营销推广公司发展  # 看关键词竞价排名工具  # seo转行做sem 


相关文章: 欧美网站建设:八个重要步骤助你开拓欧美市场,网站推广软文分析  优化,让生活与工作更高效-从个人到企业的全面升级,SEO儿童头发  网站建设的意义和目的:企业与机构在网络时代的关键工作,长沙营销推广软件招聘网  入门SEO:打造属于你的网站流量帝国,沧州设计行业网站建设  Google 个性化搜索:定制你的搜索结果,优先展示你喜欢的网站,宜昌seo获客口碑  如何在多个平台和工具中统计官网访问量?一文详解,凌海网站的优化  京东业绩再创新高:未来电商巨头的成功之道,php如何seo  深建市场[2020]20 号:2020 年 9 月起对全市工程造价咨询企业开展执法检查,辽宁网站建设地址  企业网站建设的重要性及营销类型网站建设原则分析,贵州高效网站建设哪家好  Wordpress 标签优化与 SEO:提高页面质量,减少负面作用的设计技巧,扫黄打非网站建设  做好搜索,未来,天涯发帖 乐云seo  SEM 竞价托管常识及外包模式介绍:费用、分类与市场占有率,河北网站优化团队  溧水多措并举优化就业服务,满足企业用工需求,促进人口集聚,自适应模板seo  为什么“蜘蛛弛查询”能成为提升网站排名的秘密武器?,无锡荣巷街道网站建设  移动端网站开发与 PC 端的区别,你了解多少?,淄博推广营销公司招聘  写方案AI:提升工作效率的未来智能助手,西安建网站 SEO  SEO指:如何通过精准优化提高网站流量和转化率,微博营销推广计划书范文  财政部第四批 PPP 示范项目中水务类项目的投资情况分析,社区网站建设推荐  SEO赚钱:如何通过SEO技能在网络上实现财富自由,惠州网站建设 鑫  原创度中-如何在创作中找到独特的灵感与平衡,携程网网站推广  SEO单页网站:助力企业在线营销的一站式解决方案,扬州市企业网站开发推广  一秒采集:提升效率、创造价值的秘密武器,万创网网络营销推广方案  11 月 8 日淄博市住建局发布人才安居住房保障细则,企石企业网站推广哪家好  承德市人民政府发布 2023 年省市民生工程进展情况通报,多项工程稳步推进,seo网站建设模板  长春网站建设点瑞网络:打造优质外链的标准及重要性,牡丹区网站建设推广  营销型网站建设基本原则必知,用户体验最重要,商业网站关键词优化工具  关键词引擎:数字营销的核心驱动力,seo兼职做什么工作  如何选择靠谱的网络优化公司?避免被骗,优化排名的正确姿势,空调怎么做网站推广  新手必知的 seo 优化技巧及内部优化方法,你掌握了吗?,青龙桥网站建设  抖音 SEO 关键词优化排名怎么做?核心技巧有哪些?,沈河区网站建设好处  淄博经济开发区远景规划解读,关注经开区和周村发展的必看,广西百度seo推广  写文档AI-提升工作效率的智能利器,云南丽江网站建设价格  深圳久格科技:网站建设如何避免套模板和木马风险?,汕尾短视频营销推广费用  了解淘宝 seo 概念,掌握免费优化排名的关键原理,重庆网站关键词推广公司  SEO走动:提升网站流量的关键一步,SEO优化公司还赚钱吗  澄海玩具协会第六届会员大会隆重举行,多方举措助力产业发展,华富单位网站建设  写作收费吗?揭秘背后的行业内幕与收费标准,泰州关键词排名供应商  营销型网站建设指南:如何实现成交与转化,职场关键词排名  SEO汇报:如何通过数据分析提升网站排名,助力企业业绩增长,巨量创意关键词搜索排名  SEO 优化对企业产品销售及形象塑造的重要性,网站建设款计入什么科目  作品类别-打开创意世界的大门,seo巡演  发外链工具,助力SEO提升,快速打造流量引擎,永春工程机械网站推广  SEO总结:如何通过优化提升网站排名与流量,安阳网站推广和内容编辑  霍尼韦尔携一站式智慧医院数字化医疗信息管理方案亮相 2021 中华医院信息网络大会,邛崃营销推广效果怎么样  福州网站建设费用揭秘:印秀网络的高品质网站建设套餐与设计需求,查找的关键词排名  跟着谷歌 SEO 优化规则,持续稳定获取精准流量,seo优化网站突然降权  做淘宝客需建网站并优化 SEO 获取精准流量,新手需耐心毅力,提升关键词排名吗  O2O *维修平台极客修完成 B 轮融资,将入驻京东服务+生态平台,禹城seo优化公司  网站建设流程解析:从域名到备案,轻松搭建你的网站,房山营销网站建设  为什么“未备案域名”会成为互联网行业中的重要问题?,推广营销策划口碑 


相关栏目: 【 网络营销55532 】 【 网络推广33921 】 【 网络优化98863 】 【 网络学院69291 】 【 网络运营7217 】 【 AI推广84713 】 【 百度推广30177