Web Editor Lite這個(gè)手機(jī)APP就可以，專門用于在手機(jī)上編寫網(wǎng)頁程序，免費(fèi)、輕巧、靈活，下面我簡單介紹一下這個(gè)APP的安裝和使用，主要內(nèi)容如下：

1.首先，下載安裝Web Editor Lite，這個(gè)直接在手機(jī)應(yīng)用商店中就可以找到，如下，大概也就400K左右，直接下載安裝就行：

2.安裝完成后，打開這個(gè)軟件，主界面如下，比較簡單，主要分為3個(gè)部分，分別是New File、Open File和About APP：

3.這里我們點(diǎn)擊New File進(jìn)去，就會(huì)進(jìn)入到新建頁面，這里支持5種類型文件的編寫，分別是HTML、JavaScript、CSS、PHP和Text ，如下：

4.點(diǎn)擊HTML，就會(huì)直接進(jìn)入到網(wǎng)頁編寫界面，這時(shí)你就可以編寫HTML代碼了，效果如下，這里會(huì)自動(dòng)將標(biāo)簽和屬性標(biāo)注為高亮顯示出來，非常不錯(cuò)：

5.編寫完成后，直接點(diǎn)擊右上角的保存按鈕，輸入文件名，即可將文件保存到本地，非常方便，如下，后期需要運(yùn)行網(wǎng)頁，查看效果的話，下載一下對(duì)應(yīng)插件就行：

至此，我們就完成了Web Editor Lite的安裝和簡單使用?？偟膩碚f，這個(gè)軟件使用起來非常不錯(cuò)，對(duì)于手機(jī)制作網(wǎng)頁來說完全夠用了，偶爾使用一下還是可以的，但是真的搞開發(fā)的話，建議還是在電腦上進(jìn)行，編寫、調(diào)試、運(yùn)行代碼更方便，希望以上分享的內(nèi)容能對(duì)你有所幫助吧，也歡迎大家評(píng)論、留言進(jìn)行補(bǔ)充。

打代碼吧，文件后綴改一改就ok了。把css\js\html寫在一塊

個(gè)人網(wǎng)站設(shè)計(jì)制作步驟？

1、首先下載安裝Dreamweaver，打開后，新建一個(gè)網(wǎng)頁，一般選擇“HTML”建立網(wǎng)頁。選擇“經(jīng)典”界面，有助于我們更便捷使用這個(gè)軟件。

2、下面選擇這三個(gè)界面，代碼、拆分、設(shè)計(jì)，一般默認(rèn)設(shè)計(jì)界面，對(duì)于新手這個(gè)功能具有可視化，能更好地制作網(wǎng)頁。

3、下面我們來制作網(wǎng)站站點(diǎn)，在電腦上建一個(gè)文件作為根目錄。我們所建網(wǎng)站的所有文件和網(wǎng)頁都保存在這個(gè)文件中。站點(diǎn)的作用就是使你的網(wǎng)站網(wǎng)頁之間框架清晰。同時(shí)給站點(diǎn)起個(gè)名字。

4、然后再在站點(diǎn)根目錄下建立一個(gè)專門儲(chǔ)存網(wǎng)站圖片的文件，并設(shè)置默認(rèn)。這樣你添加到這個(gè)網(wǎng)站的所有圖片都自動(dòng)保存到這個(gè)文件，不會(huì)丟失。注意文件命名要用英文。下面我用我建立的（籃球資訊網(wǎng)）來介紹，點(diǎn)擊右下方籃球資訊網(wǎng)——下拉點(diǎn)擊管理站點(diǎn)——點(diǎn)擊高級(jí)設(shè)置——設(shè)置默認(rèn)圖像文件夾為剛建立的images。保存。

5、下面我們來制作這個(gè)網(wǎng)站首頁，先學(xué)習(xí)添加圖片。插入——圖像——選擇素材添加。

6、下面學(xué)習(xí)添加文本。編輯“籃球資訊網(wǎng)”，下面屬性可以設(shè)置文本字體、添加超鏈接等等，點(diǎn)擊頁面屬性，可以詳細(xì)編輯文本屬性。

7、網(wǎng)頁基本就是文字和圖片的組合，添加視頻還需要學(xué)習(xí)者好好搜索Dreamweaver的使用視頻加以學(xué)習(xí)。最后制作完一個(gè)網(wǎng)頁要記得保存。左上角文件——保存。

8、最后我們學(xué)習(xí)添加超鏈接。我用建立的第二個(gè)網(wǎng)頁來做示范。選中籃球資訊網(wǎng)文本，點(diǎn)擊頁面下方屬性——鏈接——點(diǎn)文件小按鈕——選中第一個(gè)網(wǎng)頁，這樣籃球資訊網(wǎng)文本變成藍(lán)色。這是網(wǎng)站內(nèi)部鏈接，相反就有外部鏈接。

9、最后我們?yōu)g覽網(wǎng)頁。左上角文件——在瀏覽器中瀏覽網(wǎng)頁，點(diǎn)擊網(wǎng)頁中兩個(gè)鏈接都能到達(dá)指定網(wǎng)頁。