网页设计框架版式 第1篇
首先,我们要知道这个框架是啥,目的又是啥。
现在的目标是做一个网页出来,所以其实还不是很全,不过后面会慢慢补充的。
在html中,这个框架用到标签是
这个里面的xxx就是自己定义名称啦,但是那个“.”不要忘掉哦。
注:这个是写在当中的。
调用方法非常简单,即在
当然啦,在调用的一个框架里面,再调用一个框架也是可以的。
调用之前,一定要先在
调用方面的语句怎么写就行了,调用很简单,重点在
先不要急着运行看效果如何,它现在这个样子出来是没有任何效果能看出来的,因为它这里仅仅是对这个框架长宽的定义。
它也不会有什么自带的描边啥的。
为了方便看效果,先讲这个背景颜色的填充。
其实框架的背景填充方式很多,这里只是单纯为了方便看效果,而说一下这个最简单的纯色填充。
在这里,填充用的是background,同样的,不能当初标签来用。
额,还有要说的一点就是,在HTML中,一种颜色的表达方式有很多。
法一:比如“#”+“72ECAD”,格式就是#加上一串数字和英文。
后面那一串奇怪的东西,其实是3个十六进制的数字,也就是对应了RGB中的红:256,绿:256,蓝:256。
网页设计框架版式 第2篇
前面讲的都是框架的相关知识,那我们的主线还是不变的——做一个网页,登录这种东西必然是少不了的,这里就简单的做一个登录的框架,具体的内容下期再讲。
既然是一个网页界面,简陋点来说,就是一个大背景底色弄一下,然后右边来一个小框架,在框架当中再弄具体的登录内容。
这里还好,不是很多,也就是框架的颜色填充,位置确定和层级问题。
理清思路和知识点就好写多了。
效果图:
有一点要注意一下就是那个两个框架的嵌套……
好啦,这篇到这里就结束啦,一起努力进步喵!
网页设计框架版式 第3篇
位置:在功能栏下方
数据字段的罗列,必须要的字段有以下5个,其余字段看用户需要增添。
字段的顺序从左往右一般为:编号/编码/ID、名称、状态、类型、时间,其他字段顺序根据用户查看频率排列,用的越频繁越靠左。
注意事项
此外,有些后台列表会将最左边1-2列固定,因为数据字段很多,避免用户查看后面的值时忘了前面的。
位置:在列表的最后一列
这里的功能按钮,都是对应一条数据进行操作的。按钮类型分为以下5种
网页设计框架版式 第4篇
为什么后台页面框架的布局要是这个样子呢?
一是这个页面框架非常清晰的分配了功能和信息的布局,二是这样的框架可以和角色权限完美兼容。
在角色权限设计的时候,我们可以用一张表将系统的所有角色对应的菜单列出来。
接着,在角色权限功能-配置新角色时,页面的按钮权限通过功能、操作两块进行勾选即可。
最终,用户登录后台页面,看到的就是与之权限对应、整齐划一的按钮。
题图来自 Unsplash,基于CC0协议