win8风格的网站,浅谈win8风格的页面设计

今天来分享个win8风格的网站。先不说那么多,直接上图:

win8风格的网站,浅谈win8风格的页面设计

这个图呢,实在火狐浏览器的3D视图上看的效果。够酷吧,哈哈!

不难看出,这种结构其实挺简单的,就是一些DIV,其实win8风格就是长方形的排列,在win8系统上看到的效果可能与web的效果不一样,其实也可以做成一样的,只不过JS效果难做一点罢了。那种自动翻转完全可以用js的效果弄出来。由于没有啥实质性作用,所以我也就没弄那么多。只是做个展示而已。

如果你要做这样一个页面,你需要先学会DIV和CSS这些基础性的东西,如果啥都不懂,建议从HTML5开始学习。把DIV摆好就成了,至于颜色,都是DIV的背景色,不是图片,因为图片毕竟加载浪费时间和宽带的。好了,就说到这里,有兴趣看看这个网站吧。

淘热门www.taorm.cn


=================================

更多IT学习资料,IT开发探讨请前往觅入门www.rumen.me


本文出自 “觅入门” 博客,请务必保留此出处http://merumen.blog.51cto.com/6860937/1358649

win8风格的网站,浅谈win8风格的页面设计

上一篇:用户权限管理数据库设计(RBAC)


下一篇:Win8.1 Metro应用无法联网,提示“无法加载此页面”解决方法!(看红色字体部分)