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,937 Responses

  1. AlbertNer表示:

    https://predpharm.com/# Pred Pharm
    prednisone 500 mg tablet

  2. Kingxfz表示:

    How good it is that there are people who are able to so clearly express what many feel https://mjktl.alexey-petrovich-sitnikov.ru/id-9618.html

  3. StephenDeery表示:

    Hi there, this weekend is nice designed for me, since this occasion i am reading this impressive informative post here at my home.
    ответ на игру где логика

  4. Brianlit表示:

    Cyt Pharm buy cytotec CytPharm

  5. Nasosy_jaPl表示:

    насос для канализации насос для канализации .

  6. LarryLog表示:

    PredPharm: Pred Pharm – PredPharm

  7. Waltererync表示:

    Kama Pharm: Kama Pharm – Kama Pharm

  8. Stephen表示:

    20 Fun Details About Accident Injury Lawyers accident injury attorney – Stephen

  9. LarryLog表示:

    semaglutide tablets store: Sema Pharm 24 – Sema Pharm 24

  10. DanielZek表示:

    https://predpharm.shop/# over the counter prednisone cream
    Kamagra 100mg

  11. AlbertNer表示:

    https://predpharm.com/# buy prednisone online canada
    prednisone 20mg prices

  12. AlbertNer表示:

    https://predpharm.shop/# prednisone otc price
    cost of prednisone 40 mg

  13. AlbertNer表示:

    https://semapharm24.shop/# buy rybelsus online
    prednisone 5mg price

  14. 5 Common Myths About Pallet Prices You Should Avoid pallets of Wood for sale​

  15. Nasosy_cjPl表示:

    насос фекальный https://nasosy-msk.ru/ .

  16. AlbertNer表示:

    https://cytpharm.com/# cytotec buy online usa
    prednisone 10mg buy online

  17. Waltererync表示:

    sildenafil oral jelly 100mg kamagra: Kamagra 100mg price – Kama Pharm

  18. LarryLog表示:

    buy cytotec online: buy misoprostol over the counter – Cyt Pharm

  19. DanielZek表示:

    https://kamapharm.com/# buy kamagra online usa
    sildenafil oral jelly 100mg kamagra

  20. Brianlit表示:

    Kamagra Oral Jelly cheap kamagra п»їkamagra

  21. AlbertNer表示:

    https://predpharm.shop/# Pred Pharm
    prednisone price canada

  22. Karla表示:

    Why Car Key Cutting Machine Is Right For You spare car key
    cutting near me; Karla,

  23. DanielZek表示:

    https://dappharm.shop/# priligy
    Kamagra Oral Jelly

  24. LarryLog表示:

    super kamagra: Kama Pharm – Kamagra Oral Jelly

  25. Waltererync表示:

    Cyt Pharm: Cyt Pharm – CytPharm

  26. Leonardret表示:

    надежный маркетплейс bs2site at где сочетаются безопасность, широкий выбор товаров и удобство использования. Платформа работает с анонимными платежами и гарантирует полную конфиденциальность для всех пользователей.

發佈留言

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