后台网站二级页面制作步骤

作者：李哲定时间：2019年5月18日

首先我们把这个二级页面的排版做出来，这个排版我是经过了很多的思考才决定用这个排版的，因为一个网页，不管是什么网页，一个排版就决定了成果的一大部分，可以说一个网页可不可以做好就很大取决与排版。

我把我这个标志性的logo给这个左边这里放了上去，然后把我的网站的名字打上去，打上去之后，我就开始做下面的功能栏，功能分别就是平台首页以及交易管理，数据统计，用户管理，财务结算，还有系统管理，我这个二级页面说的是数据统计，所以我在数据统计这里做了一个交互设计，这个交互设计就是把他的底色的颜色调整了一下。

左边的功能栏我已经做好了，现在我来做右边的这个icon和这个查询的框。我把这四个icon做出来之后，我就开始做这个查询了，我先在前面做了一个今日报表：，然后在后面做了一个矩形，把矩形的填充色取消掉，取消掉之后再把他的描边弄成灰色，再在最后面做一个矩形，把他的填充色做成蓝色，色彩如上，然后把接下来的也这样做出来。下面我们做后面的内容页。

现在我可是做这个大型的icon了，这个icon做的时间就比较久了，做了这六个icon之后我在旁边把这个icon所代表的东西给打了上去，打上去之后这个六个icon这里就做好了，然后我们现在开始做右边的这个快速查看的，这个快速查看的功能就是把自己经常用的功能放在这里，然后在这里直接点击就好了，我这里的功能是销售明细，进货明细，商品管理，客户管理，还有供应商管理这几个，然后在这个打出来之后，我就把商品管理做了一个交互设计，就是在字体的颜色上面有改变。

最后一步，我开始做这个统计图了，我先把今日报表做出来的，我把这个圆的统计图做出来之后，我就把这里面的内容打上来，这个今日报表这里就完成了，然后就开始做统计图，这个统计图统计的是最近七天的销售量和利润，还有销售单数，这里就要用到钢笔工具了，我用钢笔工具把图做出来之后，我就把这个统计图的内容做出来，做好之后这个图也就做好了。

后台网站二级页面制作步骤相关推荐

利用循环栏目导航标签及自定义页面制作帝国CMS网站地图
网站地图,又称站点地图,它就是一个页面,上面放置了网站上所有页面的链接.也简洁地表现了网站栏目关系,一般就包含顶级栏目和二级栏目.搜索引擎蜘蛛非常喜欢网站地图.在帝国CMS中没有生成网站地图的功能,所 ...
网络营销——网络营销专员到底是教你如何选择网站页面制作
在当下的网络营销中,网站推广是一种非常受欢迎的营销模式,不过如果想要让网站在搜索引擎首页中占据显眼的排名位置也非常不容易,不过想要凸显网站在搜索引擎中的首页可以通过网站静态化处理,这样更有利于蜘蛛爬虫 ...
有什么办法可以判断页面是静态还是动态?_网络营销——网络营销专员到底是教你如何选择网站页面制作...
在当下的网络营销中,网站推广是一种非常受欢迎的营销模式,不过如果想要让网站在搜索引擎首页中占据显眼的排名位置也非常不容易,不过想要凸显网站在搜索引擎中的首页可以通过网站静态化处理,这样更有利于蜘蛛爬虫 ...
将整个表单设置为只读_如何将独立网站设置为制作中，阻止搜索引擎收录网站页面？...
独立网站设置为制作中当网站未完成状态时,可能不希望除管理员以外的人看到未完成的页面时,如何操作可以将独立网站设置为制作中,并阻止搜索引擎收录网站页面呢? 可按照以下步骤进行操作: 将网站设置为制作中 ...
如何让用html制作404页面,网站404页面怎么做？
原标题:网站404页面怎么做? 404页面具体怎么做: 首先,你可以简单的做一个html页面,把它命名为:404.html页面;如果不会制作,最简单的办法就是找任何一个比较有名的网站,把它的404页面 ...
网站页面制作教程[纯萌新]
网站页面制作教程[纯萌新] 看起来很高大上,其实会者不难. 大约一周之前,笔者的高中同学在朋友圈招募队员参加商赛,因为同学是外校的,我不经意地评论了一句"想参加,可惜不是本校的", ...
企业怎么制作网站？怎么制作网站教程步骤
企业情况下,企业制作网站会有一套合理的制作网站教程步骤.虽然任何企业制作网站都不会有固定的模式,但是遵循这些指导制作网站教程的步骤,至少可以提高企业建设网站的效率,同时也可以减少网站建设过程中出现的错 ...
【Dash搭建可视化网站】项目13：销售数据可视化大屏制作步骤详解
销售数据可视化大屏制作步骤详解 1 项目效果图 2 项目架构 3 文件介绍和功能完善 3.1 assets文件夹介绍 3.2 app.py和index.py文件完善 3.3 header.py文件完善 ...
【Dash搭建可视化网站】项目10：疫情数据可视化大屏制作步骤详解
疫情数据可视化大屏制作步骤详解 1 项目效果图 2 项目架构 3 文件介绍和功能完善 3.1 assets文件夹介绍 3.2 app.py和index.py文件完善 3.3 header.py文件完善 ...
【Dash搭建可视化网站】项目12：全球恐怖主义数据大屏制作步骤详解
全球恐怖主义数据大屏制作步骤详解 1 项目效果图 2 项目架构 3 文件介绍和功能完善 3.1 assets文件夹介绍 3.2 app.py和index.py文件完善 3.3 header.py文件完 ...

后台网站二级页面制作步骤

后台网站二级页面制作步骤相关推荐

最新文章

热门文章