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

14,176 Responses

  1. Sazryym表示:

    Добрый день!
    Как правильно купить диплом колледжа и ВУЗа в России, подводные камни
    paintball-keller-lev.de/viewtopic.php?f=3&t=100149
    Рады оказаться полезными!.

  2. Cazrumr表示:

    Привет, друзья!
    Мы можем предложить документы ВУЗов, которые расположены на территории всей России. Вы сможете приобрести диплом от любого учебного заведения, за любой год, указав необходимую специальность и оценки за все дисциплины. Дипломы и аттестаты печатаются на “правильной” бумаге самого высшего качества. Это дает возможность делать государственные дипломы, не отличимые от оригинала. Документы будут заверены всеми обязательными печатями и штампами.
    a4lx039he.ourcodeblog.com/28401356/%D0%9F%D0%BE%D0%B4%D1%80%D0%BE%D0%B1%D0%BD%D0%BE%D0%B5-%D0%BE%D0%BF%D0%B8%D1%81%D0%B0%D0%BD%D0%B8%D0%B5-%D0%BF%D0%BE%D0%BA%D1%83%D0%BF%D0%BA%D0%B8-%D0%B4%D0%B8%D0%BF%D0%BB%D0%BE%D0%BC%D0%B0-%D0%B2-%D0%BF%D0%BE%D0%BF%D1%83%D0%BB%D1%8F%D1%80%D0%BD%D0%BE%D0%BC-%D0%BE%D0%BD%D0%BB%D0%B0%D0%B9%D0%BD-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B5

  3. Xazrxpi表示:

    Привет, друзья!
    Заказать диплом ВУЗа
    arusak-diploms-srednee.ru/kupit-diplom-v-nizhnem-novgorodeВ 
    Успешной учебы!

  4. Sazrkwy表示:

    Здравствуйте!
    Полезная информация как официально купить диплом о высшем образовании
    tradersopen.com/login/login
    Поможем вам всегда!.

  5. Sazrtwu表示:

    Привет, друзья!
    Быстрая схема покупки диплома старого образца: что важно знать?
    naturetour.ru/club/user/186/blog/1633
    Окажем помощь!.

  6. Diplomi_oykl表示:

    купить диплом колледжа купить диплом колледжа .

  7. Diplomi_ggkl表示:

    купить диплом матроса asxdiplomik24.ru .

  8. Cazrshp表示:

    Добрый день!
    Мы можем предложить документы техникумов, расположенных на территории всей России. Вы сможете купить диплом от любого заведения, за любой год, указав актуальную специальность и оценки за все дисциплины. Дипломы и аттестаты выпускаются на бумаге высшего качества. Это дает возможности делать государственные дипломы, не отличимые от оригинала. Документы заверяются всеми обязательными печатями и подписями.
    c904581v.beget.tech/2024/07/09/nizkie-ceny-i-prekrasnoe-kachestvo-pokupay-dokumenty-onlayn.html

  9. Cazrvab表示:

    Добрый день!
    Мы предлагаем документы техникумов, которые расположены в любом регионе РФ. Вы сможете купить диплом за любой год, указав актуальную специальность и хорошие оценки за все дисциплины. Дипломы и аттестаты делаются на “правильной” бумаге самого высокого качества. Это дает возможность делать настоящие дипломы, не отличимые от оригинала. Документы будут заверены всеми требуемыми печатями и штампами.
    secure.smore.com/n/x031d-russian-diplom

  10. Diplomi_ngkl表示:

    можно купить диплом об окончании diploms-x.com .

  11. Diplomi_gfkl表示:

    купить диплом победителя asxdiplomik24.ru .

  12. Xazrlbx表示:

    Привет, друзья!
    Купить диплом любого ВУЗа
    landik-diploms-srednee.ru/kupit-diplom-v-novosibirske В 
    Успешной учебы!

  13. Qazrvjv表示:

    Привет!
    Реально ли приобрести диплом стоматолога? Основные этапы.
    Приобрести диплом о высшем образовании.
    fisketavling.nu/cb-profile/pluginclass/cbblogs?action=blogs&func=show&id=343

  14. Xazrgub表示:

    Добрый день!
    Заказать диплом о высшем образовании
    landik-diploms-srednee.ru/svidetelstvo-o-rozhdenii В 
    Удачи!

  15. Hpdtdl表示:

    purchase gasex for sale – buy gasex online buy diabecon generic

  16. Yrefxay表示:

    Добрый день!
    Заказать диплом любого университета.
    karkadan.ru/users/77829
    Успехов в учебе!

  17. Dnrtfgs表示:

    Здравствуйте!
    Приобрести документ о получении высшего образования можно в нашей компании в Москве.
    asxdiplomik24.ru/kupit-diplom-nizhnij-novgorod
    Успехов в учебе!

  18. It’s Time To Expand Your Wall Mounted Fireplace Options lynnbolvin.top

  19. Dnrtrah表示:

    Привет, друзья!
    Купить документ о получении высшего образования вы имеете возможность у нас.
    ast-diplomy.com/kupit-diplom-vracha
    Успехов в учебе!

  20. Dnrtlxv表示:

    Добрый день!
    Заказать документ ВУЗа вы можете в нашей компании.
    ast-diplomy.com/kupit-diplom-krasnoyarsk
    Хорошей учебы!

  21. озвучание или озвучивание https://ozvuchivanie-pomeshhenij.ru .

  22. Diplomi_xuPa表示:

    можно ли купить аттестат за 9 класс можно ли купить аттестат за 9 класс .

  23. 15 Secretly Funny People Working In Double Glazing Firms Near Me double glazed Window Handles

  24. Diplomi_qyei表示:

    купить диплом с занесением в базу ast-diploms.com .

  25. Lazrorz表示:

    Здравствуйте!
    Где купить диплом специалиста?
    Заказать диплом о высшем образовании.
    elviraobol.ru/cb-profile/pluginclass/cbblogs?action=blogs&func=show&id=563

  26. Tyroneerusa表示:

    Monica Bellucci https://dracula.monica-bellucci-ar.com one of the most famous Italian actresses of our time, has a distinguished artistic career spanning many decades. Her talent, charisma, and stunning beauty made her an icon of world cinema.

  27. 20 Things Only The Most Devoted Upvc Windows And Doors Fans Should Know upvc door replacement panels

  28. Luke表示:

    How Walking Pad Under Desk Was The Most Talked About Trend Of 2023 walking
    treadmill with desk [Luke]

發佈留言

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