網站建設并不是一件簡單的事情，一個好的網站不但里面包含的內容要全面，而且還要能夠持續運轉，為我們帶來流量。東莞菌簡單為大家介紹一下網站建設的基本步驟，希望能夠幫助大家更好的了解網站建設。
網站建設的基本步驟：
1)站點定位：確定網站的功能與定位。這是確定到底是做什么，我們要做的是什么網站？網站的主題？風格？叫什么名字？展示的主要內容？等
2)做好準備材料：收集和整理相關信息。
3)設置欄目：欄目的實質是一個網站的大綱索引，網站應該明確顯示出來的主要指標。
4)界面設計：根據訪問對象提供信息，使它的一個最合適的網頁的結構、網頁布局
5)網頁測試與發布：包括功能性測試和完整性測試。所謂功能性測試是保證網頁內容組織的可用性，達到了最初的設計目標，執行規定的功能，讀者可以很容易地迅速找到所需要的內容。完整性測試是確保頁面內容顯示正確，連接正確，無誤和表達。如果錯誤是在測試過程中發現，修改，準確，可以正式發布在互聯網上。網頁設計是好的，它必須被發布到網上，或網站的圖像仍然不能顯示出來，就進行必要的局部調整。
6) 推廣和維護：網站沒有推廣，很容易成為信息孤島，長期沒有多少人訪問，逐漸失去了建立的意義。
我們應該注意的2個問題是，網頁的標題要簡潔，清晰。網頁中插入圖片盡可能的小。
這六個步驟是網站建設中必須要有的，缺了哪一步都不可以。
HTML5是HTML最新的修訂版本，2014年10月由萬維網聯盟（W3C）完成標準制定。
HTML5的設計目的是為了在移動設備上支持多媒體。
HTML5 簡單易學。
HTML5 是下一代 HTML 標準。
HTML , HTML 4.01的上一個版本誕生于 1999 年。自從那以后，Web 世界已經經歷了巨變。
HTML5 仍處于完善之中。然而，大部分現代瀏覽器已經具備了某些 HTML5 支持。
HTML5 是 W3C 與 WHATWG 合作的結果,WHATWG 指 Web Hypertext Application Technology Working Group。。
WHATWG 致力于 web 表單和應用程序，而 W3C 專注于 XHTML 2.0。在 2006 年，雙方決定進行合作，來創建一個新版本的 HTML。
HTML5 中的一些有趣的新特性：
- 用于繪畫的 canvas 元素
- 用于媒介回放的 video 和 audio 元素
- 對本地離線存儲的更好的支持
- 新的特殊內容元素，比如 article、footer、header、nav、section
- 新的表單控件，比如 calendar、date、time、email、url、search
聲明必須位于 HTML5 文檔中的第一行,使用非常簡單
下面是一個簡單的HTML5文檔：
HTML5 的改進
- 新元素
- 新屬性
- 完全支持 CSS3
- Video 和 Audio
- 2D/3D 制圖
- 本地存儲
- 本地 SQL 數據
- Web 應用
HTML5 多媒體
使用 HTML5 你可以簡單的在網頁中播放 視頻(video)與音頻 (audio) 。
- HTML5
- HTML5
HTML5 應用
使用 HTML5 你可以簡單地開發應用
- 本地數據存儲
- 訪問本地文件
- 本地 SQL 數據
- 緩存引用
- Javascript 工作者
- XHTMLHttpRequest 2
HTML5 圖形
使用 HTML5 你可以簡單的繪制圖形:
- 使用
- 使用內聯 SVG。
- 使用 CSS3 2D 轉換、CSS3 3D 轉換。
HTML5 使用 CSS3
- 新選擇器
- 新屬性
- 動畫
- 2D/3D 轉換
- 圓角
- 陰影效果
- 可下載的字體
了解更多CSS3知識請查看本站的 CSS3 教程。
HTML5 表單
新表單元素, 新屬性，新輸入類型，自動驗證。
已移除元素
以下的 HTML 4.01 元素在HTML5中已經被刪除:
<br/></li><li><strike><br/></li></ul></div><p><br/></p></div> </div> <div class="content_item_contactinfo"> <div><span class="iconfont icon-combinedshape"></span>東莞菌</div> <div><span class="iconfont icon-huifushu-"></span>暫無回答，快來搶首答吧！ <span style="margin-left:11px;"></span></div> </div> </div> </a> <div class="page_box"> </div> </div> </div> <style> .foot_box {max-width: 1200px; margin: auto; background: #fff; padding: 20px 23px 50px 23px; border-top: 2px solid #eee;} .foot_box .title {font-size: 18px; color: #333; margin-bottom: 10px;} .foot_box .foot_menu li {display: inline-block; min-width: 86px; text-align: center; margin: 20px 15px 0 0;} .foot_box .foot_menu li:last-child {margin-right: 0;} .foot_box .foot_menu li a {display: block; padding: 10px 15px; line-height: 1; font-size: 14px; color: #666; background: #eee;} @media (max-width: 768px) { .foot_box {padding: 30px 15px;} .foot_box .title {font-size: 16px;} .foot_box .foot_menu li {width: calc((100% - 30px) / 3); margin-right: 15px; background: #E4E4E4;} .foot_box .foot_menu li:nth-child(3n) {margin-right: 0;} .foot_box .foot_menu li a {font-size: 12px;} } </style> <div class="foot_box"> <p class="title">網站導航：</p> <ul class="foot_menu"> <li> <a href="http://www.kabaproducts.com/pinpai" target="_blank"> 品牌首頁 </a> </li><li> <a href="http://www.kabaproducts.com/baike" target="_blank"> 企業百科 </a> </li><li> <a href="http://www.kabaproducts.com/wenda" target="_blank"> 企業問答 </a> </li><li> <a href="http://www.kabaproducts.com/tieba" target="_blank"> 企業貼吧 </a> </li><li> <a href="http://www.kabaproducts.com/pinpai#content_card" target="_blank"> H5名片 </a> </li><li> <a href="http://www.kabaproducts.com/mp4" target="_blank"> 企業視頻 </a> </li><li> <a href="http://www.kabaproducts.com" target="_blank"> 企業官網 </a> </li> </ul> </div><script> $('.enterprise_head_menu_pc li[data-type="EnterpriseTieba"] a').addClass('active'); $('.enterprise_head_menu_mobile_list .enterprise_head_menu li[data-type="EnterpriseTieba"] a').addClass('active'); $('.icon-sousuo').click(function(){ window.location.href='/EnterpriseTieba/'+$(this).parent().find('.hotKeywordsearch').val(); }) </script> </body> </html>