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

  1. пропуск в москву для грузовых автомобилей пропуск в москву для грузовых автомобилей .

  2. RodneyRip表示:

    mexican pharmaceuticals online https://mexicaneasypharm.com/# Mexican Easy Pharm
    mexico drug stores pharmacies

  3. перед выводом из запоя в стационаре https://vyvod-iz-zapoya-v-stacionare-samara25.ru/ .

  4. вывод из запоя в стационаре [url=https://www.vyvod-iz-zapoya-v-stacionare-samara24.ru]вывод из запоя в стационаре[/url] .

  5. вывод из запоя в стационаре наркологии вывод из запоя в стационаре наркологии .

  6. Boykbx表示:

    This post needs to be shown to all your friends and acquaintances, it is so important https://ipjhw.gov-edu.ru/id-2350.html

  7. Carrolleruck表示:

    https://indiancertpharm.shop/# Indian Cert Pharm
    canadian pharmacy uk delivery

  8. вывод из запоя в стационаре наркологии [url=vyvod-iz-zapoya-v-stacionare-samara24.ru]вывод из запоя в стационаре наркологии[/url] .

  9. LarryReupt表示:

    canadian pharmacy meds review best rated canadian pharmacy canadian online drugs

  10. Carrolleruck表示:

    https://indiancertpharm.com/# Online medicine
    canadian pharmacy 365

  11. Brandonnot表示:

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

  12. RodneyRip表示:

    buying prescription drugs in mexico online https://mexicaneasypharm.shop/# Mexican Easy Pharm
    pharmacies in mexico that ship to usa

  13. RodneyRip表示:

    mexico pharmacies prescription drugs https://mexicaneasypharm.com/# Mexican Easy Pharm
    pharmacies in mexico that ship to usa

  14. Brandonnot表示:

    Indian Cert Pharm: Best Indian pharmacy – Online medicine home delivery

  15. LarryReupt表示:

    Indian pharmacy that ships to usa Best online Indian pharmacy indian pharmacy

  16. Boston Medical Grouр
    3152 Red Hill Ave. Ste. #280,
    Costa Mesa, CA 92626, United Տtates
    800 337 7555
    erectile dysfunction 21 years old

  17. MatthewCem表示:

    Ищете промокоды для игр промокоды на кейсы standoff 2 наш сайт – ваш лучший помощник! Собираем актуальные игровые промокоды для бонусов, скидок и эксклюзивных наград.

  18. Kingdpt表示:

    This post needs to be shown to all your friends and acquaintances, it is so important https://wodon.gov-edu.ru/id-3722.html

  19. Jan Bunch表示:

    I’m a teenager and I heard that you can actually get paid for things like this. I’m experienced with computers and have good literature skills and I’m sure I can write successful blogs/articles.. . On a different (sort of) topic, would I be able to join affiliate programs?.

  20. da88表示:

    When some one searches for his necessary thing, thus he/she needs to be available that in detail, so that thing is maintained over here.

  21. Nutris.Net表示:

    Guide To Accident Claim Lawyers: The Intermediate Guide For Accident Claim Lawyers Accident
    Claim Lawyer – Nutris.Net

  22. mp3juices表示:

    Oh my goodness! Awesome article dude! Many thanks, However I am encountering problems with your RSS. I don’t understand why I cannot subscribe to it. Is there anybody else having the same RSS issues? Anybody who knows the solution will you kindly respond? Thanks.

  23. Tatum Choates表示:

    I want to start a blog/online diary, but not sure where to start..

  24. What’s up to all, it’s genuinely a nice for me to pay a visit this website,
    it consists of useful Information.

  25. Stormxvs表示:

    The author touched on a really important topic that needs to be talked about as often and loudly as possible https://xcsqb.gov-edu.ru/id-8479.html

  26. Phoenixylm表示:

    The author touched on those problems that really worry every thinking person https://oeeko.gov-edu.ru/id-4037.html

發佈留言

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