仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 855|回复: 8

[DIV+CSS] DIV教程之网页交互计划教程:产物计划挑选加载仍是分页

[复制链接]
灵魂腐蚀 该用户已被删除
发表于 2015-1-15 22:53:01 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
不管你用什么工具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼,同样内容的网页,有的人做出来有几十KB,而高手做出来只有十几KB。
破洛洛文章简介:分页仍是加载,这是一个成绩。
不管是在web页面仍是手机使用,信息常常没法在一个页面全体展现,这就必要用到一些能够扩大页面信息的交互形式:分页(Pagination)和加载(ContinuousScrolling)。分页和加载都长短经常见的交互形式,我们天天城市碰到,也恰是由于太罕见,我们乃至感到不到它们的存在,扫瞄到页面的底部时,看到分页就随手点一下,主动加载了就持续浏览。但恰是这小小的一点,也会带给用户很分歧的奇妙感觉。上面就来聊聊这些小差别带来的年夜分歧。
分页
分页能够将年夜篇幅的内容分红小块,显现在独自的一连页面上,便于用户了解和查找。可让用户分明的晓得,本人所要扫瞄的内容究竟有几、已扫瞄到哪一个部分、还残剩几。分页可使用户对所扫瞄的内容有分明的预期。
篇幅较长的文章是必定会用到分页的。一是给用户内容几的预期,二是能够给扫瞄者供应一个停留。假如用户看一篇文章已翻了十几屏,转动条仍是停止在扫瞄器两头靠上的地位,那该多失望。

DIV教程之网页交互计划教程:产物计划挑选加载仍是分页

DIV教程之网页交互计划教程:产物计划挑选加载仍是分页


再来看看搜刮引擎和电商网站,也必定会看到分页控件。

DIV教程之网页交互计划教程:产物计划挑选加载仍是分页

DIV教程之网页交互计划教程:产物计划挑选加载仍是分页


在搜刮或是检察商品列表时,内容的几基本没法预期,分页的第一个感化天然仍是告知用户要扫瞄信息的量。第二,分页可让用户疾速的跳过一些不想看的信息,或是疾速跳转到首页或尾页,自立的选择想要扫瞄的内容。第三,分页十分便于定位和回找,大概在搜刮一条裙子时,我已翻到了第五页,俄然想起第二页有条仿佛还不错,能够间接跳转疾速找到它。
分页控件实践上是给网站的内容制造了一个天然的停留,这个停留使用得好的话,可让产物更有节拍感。可是当用户扫瞄完一页的内容时,就必需停下正在举行的浏览,经由过程点击举行跳转来猎取更多内容。不成否定,这个停留会在必定水平上打断用户的思绪。在碰到分页时,用户很有大概会往思索,是持续扫瞄呢?仍是分开网站呢?以是碰到分页时,常常会流掉一部分用户。
一连加载
一连加载是一个与分页相反的交互形式,信息之间没有分明的界线或是停留。当页面转动究竟部,新的信息就会被主动加载出去。
各类交际收集就出格喜好用这类控件,用户不会被打断,能够顺畅的一向扫瞄下往,沉溺个中。

DIV教程之网页交互计划教程:产物计划挑选加载仍是分页

DIV教程之网页交互计划教程:产物计划挑选加载仍是分页


可是因为信息是主动加载的,页面看起来仿佛没有停止,很难展望页面的内容究竟有几。一味的加载会让用户发生丢失感:这一页的内容究竟有几呢?我已扫瞄了几内容?我甚么时分才干读完这一页呢?关于这类没有停留的页面,用户想要征采之前看到过的信息时,也有些坚苦。但关于这类以休闲文娱为主交际型的产物来讲,利用不打断用户信息流的加载体例,仍是十分符合的。
利用分页控件时,用户必需经由过程点击才干检察到更多的内容,以是说,信息猎取是用户自动哀求的。而利用一连加载时,新的信息是被主动加载出去,用户是主动的承受。

破洛洛文章简介:分页仍是加载,这是一个成绩。

折衷的体例
分页和加载各有益弊,现在的良多网站也会接纳一些折衷的体例:分页加载一同用。
如Quora,会在主动加载4次后呈现一个“More”按钮,在一连的信息流以后,给用户一个停留,让他们往自动的猎取更多信息。

DIV教程之网页交互计划教程:产物计划挑选加载仍是分页

DIV教程之网页交互计划教程:产物计划挑选加载仍是分页


新浪微博也接纳了这类折衷体例,主动加载两次后呈现分页。关于年夜多半用户,在空闲时扫瞄微博,加载两次的内容已可以满意他们,关于必要扫瞄更多信息的用户,也让他们晓得本人究竟扫瞄了几。

DIV教程之网页交互计划教程:产物计划挑选加载仍是分页

DIV教程之网页交互计划教程:产物计划挑选加载仍是分页


为了利用户能够疾速看到更多图片,Google图片搜刮也接纳一连加载的体例,但在搜刮图片时,用户也十分必要明白的本人的地位,也很有大概会归去找方才看到过的图片,以是Google在统一页中也会标出页码,便于定位和查找。这也是另外一种折衷的体例。

DIV教程之网页交互计划教程:产物计划挑选加载仍是分页

DIV教程之网页交互计划教程:产物计划挑选加载仍是分页


手机客户端
在屏幕更小、利用场景更多变的手机端,滑动明显比准确点击更复杂更不简单误操纵。手机端产物信息架构绝对复杂,用户扫瞄时长绝对较短,利用时注重力也绝对分离。以是年夜多半app城市利用一连加载的体例。并且加载也比分页控件更省空间。

DIV教程之网页交互计划教程:产物计划挑选加载仍是分页

DIV教程之网页交互计划教程:产物计划挑选加载仍是分页


但像搜刮引擎如许的产物,仍是保存了分页的计划。

DIV教程之网页交互计划教程:产物计划挑选加载仍是分页

DIV教程之网页交互计划教程:产物计划挑选加载仍是分页


选择加载仍是分页只是计划中一个很小的点,但杰出的产物都是由有数个如许的小点构成的。依据产物的特性,选择最符合它的交互体例,就是交互计划师要做的事。
</p>
有了CSS,我们不再需要用FONT标签或者透明的1pxGIF图片来控制标题,改变字体颜色,字体样式等等
飘飘悠悠 该用户已被删除
发表于 2015-1-17 19:21:32 | 显示全部楼层
由CS4版本开始,则转用WebKit排版引擎(亦即GoogleChrome和AppleSafari浏览器所用的排版引擎)作为网页预览。
老尸 该用户已被删除
发表于 2015-1-26 21:52:38 | 显示全部楼层
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
爱飞 该用户已被删除
发表于 2015-2-5 04:04:54 | 显示全部楼层
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
兰色精灵 该用户已被删除
发表于 2015-2-11 05:08:03 | 显示全部楼层
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
admin 该用户已被删除
发表于 2015-3-1 22:44:56 | 显示全部楼层
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
小女巫 该用户已被删除
发表于 2015-3-11 02:35:21 | 显示全部楼层
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
飘灵儿 该用户已被删除
发表于 2015-3-17 21:00:28 | 显示全部楼层
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
小妖女 该用户已被删除
发表于 2015-3-25 04:44:38 | 显示全部楼层
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-3-28 21:08

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表