HTML5+CSS3小实例:后台管理系统的侧边导航栏

html-css09

HTML5+CSS3小实例:后台管理系统的侧边导航栏,第1张

HTML5+CSS3做一个后台管理系统的侧边导航栏,点击三条杠,可以收起或展开侧边导航栏。收起时,图标变大,文本在图标下方,管理员头像右侧的欢迎语隐藏;展开时图标变小,文本在图标的右侧显示,管理员头像右侧的欢迎语显示。切换过程伴有过渡动画,右侧内容区可以放自己的内容。

效果:

源码:

网上说HTML5就是html的第5个版本,其实这不完全正确,HTML5已经不是单纯的一门标识语言,它是一门综合的技术,除了最基本的html、css、javascript外,还能够提供音频视频、图像动画、本地存储以及各种重要接口,为下一代互联网应用提供了全新平台。应该说有了HTML5,我们就能轻松实现类似桌面的应用(比如各种管理系统、手机app应用等)。

HTML5现在为什么收到很多企业的青睐,最关键的一点是跨平台,所谓的跨平台就是做出来的东西能够适应各种浏览器、各种设备、各种系统(iSO、安卓等),还能适应不同屏幕大小。对于企业来说,这样就能大大减少人力成本、时间成本等。你知道安卓开发、iOS开发现在为什么需求会有下降?其实,这部分市场被HTML5占领了。试想,一个企业开发一款app,要在安卓和iOS上都能运行,那么就需要两个开发团队,人力成本上去了,后面的维护也变得没那么容易。HTML5的出现解决了企业的难题,所以现在HTML5开发人员的需求依然紧缺。

html5的意义,在于使用html、css、js语言相结合,来完成一系统的页面作用。仅用html5的内容,加上mysql完全可以编写一个数据库管理系统。

但是,基本上不会有人会这么做,因为html、css、js的语言源码,都是使用者可以看见的,是相当不安全的。一般对mysql进行操作,都是要通过后台服务器语言来进行,比如php、asp、jsp、asp.net等等。