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...

27,281 Responses

  1. Perryzoozy表示:

    SildГ©nafil 100 mg prix en pharmacie en France Viagra sans ordonnance 24h Viagra sans ordonnance livraison 24h

  2. Тут можно преобрести взломостойкий сейф для дома купить взломостойкие сейфы

  3. NorbertKep表示:

    SildГ©nafil 100 mg sans ordonnance: viagra en ligne – Viagra en france livraison rapide

  4. Richardprurf表示:

    https://kamagrameilleurprix.com/# pharmacie en ligne france pas cher
    pharmacie en ligne pas cher

  5. Jacobbep表示:

    Pharmacie en ligne livraison Europe http://pharmaciemeilleurprix.com/# Pharmacie en ligne livraison Europe

  6. Jacobbep表示:

    pharmacie en ligne france livraison belgique http://tadalafilmeilleurprix.com/# pharmacie en ligne pas cher

  7. NorbertKep表示:

    Viagra pas cher livraison rapide france: acheter du viagra – Meilleur Viagra sans ordonnance 24h

  8. NorbertKep表示:

    Achat mГ©dicament en ligne fiable: Pharmacies en ligne certifiees – pharmacie en ligne france livraison internationale

  9. Richardprurf表示:

    http://pharmaciemeilleurprix.com/# pharmacie en ligne pas cher
    Pharmacie sans ordonnance

  10. Hi there, I found your site by means of Google at the same time as searching for a similar subject, your website got here up, it looks good.

    I have bookmarked it in my google bookmarks.
    Hello there, simply was aware of your blog thru Google, and found that it is truly informative.
    I am gonna watch out for brussels. I’ll appreciate when you proceed this in future.
    Numerous folks will likely be benefited from your writing.

    Cheers!

    Also visit my page :: MACAUSLOT88 Demo (https://www.footballbearsofficialonline.com/)

  11. Richardprurf表示:

    https://kamagrameilleurprix.com/# pharmacie en ligne france pas cher
    Achat mГ©dicament en ligne fiable

  12. Richardprurf表示:

    https://pharmaciemeilleurprix.com/# pharmacie en ligne fiable
    pharmacie en ligne livraison europe

  13. Perryzoozy表示:

    Viagra pas cher paris viagra sans ordonnance Viagra gГ©nГ©rique sans ordonnance en pharmacie

  14. NorbertKep表示:

    pharmacie en ligne pas cher: kamagra livraison 24h – pharmacie en ligne france livraison internationale

  15. Diplomi_qopt表示:

    можно ли купить аттестат в школе можно ли купить аттестат в школе .

  16. Jesussloto表示:

    Hello new kraken marketing

  17. Jacobbep表示:

    pharmacie en ligne avec ordonnance https://tadalafilmeilleurprix.com/# pharmacie en ligne avec ordonnance

  18. NorbertKep表示:

    п»їViagra sans ordonnance 24h: Acheter Viagra Cialis sans ordonnance – Viagra pas cher inde

  19. Richardprurf表示:

    https://pharmaciemeilleurprix.shop/# pharmacie en ligne avec ordonnance
    pharmacie en ligne avec ordonnance

  20. Perryzoozy表示:

    pharmacie en ligne france livraison belgique kamagra gel vente de mГ©dicament en ligne

  21. ZaperzaPrita表示:

    Хотите сохранить авто и получить займ? займ под залог автомобиля москва решит ваши финансовые проблемы. Право пользования остается за вами. Быстрое оформление. Без проверки кредитной истории. Деньги выдаем за час. Работаем круглосуточно.

  22. Jacobbep表示:

    vente de mГ©dicament en ligne https://viagrameilleurprix.com/# Viagra pas cher inde

  23. NorbertKep表示:

    Viagra homme prix en pharmacie sans ordonnance: Viagra sans ordonnance 24h – SildГ©nafil 100 mg sans ordonnance

  24. Perryzoozy表示:

    pharmacie en ligne france livraison internationale kamagra oral jelly acheter mГ©dicament en ligne sans ordonnance

  25. Perryzoozy表示:

    pharmacie en ligne france fiable Tadalafil sans ordonnance en ligne Pharmacie sans ordonnance

  26. NorbertKep表示:

    pharmacie en ligne france livraison belgique: pharmacie en ligne – acheter mГ©dicament en ligne sans ordonnance

  27. Perryzoozy表示:

    Pharmacie en ligne livraison Europe cialis prix Pharmacie sans ordonnance

  28. Web 版Skype 是享受您在傳統型應用程式中熟悉的Skype 功能最簡單的方法,而不需要下載。 您可以登入Web 版Skype 然後立即開始聊天。https://www.skypeie.com

發佈留言

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