企业互联专业网站定制+品牌网站设计+集团网站建设
400 0082 880
企业网络推广中网站制作布局及移动适配的重要性
拥抱趋势 专业优化 快速打造能赚钱的网站
马上咨询
2019-01-20 09:25:42阅读:491来源:seo优化公司作者:企业互联
[导语]为您推荐文章《企业网络推广中网站制作布局及移动适配的重要性》(本文主要讲述:定宽页面常用于:详情,图片,字段并不多的列表,内容流等。因此整个页面的布局可能需要重新调整。否则,会导致整个页面的交互布局需重新制作。另外,这种滚动方式需与‘返回顶部’按钮配合使用。比如,简书首页的宽度为960px;京东订单详情为1210px......)如果你对文章有兴趣,欢迎关注我们
本文对491人有所帮助,共有920个文字,预计阅读所需时间3分钟

企业网络推广中网站制作布局及移动适配的重要性

  在考虑网页制作样式布局的时候,或者后期与UI、前端制作人员沟通的时候,经常会被问到“这个页面是定宽页面还是全屏页面?”“针对不同移动终端做适配”“这个页面是使用浏览器的滚动条还是页面内滚动?”本文作者分享了自己的解决方法。

  一、页面宽度:定宽页面or全屏页面?

  采用定宽或者全屏。而大部分网站,是需要根据页面内容,才能决定是使用定宽还是全屏。

  1.定宽页面

  目前市场上,笔记本常见的屏幕分辨率为1366*768;台式机常见分辨率有1440*900、1920*1080。市场上可能遇到的** 低分辨率为1280*768,比如投影仪或者其他设备(其他更小的屏幕可暂不考虑)。

  为了** 在小屏下,内容可查看完整,因此目前常用的定宽页面尺寸是1200px,实际可能会根据所展示的内容,页面导航,页面其他元素,页面所要适配的终端等,进行调整。比如,简书首页的宽度为960px;京东订单详情为1210px。

  定宽页面常用于:详情,图片,字段并不多的列表,内容流等。

  定宽页面虽然可以免去屏幕适配的烦恼,但是对于有些内容,可能会感觉在大屏下显得过于小气,体验并不好,比如图片。而站酷在这一点上,处理的比较好,可以借鉴。当屏幕宽度大于 1600 时,采用 1400 的定宽;当屏幕小于1600,使用 1150 的宽,同时图片大小也会发生改变。(注:淘宝和京东的商品列表页也采用了类似的处理方式)

  2.全屏页面

  全屏页面指,除了页面左右两侧的边界,页面中的内容会随着屏幕大小而撑满。但是为了** 页面内容正常显示,一般会设定** 小的适配宽度,页面低于该宽度不再设配,页面出现横向滚动条。

  全屏页面常用于:网站宣传页、采用左侧导航的管理类网站、字段很多的列表页、需要全屏查看的看板页、使用瀑布流的页面,或者页面中有用户需要可视区域更大才可方便操作的元素,比如地图轨迹等。

  对于全屏页面,需要考虑,当屏幕变大或者变小时如果适配。一般常用的适配方式有:

  根据屏幕大小等比例放大(或者根据不同的屏幕设定不同的放大/缩小比例);

  根据屏幕大小拉宽元素,元素高度不变(大屏下,可能会导致元素比例变形,视觉效果不佳);

  根据屏幕大小,增加/减少每行显示的内容多少(多数适合于页面内容为网格布局的情况);

  使用bootstrap等框架,采用响应式布局(根据屏幕大小,改变大小的同时改变元素排版方式)。

  具体采用哪种适配方式,需根据页面内容,以及内容在大小屏幕下的显示情况,以及整个网站所使用的框架等进行选择。

  二 页面高度

  当页面内容超出页面高度时,是采用页面滚动条,还是模块内滚动?

  页面滚动条适合于内容流的页面。这种页面,页面底部固定或底部无其他元素。另外,这种滚动方式需与‘返回顶部’按钮配合使用。当数据需要分页时,多采用滚动分页。

  模块内滚动,常用于操作需固定在顶部/底部的页面。当页面中有多个模块需要内滚动或者模块被分割的较小时,需考虑在小屏下每个模块的可视区域是否过小而无法进行操作。当数据需要分页时,多采用翻页分页。

  如下示例:由于在 1366 的屏幕下,内容的显示高度除去浏览器的高度以及网站导航的高度,可能只有 650 左右,导致可视区域过小影响用户体验。因此整个页面的布局可能需要重新调整。

  三 总结

  制作页面时,需特别注意,屏幕大小对页面的影响。否则,会导致整个页面的交互布局需重新制作。另外,具体使用哪种方式,需权衡各自的利弊,** 大程度** 大小屏幕下,用户的体验不受影响。

