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

  1. Right now it sounds like BlogEngine is the top blogging platform out there right now.
    (from what I’ve read) Is that what you’re using on your blog?

  2. AlbertNer表示:

    http://kamapharm.com/# Kamagra 100mg price
    prednisone 10mg tablet cost

  3. LarryLog表示:

    rybelsus semaglutide tablets: semaglutide tablets price – semaglutide best price

  4. Brianlit表示:

    SemaPharm24 semaglutide tablets price SemaPharm24

  5. Nasosy_zyPl表示:

    погружной насос погружной насос .

  6. Waltererync表示:

    Kamagra 100mg price: Kama Pharm – Kama Pharm

  7. DanielZek表示:

    http://semapharm24.com/# semaglutide tablets store
    Kamagra tablets

  8. LarryLog表示:

    Sema Pharm 24: generic rybelsus tabs – semaglutide tablets for weight loss

  9. With havin so much written content do you ever run into any problems
    of plagorism or copyright infringement? My site has a lot of completely unique content I’ve either authored
    myself or outsourced but it seems a lot of it
    is popping it up all over the internet without my agreement.
    Do you know any ways to help protect against content from being ripped off?
    I’d genuinely appreciate it.

  10. DanielZek表示:

    http://predpharm.com/# prednisone generic brand name
    Kamagra tablets

  11. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт фотоаппаратов canon, можете посмотреть на сайте: ремонт фотоаппаратов canon сервис
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  12. Waltererync表示:

    Sema Pharm 24: rybelsus semaglutide tablets – rybelsus semaglutide tablets

  13. babi haram表示:

    Simply want to say your article is as astonishing.

    The clearness in your post is simply great and i can assume you are an expert on this subject.
    Fine with your permission let me to grab your feed to keep up to date with forthcoming post.
    Thanks a million and please continue the rewarding work.

  14. AlbertNer表示:

    https://semapharm24.shop/# semaglutide tablets
    prednisone 4mg tab

  15. Nasosy_omPl表示:

    мотопомпа купить https://nasosy-msk.ru/ .

  16. AlbertNer表示:

    https://kamapharm.com/# Kamagra 100mg
    steroids prednisone for sale

  17. LarryLog表示:

    cheap semaglutide pills: semaglutide best price – semaglutide tablets price

  18. moving help [url=https://www.spmovers12.com]moving help[/url] .

  19. Waltererync表示:

    Kamagra Oral Jelly: Kama Pharm – Kamagra 100mg price

  20. DanielZek表示:

    https://kamapharm.com/# buy Kamagra
    Kamagra 100mg price

  21. AlbertNer表示:

    https://kamapharm.shop/# Kamagra tablets
    where can i order prednisone 20mg

  22. How To Explain Best UK SEO Software To Your Grandparents s E O software, writeablog.net,

  23. LarryLog表示:

    Kamagra tablets: Kama Pharm – Kama Pharm

  24. Brianlit表示:

    Kamagra 100mg price cheap kamagra Kama Pharm

  25. DanielZek表示:

    https://semapharm24.com/# buy rybelsus online
    sildenafil oral jelly 100mg kamagra

  26. AlbertNer表示:

    http://semapharm24.com/# rybelsus semaglutide tablets
    can you buy prednisone over the counter in mexico

  27. Waltererync表示:

    Pred Pharm: Pred Pharm – PredPharm

  28. Deangelo表示:

    What’s The Reason You’re Failing At Asbestos Attorneys Chicago mesothelioma
    lawsuit (Deangelo)

發佈留言

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