![梅問題-Textastic-iOS中專用的網頁編輯器,讓iPad也可輕鬆的修改網頁](http://photo.minwt.com/img/Content/ios/textastic/textastic-ios-mac_00.jpg)
那天在上課時,有學員竟然拿出iPad與梅干討論網頁,不但網頁中的原始碼有高亮效果外,還可相當方便編輯,甚至編輯好的網頁還可立即FTP到主機中,讓梅干頓時間好奇了起來了,梅干從來沒想過可以在iPad中來編輯網頁,且還這麼的方便,於是下課後,梅干也立即的安裝Textastic的APP,一用之下讓梅干更是愛不釋手,不但好編輯之外,內建還有firebug的除錯功能,一點也不輸給電腦,這也讓梅干的iPad mini找到第二春,而該APP除了支援iPad外,同時也支援iPhone,甚至也有MAC版,因此身為網頁設計的朋友,千萬不能錯過這個這麼好用的APP啦!
Textastic
Step1
而這一套Textastic並非免費的,下載並安裝完畢後,APP圖示也相當的簡單,點一下開啟Textastic。
![梅問題-Textastic-iOS中專用的網頁編輯器,讓iPad也可輕鬆的修改網頁](http://photo.minwt.com/img/Content/ios/textastic/textastic-ios-mac_01.jpg)
Step2
開啟後,第一件事情就是把網頁的檔案匯入iPad中,點左下的地球圖示。
![梅問題-Textastic-iOS中專用的網頁編輯器,讓iPad也可輕鬆的修改網頁](http://photo.minwt.com/img/Content/ios/textastic/textastic-ios-mac_02.jpg)
Step3
再點右上角的加號,就可選擇要匯入的方式。
![梅問題-Textastic-iOS中專用的網頁編輯器,讓iPad也可輕鬆的修改網頁](http://photo.minwt.com/img/Content/ios/textastic/textastic-ios-mac_03.jpg)
Step4
而梅干個人比較習慣使用FTP。
![梅問題-Textastic-iOS中專用的網頁編輯器,讓iPad也可輕鬆的修改網頁](http://photo.minwt.com/img/Content/ios/textastic/textastic-ios-mac_04.jpg)
Step5
建立好連線後,點一下立即連線。
![梅問題-Textastic-iOS中專用的網頁編輯器,讓iPad也可輕鬆的修改網頁](http://photo.minwt.com/img/Content/ios/textastic/textastic-ios-mac_05.jpg)
Step6
當連線完成後,選擇要下載的資料夾,與要複製到iPad的目錄後,再按下方的Download。
![梅問題-Textastic-iOS中專用的網頁編輯器,讓iPad也可輕鬆的修改網頁](http://photo.minwt.com/img/Content/ios/textastic/textastic-ios-mac_06.jpg)
Step7
這時就會開始將FTP中的檔案,下載到iPad中。
![梅問題-Textastic-iOS中專用的網頁編輯器,讓iPad也可輕鬆的修改網頁](http://photo.minwt.com/img/Content/ios/textastic/textastic-ios-mac_07.jpg)
Step8
下載完畢後,開啟網頁,這時就會看到網頁的原始碼,而這邊讓梅干覺得最方便的地方,就是二指點一下螢幕後,就會開啟右邊的圓盤型選取器,有這選取器後,在選取網頁原始碼就更加的方便。
![梅問題-Textastic-iOS中專用的網頁編輯器,讓iPad也可輕鬆的修改網頁](http://photo.minwt.com/img/Content/ios/textastic/textastic-ios-mac_08.jpg)
Step9
甚至還可以點選網頁中的CSS樣式,並且還會跳到所選擇的CSS樣式。
![梅問題-Textastic-iOS中專用的網頁編輯器,讓iPad也可輕鬆的修改網頁](http://photo.minwt.com/img/Content/ios/textastic/textastic-ios-mac_09.jpg)
Step10
當編輯完畢後,除了可瀏覽結果畫面外,最讓梅干感到驚訝的是,竟然Textastic內建的瀏覽器還支援Firebug除錯功能,有了這功能後,就可快速的找出網頁的問題所在,因此身為網設的朋友們,也趕快來下載囉!
![梅問題-Textastic-iOS中專用的網頁編輯器,讓iPad也可輕鬆的修改網頁](http://photo.minwt.com/img/Content/ios/textastic/textastic-ios-mac_10.jpg)