如何优化:
婚恋网站建设 舟山网站开发服务商 成都做网站建设 购物街网站建设 梅州网站开发加盟代理 盐城建设局网站 网站改版亮点怎么写文章 怀化网站定制怎么收费 php网站开发招聘 cms搭建网站
总访问数:48547297 文章总数:13698 建站天数:3358
相关阅读
01
哪些是常见的优化seo术语?
  流量的增加有着重要的影响,但是权重不等于排名而是可以影响排名。流量的增加有着重要的影响,但是权重不等于排名而是可以影响排名。十一、301转也称(301重定向或301跳转),简单的说A页永久转移到B页,搜索引擎识别B页,A页累积的页面权重转移到B页,十二、302重定向也叫(302临时转移)这和301转不一样,301是固定死的,302可以随时更改,现在主页A跳到了B页,以后也可以更改,跳到主页A跳到了......[详情查看]
02
佛山优化seo工作中如何避免蜘蛛陷阱
  如广告、图片等,如果网站首页有flash文件,会影响网站的收录,因为这是一个影响搜索引擎抓取和收录的链接。在任何情况下,强制cookie可能会跟踪用户访问路径、记住用户信息并窃取用户隐私。所以,如果网站是为了品牌推广或营销。如广告、图片等,如果网站首页有flash文件,会影响网站的收录,因为这是一个影响搜索引擎抓取和收录的链接。如广告、图片等,如果网站首页有flash文件,会影响网站的收录,因为这......[详情查看]
03
需求分析关键词排名
  从这样的交互媒体中我们可以深入的看到用户的需求,能够了解到目前用户有什么问题急需得到解决,什么问题尚未得到答案等等。交互媒体的内容需求查找交互媒体我们可以认为的能够进行交流的平台型方式,如微信群、QQ群,微博等等。从这样的交互媒体中我们可以深入的看到用户的需求,能够了解到目前用户有什么问题急需得到解决,什么问题尚未得到答案等等。交互媒体的内容需求查找交互媒体我们可以认为的能够进行交流的平台型方式,......[详情查看]
04
如何对网站进行一个优质的排名seo
  内链的布置则是把整个网站有机的串联起来,让搜索引擎明白每个网站页面的重要性和关键词,友情链接和站外链链的设置也是在这个时候展开。一个网站只有选择** 适合自己的关键词,才能获得较好的搜索引擎优化排名。七、建立SiteMap根据自己seo的重庆网站seo排名方法网站结构,设计网站地图,让网站对搜索引擎更加友好化。七、建立SiteMap根据自己seo的重庆网站seo排名方法网站结构,设计网站地图,让网站对......[详情查看]
05
做网站和SEO搜索引擎排名seo需要什么基础?
  百度搜索网络营销课程自然排名第一。链接的权重增加,一旦进入前几页,网站排名就会慢慢进入前几页,找人搜索这个词,点击结果,浏览你的网站更多,访问人数也会增加。是否看起来如此困难取决于你的决心和它能给你带来的价值。网页上成千上万个长尾字的seo是很困难的,因为除了基本的技术外,还需要保持逆向思维和长期的操作seo。我可以利用免费网站建设系统持续良好的运营,每年也可以为客户创造上千万的网络销售......[详情查看]
06
通过关键词匹配来做百度推广的优劣势说明
  与精确包含相比,短语匹配同义词包含的范围可能更广。短语匹配精确包含是指目标组搜索完全包含关键字的单词。优势:这不仅是一种针对性强,而且能广泛接触到观众的有效方式。负匹配不允许显示关键字。缺点:可用的展示品较少,可能会失去大量的转换机会......[详情查看]
07
导致网站网站排名没能上首页的因素有哪些?
  这一那时候假如涉及到的重做较为大,那麼将会会导致短时间搜索引擎排名的不平稳出现。因此,在有的百度搜索引擎的相关提议中,提议挑选关键词时尽可能绕开热门词汇,这都是协助大量网站创作者发展出合适自身的网站主题风格与关键词。也有诸如此类网站因为某些缘故导致浏览不平稳,也会危害搜索引擎排名的平稳这些。因此,在有的百度搜索引擎的相关提议中,提议挑选关键词时尽可能绕开热门词汇,这都是协助大量网站创作者发展出合适......[详情查看]
08
权重与排名的关系如何?
  二、权重与流量,关键词之间的关系?其实要理解权重、关键词、流量之间的关系,很简单,刚刚在上述也多多少少说到一些,有权重之前得有网站排名,然后才有流量,也就是说,权重=关键词+流量。那么就算没有权重,也能有流量,但是这样只能是时效性的,而不是** 终目的,所以网站既要流量也要让权重的提升。那么就算没有权重,也能有流量,但是这样只能是时效性的,而不是** 终目的,所以网站既要流量也要让权重的提升。用站长工具查......[详情查看]