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

  1. анонимный вывод из запоя ростов vyvod-iz-zapoya-rostov227.ru .

  2. Brianlit表示:

    buy rybelsus online buy rybelsus online Sema Pharm 24

  3. AlbertNer表示:

    https://predpharm.shop/# PredPharm
    prednisone pill 10 mg

  4. Waltererync表示:

    buy kamagra online usa: Kama Pharm – Kamagra Oral Jelly

  5. DanielZek表示:

    https://dappharm.shop/# dapoxetine price
    Kamagra Oral Jelly

  6. LarryLog表示:

    semaglutide tablets for weight loss: SemaPharm24 – Sema Pharm 24

  7. DanielZek表示:

    http://predpharm.com/# prednisone 30
    Kamagra 100mg

  8. kypit 1s_vpEa表示:

    программа 1с купить с установкой цена программа 1с купить с установкой цена .

  9. Brianlit表示:

    buy priligy dap pharm buy dapoxetine online

  10. Waltererync表示:

    prednisone for dogs: prednisone 5 mg tablet – canada pharmacy prednisone

  11. LarryLog表示:

    dapoxetine online: cheap priligy – dapoxetine price

  12. What’s Holding Back The Audi A4 Key Replacement Industry?
    audi replacement Key

  13. AlbertNer表示:

    https://kamapharm.com/# buy Kamagra
    prednisone 5 tablets

  14. kolyaska_yjsn表示:

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

  15. AlbertNer表示:

    https://semapharm24.com/# cheap semaglutide pills
    buy prednisone mexico

  16. Waltererync表示:

    buy cytotec pills online cheap: cytotec abortion pill – cytotec pills buy online

  17. DanielZek表示:

    http://cytpharm.com/# CytPharm
    Kamagra Oral Jelly

  18. 15 Gifts For The Mystery Box Lover In Your Life online mystery box websites; rowland-Mckinney-3.blogbright.net,

  19. kolyaska_elsn表示:

    Выбор современных родителей – коляска-трость, которая удивит вас своей функциональностью и легкостью.
    Эргономичная коляска-трость с эффектным дизайном, и удобным выдвижным козырьком.
    Модная коляска-трость для маленького модника, с удобной ручкой и амортизаторами.
    Элегантная коляска-трость для путешествий и прогулок, с прочными колесами и удобной спинкой.
    geoby коляска трость geoby коляска трость .

  20. AlbertNer表示:

    http://cytpharm.com/# CytPharm
    where to get prednisone

  21. LarryLog表示:

    priligy: cheap priligy – buy priligy

  22. Fathertrd表示:

    How good it is that there are people who are able to so clearly express what many feel https://aneei.alexey-petrovich-sitnikov.ru/id-9479.html

  23. DanielZek表示:

    https://semapharm24.com/# Sema Pharm 24
    п»їkamagra

  24. Brianlit表示:

    super kamagra Kama Pharm Kama Pharm

  25. AlbertNer表示:

    https://predpharm.com/# prednisone over the counter
    price of prednisone 5mg

  26. LarryLog表示:

    Sema Pharm 24: semaglutide tablets for weight loss – buy semaglutide

  27. AlbertNer表示:

    https://semapharm24.com/# SemaPharm24
    cost of prednisone 10mg tablets

  28. mitolyn表示:

    Hi, I do think this is an excellent blog. I stumbledupon it
    😉 I will come back yet again since I bookmarked it.
    Money and freedom is the best way to change, may you be rich and continue to guide other people.

發佈留言

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