Mozilla Thimble 在網頁上做網頁

做網頁的工具很多,舉凡以圖形介面為主的Dreamweaver或以文字編輯器為主的Brackets、Sublime Text…等等,但都必須要額外安裝才能使用,本篇文章介紹的Mozilla Thimble是一個線上編輯器,名符其實的是「在網頁上做網頁」、「網頁上的網頁編輯器」、「取之於網頁用之於網頁」,這樣的繞口令就別再說下去了,來看看他的介面吧!

進入官網之後,可以選擇點選「Start a project from scratch」來開始一個新的專案,或是透過下方已有的專案範本來編輯網頁。

Mozilla Thimble 網站截圖
Mozilla Thimble 網站截圖

而網頁編輯的介面如下,比較偏文字編輯器的介面。

Mozilla Thimble 編輯器介面
Mozilla Thimble 編輯器介面

當然在網頁編輯的部分就是利用大家所熟悉的HTML、CSS、javascript語法來進行,編輯器與Brackets的使用方式差不多(感覺有技術合作),例如:快速編輯是Ctrl+E;新增註解是Ctrl+/,基本的使用方式可以參考這篇文章,介面中的右側是Live Preview視窗,也可以直接切換成手機版面預覽,若是有需要在頁面中放入自己電腦裡面的檔案,可以利用左上角的「+」上傳,單檔容量限制為3MB。

比較特別的是若你有登入會員(免費),在網頁開發完成之後,可以透過右上角的Publish來公開自己的網頁,確定公開後會提供一個你專屬的網址,可以把網頁公開給大家瀏覽。

在Mozilla Thimble的網站上也有此款編輯器的教學:

不過大家要注意的是,目前此編輯器的網頁編輯功能僅有HTML、CSS、Javascript,不包含PHP、ASP…等動態網頁語法,希望未來真的可以進化到這種地步,那以後我們電腦裡面就不必安裝網頁設計軟體了!

You may also like...

31,706 Responses

  1. AlbertoHip表示:

    reliable online pharmacy Cialis: generic tadalafil – secure checkout ED drugs

  2. Ronaldpayon表示:

    https://maxviagramd.shop/# trusted Viagra suppliers

  3. JeremyMelty表示:

    online Cialis pharmacy: discreet shipping ED pills – FDA approved generic Cialis

  4. Ronaldpayon表示:

    http://modafinilmd.store/# buy modafinil online

  5. JeremyMelty表示:

    order Viagra discreetly: buy generic Viagra online – legit Viagra online

  6. AlbertoHip表示:

    generic sildenafil 100mg: fast Viagra delivery – order Viagra discreetly

  7. JeremyMelty表示:

    same-day Viagra shipping: buy generic Viagra online – buy generic Viagra online

  8. RobertRef表示:

    discreet shipping ED pills: discreet shipping ED pills – cheap Cialis online

  9. LorenzoLiate表示:

    doctor-reviewed advice modafinil legality doctor-reviewed advice

  10. RobertRef表示:

    safe online pharmacy: legit Viagra online – best price for Viagra

  11. JeremyMelty表示:

    buy modafinil online: verified Modafinil vendors – purchase Modafinil without prescription

  12. Ronaldpayon表示:

    http://modafinilmd.store/# purchase Modafinil without prescription

  13. RobertRef表示:

    safe modafinil purchase: modafinil 2025 – verified Modafinil vendors

  14. LorenzoLiate表示:

    FDA approved generic Cialis reliable online pharmacy Cialis buy generic Cialis online

  15. AlbertoHip表示:

    generic sildenafil 100mg: secure checkout Viagra – safe online pharmacy

  16. Ronaldpayon表示:

    https://zipgenericmd.shop/# best price Cialis tablets

  17. AlbertoHip表示:

    fast Viagra delivery: no doctor visit required – buy generic Viagra online

  18. Ronaldpayon表示:

    https://modafinilmd.store/# verified Modafinil vendors

  19. JeremyMelty表示:

    buy modafinil online: safe modafinil purchase – doctor-reviewed advice

  20. JeremyMelty表示:

    modafinil 2025: modafinil legality – modafinil 2025

  21. RobertRef表示:

    reliable online pharmacy Cialis: generic tadalafil – generic tadalafil

  22. JeremyMelty表示:

    Viagra without prescription: trusted Viagra suppliers – secure checkout Viagra

  23. RobertRef表示:

    doctor-reviewed advice: doctor-reviewed advice – Modafinil for sale

  24. LorenzoLiate表示:

    buy generic Viagra online safe online pharmacy buy generic Viagra online

  25. AlbertoHip表示:

    generic tadalafil: buy generic Cialis online – order Cialis online no prescription

  26. LorenzoLiate表示:

    modafinil pharmacy doctor-reviewed advice modafinil 2025

  27. Ronaldpayon表示:

    https://zipgenericmd.shop/# Cialis without prescription

  28. RobertRef表示:

    online Cialis pharmacy: affordable ED medication – secure checkout ED drugs

  29. Ronaldpayon表示:

    http://zipgenericmd.com/# Cialis without prescription

發佈回覆給「Ronaldpayon」的留言 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。