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

31,315 Responses

  1. Rhoda表示:

    The 10 Scariest Things About Bmw Replace Key bmw replace key;
    Rhoda,

  2. Allenacurf表示:

    Pharmacie en ligne livraison Europe: Acheter Cialis – pharmacie en ligne avec ordonnance

  3. The Secret Secrets Of Fiat Doblo Key Fob Replacement New Key For Fiat 500

  4. Allenacurf表示:

    SildГ©nafil 100 mg prix en pharmacie en France: viagra en ligne – Viagra homme sans ordonnance belgique

  5. Allenacurf表示:

    Pharmacie Internationale en ligne: Pharmacies en ligne certifiees – pharmacie en ligne avec ordonnance

  6. What Is Ford Key? History Of Ford Key In 10 Milestones Ford Kuga Key Replacement

  7. The 15 Things Your Boss Wants You To Know About Malpractice Attorneys You Knew About Malpractice
    Attorneys Malpractice Law Firms

  8. A Productive Rant About Audi Key Fob Replacement Audi Key replacement

  9. IgnacioSlima表示:

    pharmacie en ligne: achat kamagra – pharmacie en ligne livraison europe

  10. You’ll Be Unable To Guess Double Glaze Repair Near Me’s Secrets double glaze repair near me

  11. 7 Simple Tricks To Making A Statement With Your 3 Wheel
    Lightweight Mobility Scooters 3 wheel Electric Scooters

  12. Allenacurf表示:

    pharmacie en ligne france livraison belgique: cialis sans ordonnance – acheter mГ©dicament en ligne sans ordonnance

  13. What’s The Current Job Market For Treadmill Near
    Me Professionals? treadmill near me (http://Www.hometreadmills.uk)

  14. Guide To Sleeper Sofa With Chaise: The Intermediate Guide For Sleeper Sofa
    With Chaise Sleeper Sofa With Chaise

  15. Allenacurf表示:

    Viagra pas cher paris: Viagra sans ordonnance 24h – Viagra pas cher livraison rapide france

  16. upriserz.link表示:

    15 Fun And Wacky Hobbies That’ll Make You Smarter At Pushchair Sale pushchair suitable
    from Birth (upriserz.link)

  17. Allenacurf表示:

    Pharmacie Internationale en ligne: Levitra 20mg prix en pharmacie – pharmacie en ligne sans ordonnance

  18. This Week’s Top Stories About Double Glazing Deals Near Me Double Glazing Deals Near Me Replacement Glass For Double Glazing

  19. Vegas Slots表示:

    The 10 Scariest Things About Vegas Slots Vegas Slots

  20. What’s The Job Market For Online Sites For Shopping In Uk Professionals Like?
    online sites for shopping in uk

  21. Allenacurf表示:

    Viagra homme prix en pharmacie: Viagra generique en pharmacie – Viagra homme prix en pharmacie sans ordonnance

  22. Foster表示:

    The People Who Are Closest To Slot Online Share Some Big Secrets slot symbols
    [Foster]

  23. misty表示:

    Double Glazing Repairs Near Me Tips From The Top In The Business misty

  24. Guide To Good Prams: The Intermediate Guide For Good Prams good prams (18.farcaleniom.com)

  25. Five Killer Quora Answers On Cheap Online Grocery Shopping Uk Cheap Online grocery shopping uk

  26. 15 Up-And-Coming Slot Games Bloggers You Need To Check Out Best online slots – The-challenger.Ru,

  27. Fnrszy表示:

    claritin pills pursuit – claritin pills heaven claritin pills sniff

  28. You’ll Never Be Able To Figure Out This Double Glaze Repair Near Me’s Secrets Double Glaze Repair Near Me

  29. Guide To Shop Online Uk Women’s Fashion: The Intermediate Guide On Shop Online Uk Women’s
    Fashion Shop online uk women’s fashion

  30. Could Double Pushchair Be The Key To 2023’s Resolving?
    double stroller with snack tray

發佈留言

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