1. 首頁
  2. »
  3. 行動裝罝
  4. »
  5. Apple
  6. »
  7. iOS
  8. »
  9. 「Textastic」平板專用的網頁編輯器,讓iPad也可輕鬆的修改網頁

「Textastic」平板專用的網頁編輯器,讓iPad也可輕鬆的修改網頁

2016/08/01

梅問題-Textastic-iOS中專用的網頁編輯器,讓iPad也可輕鬆的修改網頁

  那天在上課時,有學員竟然拿出iPad與梅干討論網頁,不但網頁中的原始碼有高亮效果外,還可相當方便編輯,甚至編輯好的網頁還可立即FTP到主機中,讓梅干頓時間好奇了起來了,梅干從來沒想過可以在iPad中來編輯網頁,且還這麼的方便,於是下課後,梅干也立即的安裝Textastic的APP,一用之下讓梅干更是愛不釋手,不但好編輯之外,內建還有firebug的除錯功能,一點也不輸給電腦,這也讓梅干的iPad mini找到第二春,而該APP除了支援iPad外,同時也支援iPhone,甚至也有MAC版,因此身為網頁設計的朋友,千萬不能錯過這個這麼好用的APP啦!


Textastic

軟體名稱:Textastic
支援平台:iOS、MAC
軟體性質:iOS NT$300/MAC NT$240
軟體官網:https://www.textasticapp.com/

Step1
而這一套Textastic並非免費的,下載並安裝完畢後,APP圖示也相當的簡單,點一下開啟Textastic。
梅問題-Textastic-iOS中專用的網頁編輯器,讓iPad也可輕鬆的修改網頁


Step2
開啟後,第一件事情就是把網頁的檔案匯入iPad中,點左下的地球圖示。
梅問題-Textastic-iOS中專用的網頁編輯器,讓iPad也可輕鬆的修改網頁


Step3
再點右上角的加號,就可選擇要匯入的方式。
梅問題-Textastic-iOS中專用的網頁編輯器,讓iPad也可輕鬆的修改網頁


Step4
而梅干個人比較習慣使用FTP。
梅問題-Textastic-iOS中專用的網頁編輯器,讓iPad也可輕鬆的修改網頁


Step5
建立好連線後,點一下立即連線。
梅問題-Textastic-iOS中專用的網頁編輯器,讓iPad也可輕鬆的修改網頁


Step6
當連線完成後,選擇要下載的資料夾,與要複製到iPad的目錄後,再按下方的Download。
梅問題-Textastic-iOS中專用的網頁編輯器,讓iPad也可輕鬆的修改網頁


Step7
這時就會開始將FTP中的檔案,下載到iPad中。
梅問題-Textastic-iOS中專用的網頁編輯器,讓iPad也可輕鬆的修改網頁


Step8
下載完畢後,開啟網頁,這時就會看到網頁的原始碼,而這邊讓梅干覺得最方便的地方,就是二指點一下螢幕後,就會開啟右邊的圓盤型選取器,有這選取器後,在選取網頁原始碼就更加的方便。
梅問題-Textastic-iOS中專用的網頁編輯器,讓iPad也可輕鬆的修改網頁


Step9
甚至還可以點選網頁中的CSS樣式,並且還會跳到所選擇的CSS樣式。
梅問題-Textastic-iOS中專用的網頁編輯器,讓iPad也可輕鬆的修改網頁


Step10
當編輯完畢後,除了可瀏覽結果畫面外,最讓梅干感到驚訝的是,竟然Textastic內建的瀏覽器還支援Firebug除錯功能,有了這功能後,就可快速的找出網頁的問題所在,因此身為網設的朋友們,也趕快來下載囉!
梅問題-Textastic-iOS中專用的網頁編輯器,讓iPad也可輕鬆的修改網頁