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

  1. kolyaska_wmsn表示:

    Выбор современных родителей – коляска-трость, со съемным козырьком и регулируемой спинкой.
    Эргономичная коляска-трость с эффектным дизайном, и удобным выдвижным козырьком.
    Купите легкую и компактную коляску-трость по доступной цене, с удобной ручкой и амортизаторами.
    Компактная коляска-трость для активных мам и пап, и мягкими ремнями безопасности.
    babyton трость https://kolyaski-trosti-progulochnye.ru/ .

  2. Why We Our Love For Leeds Door Panels (And You Should Also!) Composite Door Repairs Leeds

  3. Brianlit表示:

    buy dapoxetine online Priligy tablets DapPharm

  4. Waltererync表示:

    prednisone acetate: prednisone sale – how can i order prednisone

  5. DanielZek表示:

    https://cytpharm.com/# Cyt Pharm
    cheap kamagra

  6. LarryLog表示:

    Kamagra Oral Jelly: Kama Pharm – buy kamagra online usa

  7. DanielZek表示:

    https://semapharm24.com/# generic rybelsus tabs
    buy kamagra online usa

  8. Waltererync表示:

    semaglutide tablets: semaglutide tablets store – Sema Pharm 24

  9. AlbertNer表示:

    http://dappharm.com/# Priligy tablets
    prednisone nz

  10. kolyaska_kisn表示:

    Купите современную коляску-трость для вашего малыша, которая удивит вас своей функциональностью и легкостью.
    Стильная и практичная коляска-трость для вашего малыша, с многофункциональной корзиной для покупок.
    Модная коляска-трость для маленького модника, с удобной ручкой и амортизаторами.
    Качественная коляска-трость с удобной ручкой, с прочными колесами и удобной спинкой.
    прогулочная коляска трость прогулочная коляска трость .

  11. LarryLog表示:

    Kama Pharm: Kama Pharm – Kamagra tablets

  12. AlbertNer表示:

    https://semapharm24.shop/# semaglutide best price
    prednisone 20mg capsule

  13. Accident Injury Lawyers Near Me Tools To Improve Your Daily Lifethe One Accident Injury Lawyers Near Me Trick That
    Every Person Must Be Able To accident injury lawyers near me

  14. You’re so cool! I do not believe I’ve truly read something like this before. So good to find another person with unique thoughts on this subject matter. Seriously.. many thanks for starting this up. This website is something that is required on the web, someone with some originality.

  15. kolyaska_nbsn表示:

    Купите современную коляску-трость для вашего малыша, со съемным козырьком и регулируемой спинкой.
    Стильная и практичная коляска-трость для вашего малыша, и удобным выдвижным козырьком.
    Купите легкую и компактную коляску-трость по доступной цене, которая станет вашим незаменимым помощником.
    Компактная коляска-трость для активных мам и пап, с прочными колесами и удобной спинкой.
    babyton 320b babyton 320b .

  16. kolyaska_nksn表示:

    Выбор современных родителей – коляска-трость, с прочными колесами и удобной ручкой.
    Эргономичная коляска-трость с эффектным дизайном, которая поможет вам в повседневных прогулках.
    Универсальная коляска-трость для города и природы, с удобной ручкой и амортизаторами.
    Элегантная коляска-трость для путешествий и прогулок, и мягкими ремнями безопасности.
    babyhit wonder https://kolyaski-trosti-progulochnye.ru/ .

  17. kolyaska_hpsn表示:

    Купите современную коляску-трость для вашего малыша, с прочными колесами и удобной ручкой.
    Новейшая коляска-трость с механизмом складывания одной рукой, с многофункциональной корзиной для покупок.
    Универсальная коляска-трость для города и природы, которая станет вашим незаменимым помощником.
    Компактная коляска-трость для активных мам и пап, с прочными колесами и удобной спинкой.
    chicco коляска трость chicco коляска трость .

  18. Waltererync表示:

    dap pharm: dapoxetine price – priligy

  19. kolyaska_lwsn表示:

    Удобная и компактная коляска-трость для активных родителей, с прочными колесами и удобной ручкой.
    Стильная и практичная коляска-трость для вашего малыша, и удобным выдвижным козырьком.
    Универсальная коляска-трость для города и природы, которая станет вашим незаменимым помощником.
    Компактная коляска-трость для активных мам и пап, которая облегчит вам заботу о ребенке.
    cosatto трость cosatto трость .

  20. Brianlit表示:

    Priligy tablets buy dapoxetine online cheap priligy

  21. DanielZek表示:

    https://cytpharm.shop/# п»їcytotec pills online
    Kamagra 100mg price

  22. AlbertNer表示:

    https://cytpharm.com/# Cyt Pharm
    can i buy prednisone online without prescription

  23. DanielZek表示:

    https://semapharm24.shop/# generic rybelsus tabs
    Kamagra tablets

  24. LarryLog表示:

    buy cytotec pills: Cyt Pharm – buy cytotec pills online cheap

  25. 9 Signs That You’re A Accidents Attorney Near Me Expert
    Attorney Accident Lawyer

  26. The 10 Most Terrifying Things About Grey 3 Seater Fabric Sofa 3 seater fabric sofa

  27. Waltererync表示:

    п»їcytotec pills online: purchase cytotec – buy cytotec online

發佈留言

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