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

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

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

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

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

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

1、Bootstrap

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

Bootstrap可以輕松創(chuàng)建響應(yīng)式設(shè)計，并具有許多開箱即用的功能：從圖標到樣式輸入，并將標準化帶到許多常見的頁面元素，從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)格，格式很好的表單，列表，排版等基本要素，跨瀏覽器支持。

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

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

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

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

廣告

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