分享 – 免費 CSS & Javascript 智能提示編輯器

市面上有不少的免費網頁編輯軟體,若要有智能型提示,大家可能會選擇aptana,它確實是一個不錯的選擇,但一直令人詬病的問題就是開啟的速度相當慢,因此大家便會使用Eclipse再把aptana外掛進去,雖然速度提升了,但卻要一個又裝一個,想到這梅干就有點懶了,昨天不死心,上網爬爬看,難道沒有免費又同時有智能型的提示?

CSS 教學 - 網頁排版 JavaScript 程式設計  - 分享 - 免費 CSS & Javascript 智能提示編輯器 - freejsedit00

哈~果真被梅干給找到了,那就是Free Javascript Editor,它不但免費且開啟速度超快,同時也擁有智能型提示,經梅干測試後,覺得相當的便利,對於編輯網頁有相當大的幫助,一點也不遜色於Dreamweaver


▪ 工具名稱:Free JavaScript Editor
▪ 工具版本:4.2
▪ 官方下載:http://www.yaldex.com/
這一個工具真的很有趣,3.8版需要付費,但到了4.2版卻提供了永久的免費使用,這真是個好消息,因此各位可直接從官網下載4.2版的。


Step1
首頁,先來試試看css的部分,哈~看到了嗎?當打相關屬性的開頭名詞時,則會自動出現智能提示,成功!
CSS 教學 - 網頁排版 JavaScript 程式設計  - 分享 - 免費 CSS & Javascript 智能提示編輯器 - freejsedit01


Step2
接下來,換Javascript看看,哈~一樣的也會出現智能型提示,但目前尚未支援jQuery,有點可惜,但有提供Javascript也算是蠻不錯的了,這就直逼Dreamweaver CS4了,成功!
CSS 教學 - 網頁排版 JavaScript 程式設計  - 分享 - 免費 CSS & Javascript 智能提示編輯器 - freejsedit02


Step3
都編輯好後,上方有顆地球,按一下就可預覽剛我們所製作的內容結果了,真是一個小巧好用的編輯器,外該編輯器也支援php、aspx,有興的朋友們不坊可試看看。
CSS 教學 - 網頁排版 JavaScript 程式設計  - 分享 - 免費 CSS & Javascript 智能提示編輯器 - freejsedit03


ps.若要變成隨身版的話,把安裝好的資料夾直接拷貝出來,放到隨身碟就可隨時使用了~
官網 http://www.yaldex.com/Free_JavaScript_Editor.htm 也有更詳盡介紹與解說。

by
梅干桑
老師

 

當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!

 

關於「姜智豪 老師」

於 1996 年開始從事網頁設計工作 20 多年,參與設計過許多網站專案的開發,一直熱衷網頁設計工作至今。從 1998 年開始從事教學工作,對於網頁設計教學有相當高的熱忱,於 2006 年創立飛肯設計學苑。主要專長 Photoashop、 HTML、CSS、RWD、JavaScript、jQuery 等網頁技術,對於 SEO 優化搜尋引擎排名提昇,以及 Instructional Design 教學專案設計亦有深入的研究。
posted in CSS 教學 - 網頁排版, JavaScript 程式設計 and tagged , , .

留言功能已關閉。