缃戦〉璁捐web鍓嶇寮鍙(濂界敤web鍓嶇ui妗嗘灦)

鍏抽敭璇: 缃戦〉璁捐, web鍓嶇寮鍙, 濂界敤web鍓嶇ui妗嗘灦

浠嬬粛

鍦ㄨ繘琛岀綉椤佃璁″拰web鍓嶇寮鍙戞椂锛岄夋嫨涓涓ソ鐢ㄧ殑web鍓嶇ui妗嗘灦鍙互澶уぇ鎻愰珮寮鍙戞晥鐜囧拰鐢ㄦ埛浣撻獙銆傛湰鏂囧皢浠嬬粛鍑犳濂界敤鐨剋eb鍓嶇ui妗嗘灦锛屽府鍔╂偍鏇村揩閫熷湴瀹屾垚缃戦〉璁捐鍜寃eb鍓嶇寮鍙戙

Bootstrap

1.1 浠涔堟槸Bootstrap

Bootstrap鏄竴涓祦琛岀殑鍓嶇妗嗘灦锛屽畠鍖呭惈浜嗚澶氭湁鐢ㄧ殑缁勪欢鍜屽伐鍏凤紝鍙互甯姪寮鍙戜汉鍛樺揩閫熸瀯寤虹編瑙傘佸搷搴斿紡鐨勭綉绔欏拰Web搴旂敤绋嬪簭銆

1.2 Bootstrap鐨勪紭鐐

Bootstrap鍏锋湁浠ヤ笅浼樼偣锛

- 鍝嶅簲寮忚璁★細Bootstrap鍙互鏍规嵁涓嶅悓璁惧鐨勫睆骞曞ぇ灏忚嚜鍔ㄨ皟鏁村竷灞鍜屾牱寮忋

- 鍙畾鍒舵э細Bootstrap鎻愪緵浜嗚澶氬彲瀹氬埗鐨勯夐」锛屽彲浠ユ牴鎹渶瑕佽繘琛屼慨鏀广

- 鍏煎鎬э細Bootstrap鍏煎鎵鏈夌幇浠f祻瑙堝櫒銆

- 绀惧尯鏀寔锛欱ootstrap鏈変竴涓簽澶х殑绀惧尯锛屽彲浠ヨ幏寰楀ぇ閲忕殑鏂囨。鍜屾敮鎸併

Semantic UI

2.1 浠涔堟槸Semantic UI

Semantic UI鏄竴涓幇浠e寲鐨刄I妗嗘灦锛屽畠浣跨敤鑷劧璇█鍛藉悕绾﹀畾锛屽彲浠ュ府鍔╁紑鍙戜汉鍛樻洿瀹规槗鍦扮悊瑙d唬鐮佸拰鏂囨。銆

2.2 Semantic UI鐨勪紭鐐

Semantic UI鍏锋湁浠ヤ笅浼樼偣锛

- 鑷劧璇█鍛藉悕绾﹀畾锛歋emantic UI浣跨敤鑷劧璇█鍛藉悕绾﹀畾锛屽彲浠ュ府鍔╁紑鍙戜汉鍛樻洿瀹规槗鍦扮悊瑙d唬鐮佸拰鏂囨。銆

- 澶氭牱鍖栫殑涓婚锛歋emantic UI鎻愪緵浜嗚澶氬鏍峰寲鐨勪富棰橈紝鍙互鏍规嵁闇瑕佽繘琛岄夋嫨銆

- 鍙畾鍒舵э細Semantic UI鎻愪緵浜嗚澶氬彲瀹氬埗鐨勯夐」锛屽彲浠ユ牴鎹渶瑕佽繘琛屼慨鏀广

- 鍏煎鎬э細Semantic UI鍏煎鎵鏈夌幇浠f祻瑙堝櫒銆

Materialize

3.1 浠涔堟槸Materialize

Materialize鏄竴涓熀浜嶨oogle Material Design鐨勫墠绔鏋讹紝鍙互甯姪寮鍙戜汉鍛樺揩閫熸瀯寤虹編瑙傘佸搷搴斿紡鐨勭綉绔欏拰Web搴旂敤绋嬪簭銆

3.2 Materialize鐨勪紭鐐

Materialize鍏锋湁浠ヤ笅浼樼偣锛

- 鍩轰簬Google Material Design锛歁aterialize鍩轰簬Google Material Design锛屽彲浠ュ府鍔╁紑鍙戜汉鍛樺揩閫熸瀯寤虹編瑙傘佸搷搴斿紡鐨勭綉绔欏拰Web搴旂敤绋嬪簭銆

- 鍝嶅簲寮忚璁★細Materialize鍙互鏍规嵁涓嶅悓璁惧鐨勫睆骞曞ぇ灏忚嚜鍔ㄨ皟鏁村竷灞鍜屾牱寮忋

- 鍙畾鍒舵э細Materialize鎻愪緵浜嗚澶氬彲瀹氬埗鐨勯夐」锛屽彲浠ユ牴鎹渶瑕佽繘琛屼慨鏀广

- 鍏煎鎬э細Materialize鍏煎鎵鏈夌幇浠f祻瑙堝櫒銆

鎬荤粨

鍦ㄨ繘琛岀綉椤佃璁″拰web鍓嶇寮鍙戞椂锛岄夋嫨涓涓ソ鐢ㄧ殑web鍓嶇ui妗嗘灦鍙互澶уぇ鎻愰珮寮鍙戞晥鐜囧拰鐢ㄦ埛浣撻獙銆侭ootstrap銆丼emantic UI鍜孧aterialize閮芥槸娴佽鐨勫墠绔鏋讹紝瀹冧滑鍚勫叿浼樼偣锛屽彲浠ユ牴鎹渶瑕佽繘琛岄夋嫨銆傚笇鏈涙湰鏂囪兘澶熷府鍔╂偍鏇村揩閫熷湴瀹屾垚缃戦〉璁捐鍜寃eb鍓嶇寮鍙戙

浠ヤ笂灏辨槸缃戦〉璁捐web鍓嶇寮鍙(濂界敤web鍓嶇ui妗嗘灦)鐨勮缁嗗唴瀹癸紝鏇村淇℃伅璇峰叧娉∣D浜戝叾瀹冪浉鍏虫枃绔狅紒



鏈枃URL锛http://www.odweb.cn/news_show.html?id=179