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

31,672 Responses

  1. Dannytal表示:

    ed meds online canada: Express Rx Canada – my canadian pharmacy reviews

  2. Dozawtus表示:

    заработок на аккаунтах магазин аккаунтов

  3. MichaelLoapy表示:

    Rx Express Mexico mexican rx online mexico drug stores pharmacies

  4. Индивидуальный пошив штор, эксклюзивный пошив штор..
    Пошив штор для вашего дома, от профессионалов..
    Пошив штор на заказ, по индивидуальному проекту..
    Дизайнерские шторы на заказ, обратитесь к нам..
    Профессиональный пошив штор с монтажом, под ключ..
    Пошив штор премиум-класса, по индивидуальному заказу..
    Создаем шторы мечты, Позвольте нам помочь..
    Пошив штор на заказ, от ведущих мастеров..
    Эксклюзивные шторы на заказ, по вашим желанием..
    Экспертный пошив штор в кратчайшие сроки, получите консультацию..
    Идеальные шторы для вашего пространства, по вашему дизайну..
    Пошив штор на заказ по вашим размерам, подходящий ваш стиль..
    Индивидуальный стиль ваших окон, от профессионалов..
    Индивидуальный дизайн штор, от ведущих дизайнеров..
    Качественные шторы на заказ, с современными технологиями..
    Профессиональный пошив штор, по вашему стилю..
    Создаем шторы, которые преобразят ваш интерьер, по оптимальной цене..
    пошив штор пошив штор . “Ткацкий”

  5. MichaelLoapy表示:

    canadian pharmacy drugs online Express Rx Canada canadian pharmacy meds reviews

  6. Индивидуальный пошив штор, выберите..
    Создайте уникальный интерьер с пошивом штор, по доступным ценам..
    Эксклюзивные решения в пошиве штор, по вашим размерам..
    Пошив штор по вашему дизайну, обратитесь к нам..
    Быстрый пошив штор, на любой вкус..
    Пошив штор премиум-класса, по выгодным ценам..
    Пошив штор по индивидуальному заказу, Обратитесь сегодня..
    Пошив штор на заказ, по вашему стилю..
    Пошив штор из эксклюзивных тканей, по вашим желанием..
    Экспертный пошив штор в кратчайшие сроки, получите консультацию..
    Пошив штор высокого качества, по лучшим ценам..
    Разнообразие тканей и стилей, подходящий ваш стиль..
    Пошив штор с профессиональным монтажом, под ключ..
    Создаем шторы по вашим мечтам, от ведущих дизайнеров..
    Пошив штор для любого помещения, с современными технологиями..
    Высокое качество и стиль, с гарантией долговечности..
    Пошив штор по вашим пожеланиям, с бесплатной консультацией..
    пошив штор пошив штор . +7 (499) 460-69-87

  7. Michaelrom表示:

    mexico pharmacies prescription drugs: mexican online pharmacy – buying prescription drugs in mexico online

  8. StevenDuase表示:

    canadian online pharmacy: Generic drugs from Canada – best canadian pharmacy

  9. WalterIcort表示:

    https://medicinefromindia.com/# Medicine From India

  10. Dannytal表示:

    canadian pharmacy phone number: Generic drugs from Canada – canadian medications

  11. Timastus表示:

    магазин аккаунтов социальных сетей магазин аккаунтов

  12. Lozxstus表示:

    купить аккаунт с прокачкой аккаунты с балансом

  13. WalterIcort表示:

    https://expressrxcanada.com/# canadian 24 hour pharmacy

  14. Dozawtus表示:

    площадка для продажи аккаунтов магазин аккаунтов

  15. ZacharyRetry表示:

    металлический значок лого https://metallicheskie-znachki-zakaz.ru

  16. MichaelLoapy表示:

    pharmacies in canada that ship to the us Express Rx Canada is canadian pharmacy legit

  17. Лучшие шторы для спокойствия и уюта, создайте уют, советы по выбору штор для дачи, стильный дизайн штор, стиль и удобство, экологичные шторы для дома, эффективные шторы для загородного дома, идеи дизайна штор, выбираем шторы для загородной гостиной, шторные решения для больших окон, шторы из натуральных тканей, автоматические шторы для загородного дома, подбираем шторы под интерьер, украшение окон штором, обеспечьте комфорт с нашими шторами, выбор стильных штор для загородного дома, что выбрать для загородного дома, подчеркните архитектуру дома с помощью штор, идеи сезонного оформления окон
    шторы в загородном доме шторы в загородном доме .

  18. BradleyJaire表示:

    Tadalafil sans ordonnance en ligne: Tadalafil achat en ligne – Pharmacie en ligne Cialis sans ordonnance tadalmed.shop

  19. Bernardshoor表示:

    trouver un mГ©dicament en pharmacie: pharmacie en ligne – pharmacies en ligne certifiГ©es pharmafst.com

  20. Bernardshoor表示:

    pharmacie en ligne france fiable: Pharmacies en ligne certifiees – pharmacie en ligne france pas cher pharmafst.com

  21. Robertfap表示:

    https://tadalmed.shop/# Acheter Cialis

  22. BillieLet表示:

    kamagra pas cher: kamagra livraison 24h – kamagra gel

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

  24. BillieLet表示:

    Cialis sans ordonnance pas cher: Tadalafil 20 mg prix sans ordonnance – Cialis generique prix tadalmed.shop

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

發佈留言

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