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

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

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

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

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

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

1、Bootstrap

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

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

2、HTML5 Boilerplate

HTML5 Boilerplate包括大部分程序員會用到的元素，對很多項目開箱即用：分析片段以及一些默認的CSS和JavaScript模板。

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

3、Skeleton

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

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

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

本文名稱：三個最常用的開源Web開發(fā)框架模板
URL地址：http://chinadenli.net/news12/101562.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、ChatGPT、電子商務、面包屑導航、網(wǎng)站策劃、網(wǎng)站設計公司

廣告

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