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

26,135 Responses

  1. вывод из запоя в стационаре воронежа https://www.vyvod-iz-zapoya-v-stacionare-voronezh24.ru .

  2. CurtisBam表示:

    canadian pharmacy scam: best canadian pharmacy online – canadian pharmacy tampa

  3. find this表示:

    It’s difficult to find educated people for this topic, but you seem like you know what you’re talking about! Thanks

  4. Patrickrok表示:

    Aviatrix game https://aviatrix-games.com/en/ has become a sensation in the world of crash games. Its unique format, featuring a rapidly growing multiplier and the possibility of an unexpected crash. Aviatrix crash game is at 1win, 1xbet, Mostbet, and Pin Up.

  5. Brandonnot表示:

    canadian compounding pharmacy: CanadianMdPharm – vipps canadian pharmacy

  6. Relaxation Systems For Anxiety Attacks 마사지 (http://Www.knowledge.Matrixplus.Ru)

  7. Brandonnot表示:

    Online medicine: Best online Indian pharmacy – Indian Cert Pharm

  8. CurtisBam表示:

    Best online Indian pharmacy: indian pharmacy – Best online Indian pharmacy

  9. Watch Out: What 3 Wheeler Pushchairs Is Taking Over And What You
    Can Do About It 3 Wheeler pushchairs from birth

  10. Brandonnot表示:

    best canadian pharmacy: Canadian Md Pharm – canada pharmacy world

  11. What you posted made a ton of sense. However, what about this?
    suppose you typed a catchier post title? I am not saying
    your information is not good, however suppose you added a headline that makes people desire more?
    I mean Mozilla Thimble 在網頁上做網頁 – 馬老師 雲端研究室 is kinda plain. You might look at
    Yahoo’s home page and watch how they create news titles to
    grab people interested. You might add a related video or a pic or two to get people excited about everything’ve written. Just my opinion, it would make your posts a little livelier.

  12. DanielAbeme表示:

    online slots Jodo Do Tigrinho are a unique combination of excitement and pleasure. Discover a variety of themes, bonus games and jackpots. Play comfortably, enjoying the well-thought-out interface and the chance to hit the jackpot!

  13. Brandonnot表示:

    Mexican Easy Pharm: medication from mexico pharmacy – buying prescription drugs in mexico

  14. CurtisBam表示:

    reputable mexican pharmacies online: pharmacies in mexico that ship to usa – mexican rx online

  15. Mathewmuh表示:

    Cryptocurrency trading service bitqt with AI is automation and efficiency. Artificial intelligence monitors market dynamics, reduces risks and optimizes transactions. The perfect solution for beginners and professionals.

  16. DanielAbeme表示:

    online slots Jodo Do Tigrinho are a unique combination of excitement and pleasure. Discover a variety of themes, bonus games and jackpots. Play comfortably, enjoying the well-thought-out interface and the chance to hit the jackpot!

  17. facebook表示:

    Ηello i am kavin, iits my first time too commenting anywhere, whn i read this article i thought i cоuld also create comment ddue tto thiѕ
    brilliant parаgraph.

  18. CurtisBam表示:

    Indian pharmacy international shipping: Indian Cert Pharm – Best Indian pharmacy

  19. 20 Things You Need To Be Educated About Treatment For ADD
    best online adhd treatment; http://Www.Stes.tyc.edu.tw,

  20. Brandonnot表示:

    my canadian pharmacy: Canadian Md Pharm – canadian pharmacies online

  21. The Best Advice You Can Receive About Window Lock Repair
    upvc window lock repair near me

  22. CurtisBam表示:

    Mexican Easy Pharm: mexico drug stores pharmacies – Mexican Easy Pharm

  23. Brandonnot表示:

    canadian pharmacy meds reviews: CanadianMdPharm – canadapharmacyonline

  24. Jorgewooff表示:

    Mexican Easy Pharm: purple pharmacy mexico price list – buying prescription drugs in mexico online

  25. Carrolleruck表示:

    https://mexicaneasypharm.com/# Mexican Easy Pharm
    canadian family pharmacy

  26. 10 Factors To Know Concerning Evolution Baccarat Free You Didn’t Learn In School 에볼루션 슬롯

發佈留言

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