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

梅問題-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也可輕鬆的修改網頁

相關文章

「ScriptBrowser」讓iPhone下也能檢視網頁原始碼

「ScriptBrowser」讓iPhone下也能檢視網頁原始碼

「Manfrotto Telephoto 3x」專為iPhone手機攝影而生的3倍增距鏡

「Manfrotto Telephoto 3x」專為iPhone手機攝影而生的3倍增距鏡

「ProCam」讓iPhone拍照就像在操控單眼相機的M模式 (支援B快門)

「ProCam」讓iPhone拍照就像在操控單眼相機的M模式 (支援B快門)

關閉iPhone長按home鈕,開啟Siri的語音控制功能

關閉iPhone長按home鈕,開啟Siri的語音控制功能

「iNetTools」透過iPhone手機也可用Ping指令,讓網路狀況無所遁形

「iNetTools」透過iPhone手機也可用Ping指令,讓網路狀況無所遁形





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。