13518219792
免費建站的網站有Wix、Wordpress、搜狐快站。
創新互聯于2013年開始，是專業互聯網技術服務公司，擁有項目成都網站建設、網站制作網站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元周村做網站,已為上家服務,為周村各地企業和個人服務,聯系電話:028-86922220
1、Wix
Wix是國外比較有名的一款免費網站建站系統，模板設計很不錯，選了模板后任意模塊可以隨便移動，文字編輯及框架大小都可以很隨意調試，對小白友好，用戶體驗也還行。
2、Wordpress
WordPress是基于PHP＋Mysql開發的、目前世界范圍內使用人數非常多的CMS系統。這個網站上手比較困難，更適合有更多編程知識的人，首先下載安裝Wordpress本身就是個很復雜的過程，不像其他網站，注冊個用戶名就可以使用。
3、搜狐快站
搜狐快站算是一個經典老牌子，主要是以移動端為主。移動端網站，社區，電商，app，博客，H5海報都可以做。總而言之是一款功能比較全的網站，可以說是包羅萬象，產品非常豐富。比較難得的是在這樣豐富的功能下，它的操作并沒有因此而復雜化，相反，操作非常簡單，建站也很容易。是一個能讓你上手非常快的建站平臺，而且各種模板也很多。
網站的作用
在互聯網上，24小時與工作的客體交流是完全可能的，通過互聯網的一些應用，7x24的全天候交流互動完全是可能而且正常的。基于互聯網的社交平臺，已經越來越多人在網站上發布信息，進行自我營銷，是個人或群體展示形象的良好平臺。
當我們網站的建設的十分成功的時候，將會為網站的使用者在網站訪客的心目中加分，同時可能留住訪客成為對我們“有價值的人”。反之，則會使得網站形同虛設，猶如浪費。
編輯方法如下：
一.使用 HTML5 的 聲明
在 HTML 4.01 和 XHTML 中那段長長的 DTD 類型聲明應該是所有標簽中最難記住的標簽了，但在 HTML5 中， DTD 聲明非常簡單：
1
!DOCTYPE html
就是這么簡潔，要使用 HTML5 ，第一步肯定是先使用 HTML5 的 !DOCTYPE 聲明。
二.加入 html5.js
可以在主題的 head 元素內加入一段 js 來讓 IE8 及以下的 IE 完全支持 HTML5 的標簽。
下載由 html5shiv 提供的這個 html5.js 文件。
1
2
3
!--[if lte IE 9]
script type="text/javascript" src="./js/html5.js"/script
![endif]--
代碼中使用了條件注釋針對低版本的 IE（IE8 及以下版本）瀏覽器來調用這個 js 文件，其他瀏覽器會忽略掉這段代碼，不會造成浪費的 HTTP 請求。
三.CSS Reset
CSS Reset 是為了把瀏覽器提供的默認樣式去掉的一段 CSS ，詳細的介紹可以參見 Kayo 之前所寫的一篇文章 《關于 CSS Reset 》，本文中的 CSS Reset 是根據前文的 CSS Reset 改造的，主要是加入了對 HTML5 中新加入的標簽的重置。下面是 Kayo 針對 HTML5 的 CSS Reset ，供大家參考，也可以參照前文定制更適合個人情況的 CSS Reset 。
/*** 加入 HTML5 新標簽的樣式重置 ***/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body{line-height: 1; text-align: left; }
:focus {outline: 0; }
/*** 將一些可以代替 div 標簽的 HTML5 標簽定義為塊狀元素 ***/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block; }
ol, ul {list-style: none; }
blockquote, q {quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none; }
ins {text-decoration: none; }
mark {background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del {text-decoration: line-through; }
table {border-collapse: collapse; border-spacing: 0; }
input, select {vertical-align: middle; }
現在，可以放心的在 WordPress 主題中使用 HTML5 標簽了。
四.修改主題中的標簽為語義化的 HTML5 標簽
在網頁重構中，舍棄了沒有任何語義的 table 布局，取而代之的是新的標記，最常見的莫過于 div 這個標簽，不過在設計復雜的頁面時，新的問題出來了—— div 的濫用導致頁面變得臃腫并且難于理解。值得興奮的是， HTML5 為開發者引入了新的語義化標記，下面給大家介紹一些適合在 WordPress 主題中使用的 HTML5 標簽。
header 用于定義文檔的頁眉，可以代替原本包裹頁眉的 div 。
footer 用于定義文檔的頁腳，可以代替原本包裹頁腳的 div 。
nav 用于定義導航鏈接的部分，即代替包裹菜單的 div 。
article 用于定義獨立的內容，很適合代替包裹文章的 div，如 WordPress 首頁、歸檔頁或文章頁的文章列表中可使用該標簽包裹文章。
aside 該標簽用于定義其所處內容之外的內容，并且 aside 的內容應該與附近的內容相關，因此很適合用來包裹 WordPress 的側邊欄。
另外 time, small, section 等 HTML5 標簽也適合用來改造升級 WordPress 主題，這些標簽的具體意義可以參見 W3school 。
五.為主題加入 HTML5 微數據
關于 HTML5 微數據的介紹和使用方法可以參見 Kayo 之前所寫的文章 《HTML5 之微數據》，這里主要介紹一些適合 WordPress 使用的微數據規范，因此建議讀者先閱讀前文再閱讀下文。
這里使用的是 schema.org 的微數據規范，加入微數據是為了讓機械（如搜索引擎）識別網頁內容的意義，可以說是華麗麗的 SEO 。
下面列舉一些適合的微數據規范：
這是定義網頁版頭的微數據，需要注意的是 WPHeader 的 “WP” 不是指 WordPress ，而是 Web Page 的縮寫，不過用在 WordPress 上也是非常合適的。
定義網頁頁腳。
定義一篇博客文章。
定義一條評論。
現在有很多h5響應式網站建設系統，這種直接制作h5網站，最方便，比如我們工作目前就有。
如果自己會開發，或者愿意折騰，使用主流的建站程序，如wordpress也可以制作h5
假設你把HTML5Shiv.js文件放在\wp-includes\js目錄，就在你的H5主題模板目錄的header.php頁/head之前寫
!--[if?lt?IE?9]????
script?src="/wp-includes/js/HTML5Shiv.js"/script????
![endif]--
