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

25,826 Responses

  1. Clinterete表示:

    http://farmasilditaly.com/# pillole per erezione in farmacia senza ricetta
    Farmacie online sicure

  2. You’ll Never Be Able To Figure Out This Cheapest Rollator Walker With Seat’s Tricks cheapest rollator walker with seat (hikvisiondb.webcam)

  3. Edwardopele表示:

    migliori farmacie online 2024: Cialis generico – acquisto farmaci con ricetta

  4. Clinterete表示:

    http://farmaprodotti.com/# top farmacia online
    farmacia online

  5. arigami.io表示:

    Онлайн-примерка становится все более популярной среди онлайн-магазинов благодаря своей удобности и точности. С помощью [url=https://arigami.io/augmented_reality]AR примерки онлайн[/url], ваши клиенты смогут «примерить» товары перед покупкой, что значительно улучшит их опыт взаимодействия с вашим сайтом и повысит вероятность совершения покупок. Такие решения помогают создать уникальные пользовательские впечатления и привлечь больше внимания к вашему бренду.

  6. NathanSal表示:

    Farmacia online miglior prezzo Ibuprofene 600 prezzo senza ricetta Farmacia online piГ№ conveniente

  7. It’s going to be ending of mine day, except before finish I am reading this fantastic paragraph to improve my experience.

  8. MichaelUsaws表示:

    http://farmatadalitaly.com/# farmacie online autorizzate elenco
    farmaci senza ricetta elenco

  9. BradleyThine表示:

    п»їFarmacia online migliore: Cialis generico – farmacie online affidabili
    acquistare farmaci senza ricetta

  10. Edwardopele表示:

    migliori farmacie online 2024: Cialis generico – comprare farmaci online con ricetta

  11. Full Report表示:

    Superb blog! Do you have any hints for aspiring writers? I’m planning to start my own blog soon but I’m a
    little lost on everything. Would you suggest starting with
    a free platform like WordPress or go for a paid option? There are so many options out
    there that I’m totally overwhelmed .. Any recommendations?
    Thank you!

  12. MichaelUsaws表示:

    http://farmatadalitaly.com/# п»їFarmacia online migliore
    Farmacia online miglior prezzo

  13. BradleyThine表示:

    viagra ordine telefonico: FarmaSildItaly – miglior sito dove acquistare viagra
    Farmacie online sicure

  14. NathanSal表示:

    acquistare farmaci senza ricetta Brufen senza ricetta farmacia online senza ricetta

  15. Clinterete表示:

    http://farmasilditaly.com/# viagra cosa serve
    comprare farmaci online con ricetta

  16. Edwardopele表示:

    kamagra senza ricetta in farmacia: Farma Sild Italy – viagra ordine telefonico

  17. MichaelUsaws表示:

    https://farmabrufen.com/# Brufen senza ricetta
    farmacie online sicure

  18. Clinterete表示:

    https://farmatadalitaly.com/# Farmacie on line spedizione gratuita
    farmacia online

  19. 14 Cartoons About Mesothelioma Asbestos Claim That Will Brighten Your Day Mesothelioma Lawsuits

  20. BradleyThine表示:

    migliori farmacie online 2024: Farma Prodotti – migliori farmacie online 2024
    farmacia online

  21. Edwardopele表示:

    farmaci senza ricetta elenco: Farma Prodotti – farmacie online autorizzate elenco

  22. MichaelUsaws表示:

    https://farmaprodotti.shop/# farmacie online sicure
    top farmacia online

  23. MichaelUsaws表示:

    https://farmatadalitaly.com/# farmacia online piГ№ conveniente
    top farmacia online

  24. MichaelUsaws表示:

    https://farmasilditaly.shop/# viagra 100 mg prezzo in farmacia
    comprare farmaci online all’estero

  25. Clinterete表示:

    https://farmasilditaly.com/# viagra ordine telefonico
    Farmacie online sicure

  26. NathanSal表示:

    top farmacia online FarmTadalItaly farmacia online piГ№ conveniente

  27. Jamesagofs表示:

    Рекомендую обратиться к проверенным хакерам за услугой – Взлом google

  28. Edwardopele表示:

    comprare farmaci online con ricetta: BRUFEN prezzo – п»їFarmacia online migliore

發佈留言

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