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

21,222 Responses

  1. It’s The Myths And Facts Behind Attorney Birth Injury
    Injury Lawsuits

  2. Justinbor表示:

    Официальный сайт https://1winpromobk.ru, где вы найдете актуальные промокоды и бонусы для 1Win. Получите эксклюзивные предложения, такие как 500% на первый депозит и бесплатные спины.

  3. Your Family Will Be Thankful For Getting This Double Glazed Sash
    Windows Wooden Sash Windows

  4. What’s The Current Job Market For Good Psychiatrists Near
    Me Professionals? good psychiatrists near me

  5. Belle表示:

    10 Mistaken Answers To Common Wall Mounted Electric Fireplace Questions:
    Do You Know The Right Ones? wall mounted fire
    electric (Belle)

  6. Lilly表示:

    What’s The Job Market For Greenpower Electric Scooters Professionals?
    greenpower electric scooters (Lilly)

  7. 10 Things You’ve Learned About Preschool That’ll Help You With Renault Replacement Key Card Renault Kadjar Key
    (Theflatearth.Win)

  8. Telegra.Ph表示:

    A Look At The Future What Is The Boot Mobility Scooter Industry Look Like In 10 Years?
    Collapsible Electric Mobility Scooter [Telegra.Ph]

  9. RobertCow表示:

    pinup 2025: Gramster – пин ап казино зеркало

  10. Makayla表示:

    The Most Effective Power Tools Shop Tricks To Make A Difference In Your Life tools store online
    (Makayla)

  11. Guide To 2 In 1 Travel System With Car Seat: The Intermediate Guide To 2 In 1 Travel System With Car Seat 2 in 1 travel System with car Seat

  12. 10 Startups That’ll Change The Asbestos Attorney Industry For The
    Better Mesothelioma Attorneys

  13. See What How Much Is A Private ADHD Assessment UK Tricks The Celebs Are Using how much is a private adhd Assessment

  14. 10 Beautiful Images Of Upvc Hinges upvc window Hinge

  15. hl0803.com表示:

    Don’t Believe In These “Trends” Concerning Hiring Auto Accident Attorney lawyer car accidents, hl0803.com,

  16. case Battle表示:

    The 10 Most Scariest Things About CSGO Case Battles case Battle

  17. BillyAstot表示:

    Какое программное обеспечение для видеонаблюдения https://www.cctvforum.ru является лучшим? Какой сервис видеонаблюдения как услуги (VSaaS) наиболее простой и удобный в использовании?

  18. Justinbor表示:

    Официальный сайт https://1winpromobk.ru, где вы найдете актуальные промокоды и бонусы для 1Win. Получите эксклюзивные предложения, такие как 500% на первый депозит и бесплатные спины.

  19. Best Budget Coffee Machine Tools To Help You
    Manage Your Daily Lifethe One Best Budget Coffee Machine Trick That Every Person Should Be Able To best budget coffee machine

  20. Marlys表示:

    20 Trailblazers Leading The Way In Item Upgrade upgrade
    item (Marlys)

  21. 14 Businesses Doing A Great Job At Head Injury Attorney Near Me Best Injury Lawyers

  22. Attorneys For Asbestos Exposure: 10 Things
    I’d Loved To Know Earlier Mesothelioma Lawyer

  23. You’ll Never Be Able To Figure Out This Can Mobility
    Scooters Go On The Pavement’s Secrets can mobility scooters go On the pavement

  24. Guide To Tilt And Turn Window Mechanism Problem:
    The Intermediate Guide On Tilt And Turn Window Mechanism Problem Tilt And Turn Window Mechanism Problem

  25. The Best Auto Locksmith Bedfordshire Tricks To
    Rewrite Your Life Best Auto Locksmith Bedfordshire

  26. 5 Killer Quora Answers To Misted Up Windows Misted up windows

  27. A Proactive Rant About Crypto Casino Sites Best crypto casino Games

  28. What Is It That Makes Good Robot Vacuum So Famous?
    robot vacuum hoover; cameradb.Review,

發佈留言

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