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

30,337 Responses

  1. RobertCex表示:

    free spin casino: casibom guncel adres – popГјler bahis siteleri casibom1st.com

  2. Weldonsib表示:

    bet oyun siteleri: casibom – canli bahis siteleri casibom1st.com

  3. BradyGem表示:

    sweet bonanza giris: sweet bonanza giris – sweet bonanza slot sweetbonanza1st.shop

  4. BradyGem表示:

    slot casino siteleri: casino siteleri – casino siteleri 2025 casinositeleri1st.com

  5. Weldonsib表示:

    sweet bonanza: sweet bonanza yorumlar – sweet bonanza slot sweetbonanza1st.shop

  6. Weldonsib表示:

    sweet bonanza slot: sweet bonanza 1st – sweet bonanza slot sweetbonanza1st.shop

  7. RobertCex表示:

    Гјcretsiz deneme bonusu veren bahis siteleri: casibom guncel giris – yasal Еџans oyunlarД± siteleri casibom1st.com

  8. RobertCex表示:

    deneme bonusu veren siteler: casino siteleri 2025 – deneme bonusu veren siteler casinositeleri1st.com

  9. GarrettMom表示:

    casinomaxi casibom guncel adres internet kumar oyunu casibom1st.shop

  10. Weldonsib表示:

    sweet bonanza siteleri: sweet bonanza siteleri – sweet bonanza 1st sweetbonanza1st.shop

  11. RobertCex表示:

    casino siteleri 2025: bet turkiye – casino siteleri casinositeleri1st.com

  12. BradyGem表示:

    deneme veren siteler: casibom – casimo casibom1st.com

  13. GarrettMom表示:

    sweet bonanza siteleri sweet bonanza yorumlar sweet bonanza sweetbonanza1st.com

  14. RobertCex表示:

    canlД± casino deneme bonusu veren siteler: casibom giris adresi – casino maxi casibom1st.com

  15. Weldonsib表示:

    guvenilir casino siteleri: deneme bonusu veren seat – bahis siteleri slot oyunlarД± casinositeleri1st.com

  16. GarrettMom表示:

    sweet bonanza 1st sweet bonanza yorumlar sweet bonanza slot sweetbonanza1st.com

  17. BradyGem表示:

    en gГјvenilir bahis: casibom guncel giris – dede kumar sitesi casibom1st.com

  18. Weldonsib表示:

    lisansl? casino siteleri: casino siteleri – en bГјyГјk bahis siteleri casinositeleri1st.com

  19. WilliamVes表示:

    новости краснодара и краснодарского krasnodar-news35.ru

  20. 650235 303159An incredibly fascinating examine, I could possibly not concur entirely, but you do make some really valid points. 763497

  21. BradyGem表示:

    sweet bonanza demo: sweet bonanza yorumlar – sweet bonanza demo sweetbonanza1st.shop

  22. RobertCex表示:

    casino siteleri 2025: slot casino siteleri – guvenilir casino siteleri casinositeleri1st.com

  23. RobertCex表示:

    sweet bonanza slot: sweet bonanza giris – sweet bonanza siteleri sweetbonanza1st.shop

  24. Weldonsib表示:

    guvenilir casino siteleri: lisansl? casino siteleri – slot casino siteleri casinositeleri1st.com

  25. Davidled表示:

    https://casinositeleri1st.shop/# deneme bonusu veren siteler

  26. GarrettMom表示:

    gГјvenilir casino siteleri casibom giris pronet giriЕџ casibom1st.shop

  27. RobertCex表示:

    en iyi bahis uygulamasД±: casibom guncel giris – bet gГјncel giriЕџ casibom1st.com

  28. Davidled表示:

    https://casinositeleri1st.shop/# guvenilir casino siteleri

  29. Weldonsib表示:

    sweet bonanza: sweet bonanza slot – sweet bonanza giris sweetbonanza1st.shop

  30. BradyGem表示:

    sweet bonanza oyna: sweet bonanza slot – sweet bonanza giris sweetbonanza1st.shop

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

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