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

19,579 Responses

  1. Chernyy_sqSa表示:

    Как выбрать черный плинтус для вашего интерьера, За и против черного плинтуса в интерьере, Как использовать черный плинтус в дизайне интерьера: лучшие идеи, Как правильно ухаживать за черным плинтусом, Какие черные плинтусы стоит выбирать, Преимущества черного плинтуса перед другими цветами, Черный плинтус: стильные решения для современного дома, Материалы для черного плинтуса: варианты выбора, Как добавить черный плинтус в классическую обстановку, Роль черного плинтуса в оформлении интерьера, Почему черный плинтус становится все популярнее, Черный плинтус в королевском стиле: особенности декорирования, Как черный плинтус меняет общий вид помещения, Черный плинтус на стенах: стройность и элегантность, Идеи использования черного плинтуса на кухне, Секреты декорирования спальни черным плинтусом, Как создать уютную атмосферу с черным плинтусом, Черный плинтус: шикарный акцент в ванной комнате, Идеи декорирования с помощью черного плинтуса
    плинтус кухонный черный плинтус кухонный черный .

  2. PatrickLef表示:

    Farmacie online sicure: Farmacia online piu conveniente – farmacie online autorizzate elenco

  3. сервисный центре предлагает сколько стоит ремонт телевизора плазма – ремонт телевизоров недорого

  4. Edgarappow表示:

    Farmacia online miglior prezzo: BRUFEN 600 prezzo in farmacia – comprare farmaci online con ricetta

  5. Kennethtub表示:

    https://farmaciait.men/# п»їFarmacia online migliore
    Farmacia online miglior prezzo

  6. Hdersz表示:

    buy trihexyphenidyl without prescription – order trihexyphenidyl diclofenac gel online purchase

  7. MichaelToP表示:

    farmacie online sicure BRUFEN 600 prezzo in farmacia acquistare farmaci senza ricetta

  8. Having read this I thought it was really informative. I appreciate you taking the time and energy to put this short article together. I once again find myself spending way too much time both reading and commenting. But so what, it was still worthwhile!

  9. Richardral表示:

    farmacie online autorizzate elenco Farmacie che vendono Cialis senza ricetta п»їFarmacia online migliore

  10. JerryCap表示:

    капельница от запоя на дому цена https://alconetmos.ru/

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

  12. PatrickLef表示:

    comprare farmaci online all’estero: BRUFEN 600 bustine prezzo – farmacie online sicure

  13. I’m very pleased to find this website. I need to to thank you for ones time for this particularly wonderful read!! I definitely loved every little bit of it and i also have you saved to fav to see new things in your blog.

  14. Card Counting – A Recipe For Success 프라그마틱 슬롯 조작 (krabbe-bird.hubstack.net)

  15. Kolyaska_kbml表示:

    Идеальный выбор для новорожденных
    коляска для новорожденных люлька коляска для новорожденных люлька .

  16. Kolyaska_fhml表示:

    Как выбрать коляску-люльку по всем правилам
    люльку для новорожденного купить https://koljaska-ljulka.ru/ .

  17. Какие строительные материалы выбрать для фасада дома
    купить строительные блоки купить строительные блоки .

  18. Kolyaska_hmml表示:

    Подробный гид по покупке коляски-люльки для новорожденных
    легкие люльки для новорожденных легкие люльки для новорожденных .

  19. Kolyaska_ruml表示:

    Секреты выбора лучшего варианта для малыша
    коляска люлька для лета коляска люлька для лета .

  20. Edgarappow表示:

    Farmacie on line spedizione gratuita: Cialis generico controindicazioni – comprare farmaci online all’estero

  21. WilliamAnedy表示:

    Получите актуальные промокоды и бонусы в лекс казино по ссылке – лекс казино бонусы

  22. WilliamSKESK表示:

    Этот телеграм канал откроет для вас мир чтения, подробнее – https://smartlibrary24.com/. Наш канал создан для того, чтобы удовлетворить любой литературный вкус. Любите ли вы захватывающие тайны, душещипательные романы, нехудожественную литературу или захватывающие приключения – у нас вы найдете все, что нужно. Мы гордимся тем, что предлагаем разнообразный выбор жанров, чтобы каждый нашел что-то для себя

  23. PatrickLef表示:

    farmacia online senza ricetta: Farmacie che vendono Cialis senza ricetta – Farmacie online sicure

  24. Kennethtub表示:

    https://brufen.pro/# Ibuprofene 600 generico prezzo
    Farmacie on line spedizione gratuita

  25. MichaelToP表示:

    viagra originale in 24 ore contrassegno viagra senza ricetta dove acquistare viagra in modo sicuro

發佈留言

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