*设计学院* V1

如果你正在使用玛雅，你可能会发现下面的资源有帮助!

印刷术解剖

排版

如何创建信息图

HTML/CSS链接

下拉菜单:https://catalin.red/css3-dropdown-menu/

验证服务

你不仅想知道用户如何实际使用网站，还想知道你的代码是否符合标准。

这里有一些验证器，让你开始测试一个网站:

谷歌的手机友好测试:https://www.google.com/webmasters/tools/mobile-friendly/

W3C mobileOK检查器:https://validator.w3.org/mobile/

W3C标记验证服务https://validator.w3.org/

WAVE: Web可访问性评估工具:http://wave.webaim.org/

W3C链接检查器:https://validator.w3.org/checklink

Browsershots:http://browsershots.org/

基本的HTML

https://developer.mozilla.org/en-US/docs/Web/HTML/Element

响应导航

http://responsivenavigation.net/index.html

CSS导航栏:

http://www.w3schools.com/css/css_navbar.asp

http://medialoot.com/preview/css-only-navigation-menu/index.html

http://medialoot.com/blog/how-to-create-a-responsive-navigation-menu-using-only-css/

http://blog.teamtreehouse.com/create-an-absolute-basic-mobile-css-responsive-navigation-menu

顶部导航:

http://www.w3schools.com/howto/howto_js_topnav.asp

侧边导航栏:

http://www.w3schools.com/howto/howto_js_sidenav.asp

响应式设计的重要性

https://www.huffpost.com/entry/business-mobile-responsive-design_b_5267077

响应式设计vs自适应式设计vs流体式设计

https://css-tricks.com/the-difference-between-responsive-and-adaptive-design/

http://www.techrepublic.com/blog/web-designer/what-is-the-difference-between-responsive-vs-adaptive-web-design/

理解渐进式增强:

http://www.techrepublic.com/blog/web-designer/understanding-progressive-enhancement-techniques-in-web-design/

固定、流动、自适应和响应式网页设计之间的区别是什么?

http://blog.teamtreehouse.com/whats-the-difference-between-fixed-fluid-adaptive-and-responsive-web-design-treehouse