現(xiàn)在以HBuilder工具編寫為例：
成都創(chuàng)新互聯(lián)公司專注于無棣企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站設(shè)計(jì),商城系統(tǒng)網(wǎng)站開發(fā)。無棣網(wǎng)站建設(shè)公司,為無棣等地區(qū)提供建站服務(wù)。全流程定制網(wǎng)站開發(fā)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)
1. 打開此工具，在項(xiàng)目管理器中右鍵單擊創(chuàng)建一個(gè)web 項(xiàng)目
2.右鍵單擊項(xiàng)目名稱，新建一個(gè)HTML文件----form01.html
!DOCTYPE html
!--
作者：offline
時(shí)間：2017-01-06
描述：form表單
在form標(biāo)簽中，有兩個(gè)經(jīng)常使用的屬性
action：表單提交服務(wù)器地址
method: 表單提交的方法/方式----get/post
其他提交方式---put delete
提交方式----get（默認(rèn)的提交方式）
1.請(qǐng)求的參數(shù)放到地址欄中
2.不安全
3.存在緩存
4.傳輸數(shù)據(jù)的大小收到限制
提交方式----post
1.請(qǐng)求的參數(shù)放到http協(xié)議中
2.相對(duì)安全---賬號(hào)密碼等信息不會(huì)放到地址欄中
3.沒有緩存
4.傳輸數(shù)據(jù)的大小限制較小
修改成post之后，可能會(huì)出現(xiàn)錯(cuò)誤信息。
input標(biāo)簽：定義輸入字段，用戶可在其中輸入數(shù)據(jù)。
屬性：
type 指示 input標(biāo)簽的類型，默認(rèn)的是text
按鈕類型： 普通按鈕 button 重置按鈕 Reset? 提交按鈕 submit
value 定義要顯示的文本。
--
html
head
meta charset="utf-8"
titleform表單1/title
/head
body
form action="" method="post"
?? ?input type="text" name="username" value="zhangsan" /
?? ?input type="submit" value="提交" /
/form
/body
/html
3.查看此網(wǎng)頁(yè)是不是HTML5，主要看表頭
4.HTML5新增了很多新內(nèi)容，具體可以查看API，例如：在網(wǎng)頁(yè)中嵌套音頻/視頻文件的格式
相關(guān)知識(shí)可以去百度百科查看，那里有更詳細(xì)的解釋。善用搜索，善用百科、文庫(kù)之類的知識(shí)資源平臺(tái)。
這里簡(jiǎn)單說一下HTML5，html5是一個(gè)規(guī)范，其最大的特點(diǎn)在于總結(jié)了歷代HTML語(yǔ)言的特點(diǎn)，強(qiáng)化了html語(yǔ)言的功能性和可擴(kuò)展性，把大部分可用的標(biāo)簽和屬性做了統(tǒng)一和規(guī)范。
以往，各瀏覽器都是一家獨(dú)大，夜郎自大，或多或少的都在“發(fā)明”一些自己覺得不錯(cuò)的標(biāo)簽和屬性，導(dǎo)致，網(wǎng)頁(yè)設(shè)計(jì)和制作一直沒有一個(gè)良好的規(guī)范，html5就是把這些以往出現(xiàn)的各種語(yǔ)法和用法，取長(zhǎng)補(bǔ)短的做了一次總結(jié)，同時(shí)，簡(jiǎn)約未來網(wǎng)頁(yè)應(yīng)用的發(fā)展趨勢(shì)，添加了一些新的功能內(nèi)容，可以說，使用html5+css+js就可以開發(fā)一個(gè)動(dòng)態(tài)（數(shù)據(jù)庫(kù)、緩存數(shù)據(jù)、動(dòng)畫等）的網(wǎng)站，在這以前，動(dòng)態(tài)是需要使用asp、php、jsp等動(dòng)態(tài)變成語(yǔ)言實(shí)現(xiàn)的。
可以說，html5是語(yǔ)義化、性能優(yōu)化、體驗(yàn)優(yōu)化的產(chǎn)物，相對(duì)于以往的html5版本，html5還算完美（目前處于草案階段，具體的內(nèi)容還有待完善和商榷）。
html5適合開發(fā)網(wǎng)頁(yè)應(yīng)用，這里的網(wǎng)頁(yè)應(yīng)用是狹義的網(wǎng)頁(yè)應(yīng)用（類似桌面應(yīng)用程序），而且，目前，html5在智能手機(jī)端的應(yīng)用是屬于較為常見的，這得益于智能機(jī)的原始瀏覽器屬性（webkit內(nèi)核，google android和apple IOS都是webkit內(nèi)核的瀏覽器）和其應(yīng)用特性（主要還是流量限制，html5有應(yīng)用緩存功能和本地?cái)?shù)據(jù)庫(kù)）；
騰訊等一些優(yōu)秀的互聯(lián)網(wǎng)產(chǎn)品提供商也開始把自家的網(wǎng)頁(yè)更新到了html5了（QQ郵箱的拖拽上傳、騰訊微博的CSS3圖片、QQ空間的標(biāo)簽語(yǔ)義化等），國(guó)內(nèi)大部分的網(wǎng)頁(yè)設(shè)計(jì)公司和團(tuán)隊(duì)，也逐漸開始設(shè)計(jì)和制作基于html5部分功能的網(wǎng)頁(yè)和網(wǎng)站了；
可以說，html5是一個(gè)趨勢(shì)，是一個(gè)向性能和體驗(yàn)看齊的規(guī)范化趨勢(shì)。關(guān)于網(wǎng)上說的html5的“使命”是干掉flash（《HTML5和Flash之粗知淺見》），個(gè)人以為太過片面，放大了html5的某個(gè)功能而已。
1）像span這樣的行內(nèi)標(biāo)記，定義它的margin-top和margin-bottom是無效的，除非你把它設(shè)置為塊狀元素才可以。Display:block
2）對(duì)于塊狀元素，你可以自由的使用外邊距來定義版式和元素之間的距離。類似 DIV 等等，
3）無論什么元素，一旦設(shè)置為是浮動(dòng)顯示，就擁有了完整的盒模型結(jié)構(gòu)，我們就可以使用外邊距，內(nèi)邊距，邊框，高和寬來控制的大小以及與其他對(duì)象之間的位置關(guān)系。
4）浮動(dòng)是從網(wǎng)頁(yè)布局的角度來定義元素的顯示，而行內(nèi)和塊狀屬性主要是從元素自身的性質(zhì)來定其顯示的。
5）當(dāng)元素沒有定義邊框時(shí)，可以把內(nèi)邊距作為外邊距使用。有時(shí)候外邊距會(huì)有重疊現(xiàn)象的。
6）當(dāng)為元素定義背景圖像時(shí)，內(nèi)邊距區(qū)域內(nèi)可以顯示背景圖像，而對(duì)外邊距區(qū)域來說，背景圖像是達(dá)不到的，他永遠(yuǎn)都是透明狀態(tài)
7）用div+css設(shè)計(jì)網(wǎng)頁(yè)結(jié)構(gòu)時(shí)，設(shè)計(jì)師滿腦子都是網(wǎng)頁(yè)內(nèi)容，而非內(nèi)容所呈現(xiàn)的效果。
8）塊狀元素：不管塊狀元素寬度是多少，他總會(huì)自動(dòng)占據(jù)一行，因?yàn)樵谒┪哺郊恿艘粋€(gè)換行符，而行內(nèi)元素沒有這個(gè)特點(diǎn)。塊狀元素有完整的盒模型結(jié)構(gòu)，可以定義寬度和高度，而行內(nèi)元素沒有這個(gè)特性，無法通過高度來改變文本行的行高。
塊元素的代表標(biāo)記 div
行內(nèi)元素的代表標(biāo)記 span ，行內(nèi)標(biāo)記不具備組織結(jié)構(gòu)框架
9）網(wǎng)頁(yè)布局分為：自然布局，浮動(dòng)布局， 定位布局
10）當(dāng)一個(gè)元素被定義為浮動(dòng)顯示時(shí)，即定義為塊狀元素。并且該元素就會(huì)收縮自身體積為最小狀態(tài)。所以，應(yīng)該有個(gè)好的習(xí)慣即把浮動(dòng)元素設(shè)置高和寬。如果沒有設(shè)置，則元素會(huì)按照它所包含的內(nèi)容大小來確定它的大小。
11）當(dāng)元素浮動(dòng)后，周邊的對(duì)象會(huì)自動(dòng)環(huán)繞浮動(dòng)元素周圍，形成一種環(huán)繞關(guān)系。
12）塊狀元素之間的外邊距會(huì)有重疊現(xiàn)象，但是浮動(dòng)元素之間的外邊距不會(huì)發(fā)聲重疊現(xiàn)象。
13）浮動(dòng)元素移動(dòng)，上移：margin-top:-**; 下移：margin-botom:-*px,其他以此類推。
14）一般定位元素（絕對(duì)或是相對(duì)元素）都會(huì)覆蓋在文檔流對(duì)象之上。但是，select元素的窗口控件還不完全支持z-index
15）在css定位布局中，一般遵循“外部相對(duì)定位，內(nèi)部絕對(duì)定位”
16）在body中設(shè)置min-width:760px,可以避免布局重疊現(xiàn)象。
1. WebSocket API簡(jiǎn)介
首先看一段簡(jiǎn)單的javascript代碼，該代碼調(diào)用了WebSockets的API。
[javascript] view plaincopy
var ws = new WebSocket(“ws://echo.websocket.org”);
ws.onopen = function(){ws.send(“Test!”); };
ws.onmessage = function(evt){console.log(evt.data);ws.close();};
ws.onclose = function(evt){console.log(“WebSocketClosed!”);};
ws.onerror = function(evt){console.log(“WebSocketError!”);};
這份代碼總共只有5行，現(xiàn)在簡(jiǎn)單概述一下這5行代碼的意義。
第一行代碼是在申請(qǐng)一個(gè)WebSocket對(duì)象，參數(shù)是需要連接的服務(wù)器端的地址，同http協(xié)議使用http://開頭一樣，WebSocket協(xié)議的URL使用ws://開頭，另外安全的WebSocket協(xié)議使用wss://開頭。
第二行到第五行為WebSocket對(duì)象注冊(cè)消息的處理函數(shù)，WebSocket對(duì)象一共支持四個(gè)消息 onopen, onmessage, onclose和onerror，當(dāng)Browser和WebSocketServer連接成功后，會(huì)觸發(fā)onopen消息；如果連接失敗，發(fā)送、接收數(shù)據(jù)失敗或者處理數(shù)據(jù)出現(xiàn)錯(cuò)誤，browser會(huì)觸發(fā)onerror消息；當(dāng)Browser接收到WebSocketServer發(fā)送過來的數(shù)據(jù)時(shí)，就會(huì)觸發(fā)onmessage消息，參數(shù)evt中包含server傳輸過來的數(shù)據(jù)；當(dāng)Browser接收到WebSocketServer端發(fā)送的關(guān)閉連接請(qǐng)求時(shí)，就會(huì)觸發(fā)onclose消息。我們可以看出所有的操作都是采用消息的方式觸發(fā)的，這樣就不會(huì)阻塞UI，使得UI有更快的響應(yīng)時(shí)間，得到更好的用戶體驗(yàn)。
1、打開百度，在百度上搜索：易企秀，然后點(diǎn)擊搜索，在搜索的結(jié)果中點(diǎn)擊進(jìn)入易企秀的官方網(wǎng)站。
2、進(jìn)入后，先登錄自己的賬號(hào)，可以直接用QQ微信登錄即可，登錄后就可以開始制作自己的手機(jī)網(wǎng)頁(yè)微場(chǎng)景了。
3、首先點(diǎn)擊【我的場(chǎng)景】接著點(diǎn)擊【制作場(chǎng)景】，接著會(huì)進(jìn)入場(chǎng)景模板選擇界面，里面有很多免費(fèi)的模板。
4、可以在模板中心選擇一個(gè)自己需要的點(diǎn)擊，直接套用模板，也可以選擇自己創(chuàng)建一個(gè)空白頁(yè)面。
5、進(jìn)入后就可以根據(jù)自己的需要，將模板里面的文字圖片和音樂替換成自己需要的即可，如圖所示。
6、還可以給自己的手機(jī)網(wǎng)頁(yè)添加背景音樂，動(dòng)畫效果，跳轉(zhuǎn)鏈接，特效組件等等。
dw自帶生成
!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?""
html?xmlns=""
head
meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/
title無標(biāo)題文檔/title
/head
body
/body
/html
重慶分公司
重慶分公司
