在過去的日子里，從頭開始創(chuàng)建一個(gè)網(wǎng)站變得越來越容易。了解HTML、可能還有CSS的程序員，可以用很少的精力創(chuàng)建一個(gè)不錯(cuò)的網(wǎng)頁，然后把它放在網(wǎng)絡(luò)服務(wù)器上，就搞定了。比如：

當(dāng)然，你可以選擇這種創(chuàng)建方式，但有一些不錯(cuò)的改變，你可以試試。隨著互聯(lián)網(wǎng)的速度要求越來越快，瀏覽器變得越來越標(biāo)準(zhǔn)化和強(qiáng)大，網(wǎng)站的規(guī)模和復(fù)雜性也越來越多，即便是有經(jīng)驗(yàn)的設(shè)計(jì)師都會(huì)使用具有高級(jí)功能的設(shè)計(jì)工具和代碼編輯器來使開發(fā)過程更順利。

如今，很少有程序員從頭開始設(shè)計(jì)web網(wǎng)頁了。大多數(shù)程序員都使用預(yù)制模板設(shè)計(jì)，自定義適合其內(nèi)容管理系統(tǒng)的選擇。即使是構(gòu)建復(fù)雜Web應(yīng)用程序的程序員也依賴于模板庫。

但是，如果要為內(nèi)容管理系統(tǒng)或靜態(tài)站點(diǎn)生成器構(gòu)建新模板，該怎么辦？如果想使用單個(gè)目標(biāo)網(wǎng)頁或少量不太可能經(jīng)常更改的靜態(tài)網(wǎng)頁構(gòu)建簡(jiǎn)單網(wǎng)站，該怎么辦？如果要編寫JavaScript應(yīng)用程序但不想使用復(fù)雜的框架或庫來構(gòu)建最終輸出怎么辦？

對(duì)我來說，最重要的是控制。隨著時(shí)間的推移，網(wǎng)頁越來越肥胖。程序員進(jìn)行web開發(fā)時(shí)，應(yīng)該以內(nèi)容為重。問問自己，真的需要加載這個(gè)頁面時(shí)顯示這樣的網(wǎng)絡(luò)字體嗎？必須用jQuery，還是可以用幾行Vanilla JS完成同樣的事情？

使用HTML模板和框架可以幫助程序員實(shí)現(xiàn)標(biāo)準(zhǔn)化，易于使用的布局網(wǎng)格，以及現(xiàn)代化的功能。與此同時(shí)，它們還很簡(jiǎn)單。這里有三個(gè)開源的HTML5模板以供參考。

1、Bootstrap

Twitter的Bootstrap也許是創(chuàng)建新網(wǎng)頁最著名的模板框架之一。它的無所不在已經(jīng)導(dǎo)致了網(wǎng)頁設(shè)計(jì)界的反彈，Bootstrap很簡(jiǎn)單，幾乎完全沒有定制的實(shí)現(xiàn)。

Bootstrap可以輕松創(chuàng)建響應(yīng)式設(shè)計(jì)，并具有許多開箱即用的功能：從圖標(biāo)到樣式輸入，并將標(biāo)準(zhǔn)化帶到許多常見的頁面元素，從breadcrumbs到警報(bào)到分頁，同時(shí)還有大量現(xiàn)成的主題。

2、HTML5 Boilerplate

HTML5 Boilerplate包括大部分程序員會(huì)用到的元素，對(duì)很多項(xiàng)目開箱即用：分析片段以及一些默認(rèn)的CSS和JavaScript模板。

HTML5 Boilerplate相當(dāng)輕便，如果你不需要某個(gè)特定組件，很容易就可以剪掉。如果你在追求極簡(jiǎn)主義和功能全面之間的平衡，HTML5 Boilerplate可能是好選擇。

3、Skeleton

Skeleton是一堆框架中最輕的。如果曾經(jīng)使用過Web框架，并且發(fā)現(xiàn)它們太笨重，或者只是為了滿足需要，可以考慮使用Skeleton來處理：一個(gè)簡(jiǎn)單的網(wǎng)格，格式很好的表單，列表，排版等基本要素，跨瀏覽器支持。

使用一些不錯(cuò)的模板和編輯器，程序員不需要復(fù)雜的JavaScript框架來構(gòu)建一個(gè)簡(jiǎn)單的前端，無論是傳統(tǒng)的頁面還是輕量級(jí)Web應(yīng)用程序。如果這三個(gè)都不滿意，還可以考慮Initializr，一個(gè)可以預(yù)配置HTML5 Boilerplate的開源Web應(yīng)用程序。

你最喜歡的web設(shè)計(jì)模板或框架是什么呢？你有哪些很棒的web設(shè)計(jì)方法呢？

分享題目：三個(gè)最常用的開源Web開發(fā)框架模板
網(wǎng)址分享：http://chinadenli.net/news/101562.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營(yíng)銷推廣、網(wǎng)站設(shè)計(jì)公司、商城網(wǎng)站、品牌網(wǎng)站建設(shè)、用戶體驗(yàn)、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)