-
1 # 木易研修院
-
2 # 小小猿愛嘻嘻
除了做網頁，也可以做桌面GUI開發，下面我介紹一下，如何使用html做桌面開發，主要藉助NW.js這個工具（NW.js是Intel開發的一個基於node.js和chromium的程式執行環境），可以快速的打包html程式，實驗環境win7，主要內容如下：
為了方便演示，這裡新建了一個app.html網頁，主要程式碼如下，很簡單，就一行文字內容，下面的內容都以這個網頁為例：
用瀏覽器開啟這個網頁，介面如下：
1.首先，下載NW.js，這個直接在官網下載就行，地址https://nwjs.io/，如下：
2.下載完成後，解壓這個zip檔案到一個新目錄中，解壓後內容如下：
3.在當前目錄下新建一個hello目錄，將app.html複製到這個目錄中，同時新建一個package.json檔案，內容如下，主要指明應用入口檔案和應用名稱：
此時hello目錄下內容如下：
4.將app.html和package.json檔案壓縮成hello.zip，同時重新命名為hello.nw，這裡主要修改一下字尾名就行，如下：
5.將hello.nw檔案複製到NW.js解壓目錄下邊，開啟cmd視窗，進入NW.js解壓目錄，輸入命令“copy /b nw.exe+hello.nw hello.exe”，將hello.nw和nw.exe打包成hello.exe檔案：
此時在當前目錄下邊就會生成一個hello.exe檔案，雙擊這個hello.exe檔案，程式就可以正常執行，如下：
6.此時，程式如果移到其他地方還不能正常執行，需要進行打包，這裡需要下載Enigma Virtual Box這個軟體（主要用於打包程式），地址http://enigmaprotector.com/en/downloads.html，如下：
7.接著就是打包程式、進行釋出，在NW.js解壓目錄下邊，除了hello.exe檔案外，其他檔案都放到Virtual Box裡面進行壓縮打包，如下：
8.打包成功後，會在當前目錄下邊生成一個hello_boxed.exe檔案，這個就是打包後可以釋出的程式，如下：
複製這個檔案到任意一個位置，雙擊都可正常執行：
回覆列表
是的。
包含電腦上的網頁，或者手機看到的內嵌式的網頁。
HTML的全拼是HyperText Markup Language，叫超文字標記語言。
為什麼叫超文字？因為網頁裡不僅僅是文字，還包含音訊、影片、連結、圖片，以前還有flash動畫等等。所以才起了一個“超”字。
怎樣使用？Html其實很簡單。
最簡單的頁面是由html這個標籤包圍起來的。
我們看到的這樣<html></html>或<u></u>有前後一樣的東西，就叫標籤，只要瞭解到這些標籤什麼意思，在中間寫的內容就可以了。
比如我們舉個例子：
這段程式碼會產生什麼樣子的效果呢？看下圖
解說：
u標籤是下劃線的意思，能實現這樣的效果；
i標籤是斜體；
h標籤是標題。
剛剛說了，它是超文字標記語言，還可以在裡面放表格
比如這樣一段程式碼在網頁中是個什麼樣子的呢？我們看一下效果
同樣，我們可以在裡面放入音訊和影片等等，大家喜歡的話可以找本資料學一學，邊看邊寫，不需要安裝任何軟體，只要新建一個文字文件，將最後副檔名改為html就可以。
寫完後儲存，用瀏覽器開啟就可以看到實時的效果，簡單吧。
擴充套件你會發現，有些語言的檔案不是html結尾，但裡面也有html的東西，比如jsp、php、還有ruby用的erb，我們看下圖，我手頭上現在只有ruby寫的，用它舉個例子，其它語言大差不差
你會發再，雖然是以erb結尾，但裡面還是能看到html標籤的身影，其實大部分網頁類的語言都以基於html做的，再加進自己的語言的語法。
比如這條就是Ruby on Rails自己的語法
這樣就可以顯示一些html做不到的功能或效果，比如從後臺取資料，然後一條一條展示出來。