当前位置:首页 > 技术资料 > 详情

PC网站页码设计和架构方法技巧

发布时间:2018.08.02     点击:367次      作者: 管理员

对于电脑网站来讲,页码是非常重要的一个功能,要想制作好这些页码,却要考虑非常多的细节。如果你是前端的新手,很有可能在一些细节处理上会出现纰漏。

我们暂且不考虑程序架构的问题,就说页面的前端效果,需要注意这些点:

一、页码主要有两部分组成:页码按钮、功能按钮。

1、页码按钮

这里边是分为两种的:

(1)可以点击的页码

(2)不可点击的当前页页码

2、功能按钮

这里也分为两种:

(1)可以点击的功能键

(2)不可以点击的功能键

二、制作中的注意事项

(1)页码有一位数字,也可能有3位数字,甚至5位数字,或者更多。所以要考虑页码多和页码不多的时候页面不乱,所以宽度一般不要写固定的值。

(2)页码的可点与不可点状态要清晰明了,不要让用户有歧义。比如不可点就尽可能地颜色浅一些(当前页码除外)

(3)一个比较简单的思路就是直接用a作为按钮,不设置宽度,通过margin、padding来设置各个单元之间的距离,而且这样方便居中。

本文作者: 管理员

十六年网站建设相关经验
一站式为您提供网站相关服务

欢迎扫码咨询

发表评论
请遵守网络文明公约,理性发言
访客头像

还没有人来评论,快来抢个沙发吧!

案例推荐

永易搜科技,为企业互联网+赋能

秉承“品质至上、专注细节”的企业理念,以技术驱动为核心,为客户在互联网的道路上添砖加瓦!

立即咨询 电话 电话:0371-56789390
不满意就退款
高性价比建站
免费无忧代备案
1对1原创设计服务
7×24小时售后支持