身為無所不能的網頁設計師，在製作網頁排版設計時總會遇到沒有靈感的時候吧？推薦大家LittleSnippets高品質網頁設計模板素材，裡面包含HTML排版、CSS、JS設...
以下圖文教學，不需任何程式基礎...解壓縮下載的模版，開啟index.html看模版是否正常運作，如果如左邊的圖，恭喜...高畫質的照片可以到Unsplash.com找，...夾裡的style.css機率非常高，CSS用來設計整個網頁的基本樣式，JS則動畫居多， ...
** 本站引用參考文章部分資訊，基於少量部分引用原則，為了避免造成過多外部連結，保留參考來源資訊而不直接連結，也請見諒 **
LittleSnippets：https://www.littlesnippets.net/
你可以點擊上方的「CATEGORIES」來選擇你想要的網頁主題模板，種類包含了：按鈕、圖示 Icon、形象卡、品牌 Logo、選單、卡片、價格表、產品卡、個人名片及部落格頁面等等。 
接著選好你要的模板之後，你會進入到你所選的網頁設計範本中，左手邊是 HTML、CSS 及 JS 的程式碼，右手邊則是你選擇的網頁設計樣貌。如果你對 LittleSnippets 的網頁設計不滿意，可以點擊右上角的「EDIT ON」按鈕自行編輯。 
你可以點擊上方的「Change View」來切換成適合你視角的位置。 
小編我雖然不是網頁設師也看不懂語法，不過小編也稍微動手更改一些文字，只要你更改上方的程式碼，下方的呈現圖片也會跟著更改喔 ! 當你的靈感枯竭時，趕緊來到 LittleSnippets 湖邊飲水啟發靈感，LittleSnippets 裡提供很多精美又專業的網頁設計範本及模板，你不需要自己寫出 HTML、CSS、JS 程式碼，直接複製使用就 OK 囉 ! 趕快把 LittleSnippets 收藏起來吧 !
△ 有關 Icon 網頁模板設計相關的下載連結 : 請點我 
△ 有關 Image Cards 網頁模板設計相關的下載連結 : 請點我 
△ 有關 Pricing Tables 網頁模板設計相關的下載連結 : 請點我 
△ 有關 Profile Cards 網頁模板設計相關的下載連結 : 請點我 
△ 有關 Logos / Badges 網頁模板設計相關的下載連結 : 請點我LittleSnippets：https://www.littlesnippets.net/
