碼農(nóng)如何快速打造一個有設(shè)計感的網(wǎng)站 |
時間: 2013/5/17 2:14:26 點擊: 8846 |
設(shè)備等的適配工作。此外,Bootstrap 還是可定制的,可以根據(jù)你的需求自己配置。(注:英文不好的可以查看中文版的 Bootstrap 文檔或 Bootstrap 中文網(wǎng))
2. Bootstrap 定制指南 決定使用 Bootstrap 是邁出的重要一步,相比其他可以在前端開發(fā)上節(jié)省很多精力,但有利有弊,如果你決定使用 Bootstrap 的話就意味著很有可能會和其他人“撞框架”,就像默認(rèn)的 WordPress 皮膚一樣,如果大家都完全用 Bootstrap 的樣式的話,會讓不少見得多的人心生厭煩。 所以,如果實在抽不出時間的話可以去 Wrap Bootstrap 購買一份主題皮膚,這些主題皮膚都是由專業(yè)的設(shè)計師設(shè)計的,雖然不會成為唯一定制的,但已經(jīng)看起來相當(dāng)不錯了,而且這種方法是最快速的。接下來就是以 Narrow marketing 這個模板(下圖)為例教你如何自己定制一份完全屬于你自己的 Bootstrap 。 一. 字體 修改網(wǎng)頁字體是讓網(wǎng)站看起來更有特色、有現(xiàn)代感的捷徑,我們可以去谷歌的字體服務(wù)(免費正版)中隨意挑選自己喜歡的字體,但是要注意字體間的搭配,在這里我們選擇由 DesignShack 推薦的谷歌字體搭配中的一種:Cardo(用于標(biāo)題) 和 Nobile(用于主體內(nèi)文)。
添加完后刷新即可查看效果了,現(xiàn)在我們的網(wǎng)站樣式已經(jīng)變成下面這樣了,看起來比默認(rèn)好多了。 此外,除了谷歌的字體服務(wù)外還可以使用像 Fontdeck 或
|
上一篇: 虛擬運營商10月前登場:民營資本入電信業(yè)之始 下一篇: 淺談地方站長如何向移動互聯(lián)網(wǎng)創(chuàng)業(yè)大軍靠攏 |