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

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

  2. Unexpected Business Strategies Helped Smart Car Keys To Succeed car smart Key replacement

  3. 10 Facts About Audi Key Programming That Will Instantly Put You In An Upbeat
    Mood audi a1 Key fob

  4. 24 Hours For Improving Fireplace Surrounds marble Fireplaces

  5. Telegram应用是开源的,Telegram官网下载 https://www.telegramv.net 的程序支持可重现的构建。Telegram同时适用于以下环境:Android安卓端,iPhone 和 iPad及MacOS的Apple端,Windows/Mac/Linux桌面版

  6. Lexus Replacement Key Fob: A Simple Definition lexus car key replacement

  7. Misty表示:

    The 3 Biggest Disasters In Compact Double Stroller History best double strollers, Misty,

  8. 1 юань в тенге рубль в тенге .

    Конвертируйте валюту легко и бесплатно! На платформе доступны все популярные направления: от тенге к юаню или рублям до доллара США. Простой интерфейс помогает получить нужные расчеты за секунды.

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

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

  11. WilliamDen表示:

    https://gramster.ru/# пин ап

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

  13. Futon For Sale Near Me Tips From The Most Successful In The
    Business big lots couches for Sale

  14. window表示:

    You’ll Never Be Able To Figure Out This Double Glazing
    Windows Near Me’s Tricks window

  15. 9 . What Your Parents Teach You About Baby Bedside
    Crib Baby Bedside Crib

  16. The Most Worst Nightmare About Private Adhd Assessment
    Bring To Life how do i get assessed for adhd – forum.Spaceexploration.org.cy,

  17. You’ll Be Unable To Guess Window Replacement Near Me’s Tricks window replacement near me

  18. Florene表示:

    A Trip Back In Time The Conversations People Had About How To Install A Ghost Immobiliser 20 Years Ago ghost immobiliser 2 (Florene)

  19. A Peek Inside Cut Car Keys’s Secrets Of Cut Car Keys
    broken car Key

  20. Barbara表示:

    Case Battle Tips That Can Change Your Life case battle sites [Barbara]

  21. Mac表示:

    3 Common Reasons Why Your L Shape Leather Sofa Isn’t Working (And How To Fix It) reupholster leather couch (Mac)

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

  23. Why Is ADD Natural Treatment So Popular? adhd treatment for older adults
    (http://www.annunciogratis.net/author/brainnotify2)

  24. 5 Killer Quora Answers To Combined ADHD Symptoms In Adults
    combined adhd symptoms in adults

  25. 15 Gifts For The Cribs Lover In Your Life best Rated Cribs

  26. 20 Resources That Will Make You More Successful At Wall Mount Electric Fireplace contemporary wall Mounted electric Fires

發佈留言

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