于企業或個人來說，原創制作一個網站需要很多時間，先用 Photoshop 做網頁設計，接著用 DIV+CSS 來寫編寫HTML代碼，最后可能還要程序開發才能完成，不僅花費時間長，成本也是比較昂貴的。

如果你缺少設計或前端技能，但又想快速完成一個網站，那么我們建議你直接選擇網站模板，比如靜態類的 HTML/CSS 網站模板，使用他們可以省下設計、前端這個階段的工作，而程序開發是可選的，只有需要后臺才需要程序編寫，不需要的話也可以直接替換模板的文字、圖片就行。

今天我們整理了一些優秀免費無版權限制的 HTML5 網站模板，有不同的類型，比如作品展示用的模板適合攝影師、設計師、企業產品展示等。

注：小編已經打包好，下載模板地址在文章底部哦！！

New Age

這款是 APP 產品宣傳官網模板，現在有很多 APP 程序員自己開發了一些有趣 APPs，但是不懂設計或沒時間來制作網站，那么這款模板就可以用上啦，使用Bootstrap 框架搭建，手機端完全兼容。

在線演示

Howdy（個人簡歷式網頁模板）

想做一份創意個人簡歷嗎？請不要錯過 Howdy 這款個人簡歷模板，設計、動畫、實用性全有了！設計達人網小編推薦哦！

同時推薦：22款高端個人簡歷模板 含PSD或HTML版本下載

還有技術展示數據表，增加簡歷描述的可視化，HR 看后一定會加分哦。

在線演示暫無，請下載源文件查看 DEMO ~~（建議下載查看，動畫好帥）

Ethereal

Ethereal 模板有意思，是直接向左右滾動來查看網頁，界面也的設計也很棒，喜歡個性獨特風格的朋友不要錯過。

在線演示

Creative

一個工作室類的單網頁模板，有了個，就算你是個人，也可以用他來做個工作室一樣的網站，用于宣傳你的業務也是不錯的。

在線演示

Megakit

這個免費模板可以說是超值哦，一共13種類型頁面，每個頁面設計都不簡單哦，頁面有 Service，About, Team, Events, FAQ, Contacts, Corporate, App Landing, Portfolio, Coming Soon等等，建議下載下來看 DEMO。

在線演示

Story

Story是一款左右布局為主的列表展示頁以及作品展示 ，適用于作品介紹。

同時還支援當前頁面彈窗來展示作品圖片，很適合用來放自己的作品上去。

在線演示

Agency

在線演示

Karmo

超時尚的 Protfolio 網頁模板，Bootstrap 模板構建，布局新穎，再加上流暢的動畫效果，Nice！

有4個主要頁面，分別是：Home / Services / SingleProject / Contact.

免費有這樣的質量，真的超值哦！

在線演示

KapukAlas

響應式模板 KapukAlas，首頁效果不錯，但目前只有首頁，如果有子頁面就更好了！

在線演示 (HTML演示請下載源文件方可查看）

AitOnepage

這款主師來自 keenthemes 出品，質量很棒，流行的單頁面設計，布局有 Aabout,Products, Pricing, Work, Service 和 Contact頁面。

在線演示

Magnet

想展示作品集，并且喜歡簡約設計感？嘿嘿~ 這個經典簡約模板是不二之先啊。

在線演示

頭條不給放網盤地址，需要下載的的，私信我！

TML5多媒體作品以其對各種平臺的兼容而見長，目前已獲得了廣泛的應用。如果我們需要制作自己的HTML5多媒體作品，一個方便之選就是利用現成的在線制作工具“百度H5”。

首先訪問“百度H5”網頁（https://h5.baidu.com/），可以看到非常簡單的頁面，僅有“我的H5”和“我的模板”兩個選項。其中“我的模板”是通過套用模板的方式來制作HTML5作品，而“我的H5”則可以完全靠自定義各種參數來自由創作，制作好的作品也會顯示在這里（圖1）。

1. 通過創意模板輕松制作

在首頁中選擇“我的模板”，隨后會進入一個模板展示頁面，這些都是設計者們分享的模板。根據你所要設計的作品的類別，可以按類選擇一個類似的作品作為制作的模板，然后在此基礎上進行修改，即可快速形成自己的多媒體作品（圖2）。

比如要制作一個招生方面的媒體作品，選擇如圖所示的秋季班招生模板，然后點擊右下角的“使用模板”按鈕（圖3）。

接下來先要為作品命名，例如“我們的幼兒園招生了”。輸入完畢點擊“確定”按鈕（圖4）。

隨后進入實質性的模板修改編輯階段。對于不合適的內容，可先刪除頁面元素再添加。點擊“文本”菜單插入所需文本內容。同理，可使用右邊的“媒體”按鈕插入圖片、音頻、視頻、嵌入視頻、全景圖等內容。如果是PSD圖片，則直接用PSD菜單載入。若版面中需要插入一些圖標或形狀，則點擊“圖形”菜單選擇添加（圖5）。

此外，對于作品中所要用到的展示數據，可以通過插入圖表、表單等方式，非常輕松地完成數據展示制作（圖6）。如果要實現更多的效果，可通過“插件”菜單，選擇添加頁面加載套件和加載進度、添加計數器、添加幀動畫、添加相冊或地圖等。

對于需要修改的屬性，可通過窗口右側的分類屬性窗口選擇設置。通過窗口下方的編輯區域，可控制動畫、加載頁、全局全景和背景、當前頁等參數設置。例如，要定制個性化的加載頁面效果，點擊“加載頁”選項卡，然后通過下方的滑塊，對加載頁中的圖片和進度進行自定義編輯（圖7）。

對頁面上的各種元素進行修改和編輯完成之后，點擊工具欄左上角的磁盤按鈕將作品保存在網上。注意，編輯過程中產生的內容軟件會自動保存，但為了防止丟失，還是要養成勤于手動保存的習慣。

最后，就可以發布作品了。點擊工具欄上的“發布”按鈕執行發布操作（圖8）。

由于作品是保存在網絡服務器中的，因此作品的共享是以網址的形式體現的。發布時要填寫作品分享的標題，設置個人域名。我們只需在“個性化域名”中填寫自己命名的作品個性域名地址，發布后其他人就可以用這個域名來訪問HTML5作品了（圖9）。

小提示：使用上述服務需要使用自己的百度賬號登錄。為維護網絡安全，目前發布信息需先經過用戶實名制認證方可進行。

2. DIY 完全自己設計制作

套用模板適合于初學者或設計能力不強的用戶。其實，不用套用模板，完全可以從頭全部由自己來設計作品。

制作時，在主頁中選擇“我的H5”，然后點擊空白頁上印有圓圈套加號圖標的按鈕，向導會詢問創建什么樣的布局。從“分頁布局”或“整頁布局”中選擇一種布局方式。如果是分頁布局，則依靠頁面間的前后滑動實現簡單跳轉；如果是整頁布局，則將整個頁面分為不同區域，各部分還可創建鏈接，實現不同的功能（圖10）。

隨后其他步驟與第1部分的添加和設置操作方法相當，只是全要親自設計，不能套用現成的組件而已。在創作過程中，只要善于使用系統提供的文本工具編排文字內容，用媒體和圖形工具添加圖片、圖形、音視頻，數據相關的內容使用圖表、表單等工具，借助于“插件”擴展來補充完善，發揮自由想象的創作空間，一定能創作出更具個性化的作品。